framework7-react 6.3.5 → 7.0.0-beta.10

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 (461) 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/{button/button.d.ts → button.d.ts} +0 -0
  34. package/{esm/components → components}/button.js +64 -65
  35. package/components/{card-content/card-content.d.ts → card-content.d.ts} +0 -0
  36. package/{esm/components → components}/card-content.js +16 -17
  37. package/components/{card-footer/card-footer.d.ts → card-footer.d.ts} +0 -0
  38. package/{esm/components → components}/card-footer.js +15 -15
  39. package/components/{card-header/card-header.d.ts → card-header.d.ts} +0 -0
  40. package/{esm/components → components}/card-header.js +15 -15
  41. package/components/{card/card.d.ts → card.d.ts} +0 -0
  42. package/{esm/components → components}/card.js +62 -62
  43. package/components/{checkbox/checkbox.d.ts → checkbox.d.ts} +0 -0
  44. package/{esm/components → components}/checkbox.js +29 -29
  45. package/components/{chip/chip.d.ts → chip.d.ts} +0 -0
  46. package/{esm/components → components}/chip.js +30 -30
  47. package/components/{col/col.d.ts → col.d.ts} +0 -0
  48. package/components/col.js +75 -0
  49. package/components/{fab-backdrop/fab-backdrop.d.ts → fab-backdrop.d.ts} +0 -0
  50. package/{esm/components → components}/fab-backdrop.js +14 -14
  51. package/components/{fab-button/fab-button.d.ts → fab-button.d.ts} +0 -0
  52. package/{esm/components → components}/fab-button.js +21 -21
  53. package/components/{fab-buttons/fab-buttons.d.ts → fab-buttons.d.ts} +0 -0
  54. package/components/fab-buttons.js +29 -0
  55. package/components/{fab/fab.d.ts → fab.d.ts} +0 -0
  56. package/{esm/components → components}/fab.js +36 -37
  57. package/components/{gauge/gauge.d.ts → gauge.d.ts} +0 -0
  58. package/components/gauge.js +104 -0
  59. package/components/{icon/icon.d.ts → icon.d.ts} +0 -0
  60. package/{esm/components → components}/icon.js +34 -34
  61. package/components/{input/input.d.ts → input.d.ts} +0 -0
  62. package/{esm/components → components}/input.js +132 -146
  63. package/components/{link/link.d.ts → link.d.ts} +0 -0
  64. package/components/link.js +102 -0
  65. package/components/{list-button/list-button.d.ts → list-button.d.ts} +0 -0
  66. package/{esm/components → components}/list-button.js +37 -34
  67. package/components/{list-group/list-group.d.ts → list-group.d.ts} +0 -0
  68. package/{esm/components → components}/list-group.js +24 -24
  69. package/components/{list-index/list-index.d.ts → list-index.d.ts} +0 -0
  70. package/components/list-index.js +94 -0
  71. package/components/{list-input/list-input.d.ts → list-input.d.ts} +0 -0
  72. package/{esm/components → components}/list-input.js +146 -163
  73. package/components/{list-item-cell/list-item-cell.d.ts → list-item-cell.d.ts} +0 -0
  74. package/{esm/components → components}/list-item-cell.js +15 -15
  75. package/components/{list-item-content/list-item-content.d.ts → list-item-content.d.ts} +0 -0
  76. package/{esm/components → components}/list-item-content.js +55 -53
  77. package/components/{list-item-row/list-item-row.d.ts → list-item-row.d.ts} +0 -0
  78. package/{esm/components → components}/list-item-row.js +15 -15
  79. package/components/{list-item/list-item.d.ts → list-item.d.ts} +0 -0
  80. package/{esm/components → components}/list-item.js +99 -108
  81. package/components/{list/list.d.ts → list.d.ts} +0 -0
  82. package/{esm/components → components}/list.js +103 -100
  83. package/components/{login-screen-title/login-screen-title.d.ts → login-screen-title.d.ts} +0 -0
  84. package/{esm/components → components}/login-screen-title.js +15 -15
  85. package/components/{login-screen/login-screen.d.ts → login-screen.d.ts} +0 -0
  86. package/components/login-screen.js +119 -0
  87. package/components/{menu-dropdown-item/menu-dropdown-item.d.ts → menu-dropdown-item.d.ts} +0 -0
  88. package/{esm/components → components}/menu-dropdown-item.js +31 -31
  89. package/components/{menu-dropdown/menu-dropdown.d.ts → menu-dropdown.d.ts} +0 -0
  90. package/{esm/components → components}/menu-dropdown.js +21 -21
  91. package/components/{menu-item/menu-item.d.ts → menu-item.d.ts} +0 -0
  92. package/{esm/components → components}/menu-item.js +44 -44
  93. package/components/{menu/menu.d.ts → menu.d.ts} +0 -0
  94. package/{esm/components → components}/menu.js +15 -15
  95. package/components/{message/message.d.ts → message.d.ts} +0 -0
  96. package/{esm/components → components}/message.js +40 -41
  97. package/components/{messagebar-attachment/messagebar-attachment.d.ts → messagebar-attachment.d.ts} +0 -0
  98. package/{esm/components → components}/messagebar-attachment.js +19 -20
  99. package/components/{messagebar-attachments/messagebar-attachments.d.ts → messagebar-attachments.d.ts} +0 -0
  100. package/{esm/components → components}/messagebar-attachments.js +15 -15
  101. package/components/{messagebar-sheet-image/messagebar-sheet-image.d.ts → messagebar-sheet-image.d.ts} +0 -0
  102. package/{esm/components → components}/messagebar-sheet-image.js +22 -23
  103. package/components/{messagebar-sheet-item/messagebar-sheet-item.d.ts → messagebar-sheet-item.d.ts} +0 -0
  104. package/{esm/components → components}/messagebar-sheet-item.js +15 -15
  105. package/components/{messagebar-sheet/messagebar-sheet.d.ts → messagebar-sheet.d.ts} +0 -0
  106. package/{esm/components → components}/messagebar-sheet.js +15 -15
  107. package/components/{messagebar/messagebar.d.ts → messagebar.d.ts} +0 -0
  108. package/components/messagebar.js +202 -0
  109. package/components/{messages-title/messages-title.d.ts → messages-title.d.ts} +0 -0
  110. package/{esm/components → components}/messages-title.js +15 -15
  111. package/components/{messages/messages.d.ts → messages.d.ts} +0 -0
  112. package/components/messages.js +139 -0
  113. package/components/{nav-left/nav-left.d.ts → nav-left.d.ts} +0 -0
  114. package/{esm/components → components}/nav-left.js +28 -28
  115. package/components/{nav-right/nav-right.d.ts → nav-right.d.ts} +0 -0
  116. package/{esm/components → components}/nav-right.js +17 -17
  117. package/components/{nav-title-large/nav-title-large.d.ts → nav-title-large.d.ts} +0 -0
  118. package/{esm/components → components}/nav-title-large.js +15 -15
  119. package/components/{nav-title/nav-title.d.ts → nav-title.d.ts} +0 -0
  120. package/{esm/components → components}/nav-title.js +20 -20
  121. package/components/{navbar/navbar.d.ts → navbar.d.ts} +0 -0
  122. package/{esm/components → components}/navbar.js +80 -81
  123. package/components/{page-content/page-content.d.ts → page-content.d.ts} +0 -0
  124. package/{esm/components → components}/page-content.js +50 -52
  125. package/components/{page/page.d.ts → page.d.ts} +0 -0
  126. package/{esm/components → components}/page.js +104 -107
  127. package/components/{panel/panel.d.ts → panel.d.ts} +0 -0
  128. package/components/panel.js +198 -0
  129. package/components/{photo-browser/photo-browser.d.ts → photo-browser.d.ts} +0 -0
  130. package/components/photo-browser.js +164 -0
  131. package/components/{pie-chart/pie-chart.d.ts → pie-chart.d.ts} +0 -0
  132. package/components/pie-chart.js +171 -0
  133. package/components/{popover/popover.d.ts → popover.d.ts} +0 -0
  134. package/components/popover.js +134 -0
  135. package/components/{popup/popup.d.ts → popup.d.ts} +0 -0
  136. package/components/popup.js +155 -0
  137. package/components/{preloader/preloader.d.ts → preloader.d.ts} +0 -0
  138. package/{esm/components → components}/preloader.js +23 -23
  139. package/components/{progressbar/progressbar.d.ts → progressbar.d.ts} +0 -0
  140. package/components/progressbar.js +46 -0
  141. package/components/{radio/radio.d.ts → radio.d.ts} +0 -0
  142. package/{esm/components → components}/radio.js +24 -24
  143. package/components/{range/range.d.ts → range.d.ts} +0 -0
  144. package/components/range.js +130 -0
  145. package/components/{routable-modals/routable-modals.d.ts → routable-modals.d.ts} +0 -0
  146. package/{esm/components → components}/routable-modals.js +23 -25
  147. package/components/{row/row.d.ts → row.d.ts} +0 -0
  148. package/{esm/components → components}/row.js +29 -31
  149. package/components/{searchbar/searchbar.d.ts → searchbar.d.ts} +0 -0
  150. package/components/searchbar.js +226 -0
  151. package/components/{segmented/segmented.d.ts → segmented.d.ts} +0 -0
  152. package/{esm/components → components}/segmented.js +29 -30
  153. package/components/{sheet/sheet.d.ts → sheet.d.ts} +0 -0
  154. package/components/sheet.js +184 -0
  155. package/components/{skeleton-avatar/skeleton-avatar.d.ts → skeleton-avatar.d.ts} +1 -0
  156. package/{esm/components → components}/skeleton-avatar.js +1 -0
  157. package/components/{skeleton-block/skeleton-block.d.ts → skeleton-block.d.ts} +1 -0
  158. package/{esm/components → components}/skeleton-block.js +1 -0
  159. package/components/{skeleton-image/skeleton-image.d.ts → skeleton-image.d.ts} +1 -0
  160. package/{esm/components → components}/skeleton-image.js +1 -0
  161. package/components/{skeleton-text/skeleton-text.d.ts → skeleton-text.d.ts} +1 -0
  162. package/{esm/components → components}/skeleton-text.js +1 -0
  163. package/components/{stepper/stepper.d.ts → stepper.d.ts} +0 -0
  164. package/components/stepper.js +223 -0
  165. package/components/{subnavbar/subnavbar.d.ts → subnavbar.d.ts} +0 -0
  166. package/{esm/components → components}/subnavbar.js +19 -20
  167. package/components/{swipeout-actions/swipeout-actions.d.ts → swipeout-actions.d.ts} +0 -0
  168. package/{esm/components → components}/swipeout-actions.js +19 -19
  169. package/components/{swipeout-button/swipeout-button.d.ts → swipeout-button.d.ts} +0 -0
  170. package/{esm/components → components}/swipeout-button.js +23 -23
  171. package/components/{swiper-slide/swiper-slide.d.ts → swiper-slide.d.ts} +0 -0
  172. package/{esm/components → components}/swiper-slide.js +0 -0
  173. package/components/{swiper/swiper.d.ts → swiper.d.ts} +0 -0
  174. package/{esm/components → components}/swiper.js +0 -0
  175. package/components/{tab/tab.d.ts → tab.d.ts} +0 -0
  176. package/{esm/components → components}/tab.js +45 -45
  177. package/components/{tabs/tabs.d.ts → tabs.d.ts} +0 -0
  178. package/{esm/components → components}/tabs.js +23 -23
  179. package/components/{text-editor/text-editor.d.ts → text-editor.d.ts} +0 -0
  180. package/components/text-editor.js +141 -0
  181. package/components/{toggle/toggle.d.ts → toggle.d.ts} +0 -0
  182. package/components/toggle.js +103 -0
  183. package/components/{toolbar/toolbar.d.ts → toolbar.d.ts} +0 -0
  184. package/{esm/components → components}/toolbar.js +47 -48
  185. package/components/{treeview-item/treeview-item.d.ts → treeview-item.d.ts} +0 -0
  186. package/{esm/components → components}/treeview-item.js +45 -44
  187. package/components/{treeview/treeview.d.ts → treeview.d.ts} +0 -0
  188. package/{esm/components → components}/treeview.js +15 -15
  189. package/components/{view/view.d.ts → view.d.ts} +0 -0
  190. package/components/view.js +238 -0
  191. package/components/{views/views.d.ts → views.d.ts} +0 -0
  192. package/{esm/components → components}/views.js +17 -17
  193. package/framework7-react.js +115 -0
  194. package/package.json +6 -4
  195. package/{esm/shared → shared}/components-router.js +78 -68
  196. package/{esm/shared → shared}/f7.js +15 -23
  197. package/shared/get-router-initial-component.js +39 -0
  198. package/{esm/shared → shared}/list-context.js +1 -1
  199. package/{esm/shared → shared}/mixins.js +91 -77
  200. package/shared/modal-state-classes.js +9 -0
  201. package/{esm/shared → shared}/plugin.js +13 -14
  202. package/shared/router-context.js +6 -0
  203. package/shared/router-open-in.js +106 -0
  204. package/shared/tabbar-context.js +5 -0
  205. package/{esm/shared → shared}/use-async-component.js +2 -2
  206. package/shared/use-icon.js +35 -0
  207. package/{esm/shared → shared}/use-isomorphic-layout-effect.js +0 -0
  208. package/{esm/shared → shared}/use-route-props.js +5 -6
  209. package/{esm/shared → shared}/use-smart-select.js +8 -8
  210. package/shared/use-store.js +35 -0
  211. package/{esm/shared → shared}/use-tab.js +10 -10
  212. package/shared/use-theme.js +13 -0
  213. package/{esm/shared → shared}/use-tooltip.js +13 -11
  214. package/{esm/shared → shared}/utils.js +42 -69
  215. package/{esm/shared → shared}/watch-prop.js +4 -4
  216. package/cjs/components/accordion-content.js +0 -40
  217. package/cjs/components/accordion-item.js +0 -112
  218. package/cjs/components/accordion-toggle.js +0 -41
  219. package/cjs/components/accordion.js +0 -41
  220. package/cjs/components/actions-button.js +0 -68
  221. package/cjs/components/actions-group.js +0 -40
  222. package/cjs/components/actions-label.js +0 -50
  223. package/cjs/components/actions.js +0 -160
  224. package/cjs/components/app.js +0 -77
  225. package/cjs/components/appbar.js +0 -58
  226. package/cjs/components/area-chart.js +0 -397
  227. package/cjs/components/badge.js +0 -48
  228. package/cjs/components/block-footer.js +0 -40
  229. package/cjs/components/block-header.js +0 -40
  230. package/cjs/components/block-title.js +0 -45
  231. package/cjs/components/block.js +0 -76
  232. package/cjs/components/button.js +0 -167
  233. package/cjs/components/card-content.js +0 -44
  234. package/cjs/components/card-footer.js +0 -40
  235. package/cjs/components/card-header.js +0 -40
  236. package/cjs/components/card.js +0 -196
  237. package/cjs/components/checkbox.js +0 -79
  238. package/cjs/components/chip.js +0 -89
  239. package/cjs/components/col.js +0 -84
  240. package/cjs/components/fab-backdrop.js +0 -38
  241. package/cjs/components/fab-button.js +0 -65
  242. package/cjs/components/fab-buttons.js +0 -41
  243. package/cjs/components/fab.js +0 -98
  244. package/cjs/components/gauge.js +0 -127
  245. package/cjs/components/icon.js +0 -109
  246. package/cjs/components/input.js +0 -469
  247. package/cjs/components/link.js +0 -124
  248. package/cjs/components/list-button.js +0 -75
  249. package/cjs/components/list-group.js +0 -62
  250. package/cjs/components/list-index.js +0 -120
  251. package/cjs/components/list-input.js +0 -472
  252. package/cjs/components/list-item-cell.js +0 -40
  253. package/cjs/components/list-item-content.js +0 -180
  254. package/cjs/components/list-item-row.js +0 -40
  255. package/cjs/components/list-item.js +0 -406
  256. package/cjs/components/list.js +0 -241
  257. package/cjs/components/login-screen-title.js +0 -40
  258. package/cjs/components/login-screen.js +0 -142
  259. package/cjs/components/menu-dropdown-item.js +0 -72
  260. package/cjs/components/menu-dropdown.js +0 -54
  261. package/cjs/components/menu-item.js +0 -120
  262. package/cjs/components/menu.js +0 -42
  263. package/cjs/components/message.js +0 -133
  264. package/cjs/components/messagebar-attachment.js +0 -59
  265. package/cjs/components/messagebar-attachments.js +0 -40
  266. package/cjs/components/messagebar-sheet-image.js +0 -59
  267. package/cjs/components/messagebar-sheet-item.js +0 -40
  268. package/cjs/components/messagebar-sheet.js +0 -40
  269. package/cjs/components/messagebar.js +0 -230
  270. package/cjs/components/messages-title.js +0 -40
  271. package/cjs/components/messages.js +0 -164
  272. package/cjs/components/nav-left.js +0 -76
  273. package/cjs/components/nav-right.js +0 -43
  274. package/cjs/components/nav-title-large.js +0 -42
  275. package/cjs/components/nav-title.js +0 -53
  276. package/cjs/components/navbar.js +0 -279
  277. package/cjs/components/page-content.js +0 -173
  278. package/cjs/components/page.js +0 -423
  279. package/cjs/components/panel.js +0 -231
  280. package/cjs/components/photo-browser.js +0 -180
  281. package/cjs/components/pie-chart.js +0 -202
  282. package/cjs/components/popover.js +0 -157
  283. package/cjs/components/popup.js +0 -183
  284. package/cjs/components/preloader.js +0 -101
  285. package/cjs/components/progressbar.js +0 -60
  286. package/cjs/components/radio.js +0 -68
  287. package/cjs/components/range.js +0 -164
  288. package/cjs/components/routable-modals.js +0 -71
  289. package/cjs/components/row.js +0 -79
  290. package/cjs/components/searchbar.js +0 -257
  291. package/cjs/components/segmented.js +0 -71
  292. package/cjs/components/sheet.js +0 -213
  293. package/cjs/components/skeleton-avatar.js +0 -9
  294. package/cjs/components/skeleton-block.js +0 -9
  295. package/cjs/components/skeleton-image.js +0 -9
  296. package/cjs/components/skeleton-text.js +0 -9
  297. package/cjs/components/stepper.js +0 -260
  298. package/cjs/components/subnavbar.js +0 -50
  299. package/cjs/components/swipeout-actions.js +0 -50
  300. package/cjs/components/swipeout-button.js +0 -61
  301. package/cjs/components/swiper-slide.js +0 -9
  302. package/cjs/components/swiper.js +0 -9
  303. package/cjs/components/tab.js +0 -141
  304. package/cjs/components/tabs.js +0 -72
  305. package/cjs/components/text-editor.js +0 -160
  306. package/cjs/components/toggle.js +0 -126
  307. package/cjs/components/toolbar.js +0 -125
  308. package/cjs/components/treeview-item.js +0 -131
  309. package/cjs/components/treeview.js +0 -40
  310. package/cjs/components/view.js +0 -284
  311. package/cjs/components/views.js +0 -43
  312. package/cjs/framework7-react.js +0 -416
  313. package/cjs/shared/components-router.js +0 -243
  314. package/cjs/shared/f7.js +0 -105
  315. package/cjs/shared/get-router-initial-component.js +0 -48
  316. package/cjs/shared/list-context.js +0 -17
  317. package/cjs/shared/mixins.js +0 -165
  318. package/cjs/shared/modal-state-classes.js +0 -17
  319. package/cjs/shared/plugin.js +0 -56
  320. package/cjs/shared/router-context.js +0 -15
  321. package/cjs/shared/tabbar-context.js +0 -14
  322. package/cjs/shared/use-async-component.js +0 -20
  323. package/cjs/shared/use-icon.js +0 -50
  324. package/cjs/shared/use-isomorphic-layout-effect.js +0 -12
  325. package/cjs/shared/use-route-props.js +0 -25
  326. package/cjs/shared/use-smart-select.js +0 -38
  327. package/cjs/shared/use-store.js +0 -47
  328. package/cjs/shared/use-tab.js +0 -46
  329. package/cjs/shared/use-theme.js +0 -24
  330. package/cjs/shared/use-tooltip.js +0 -61
  331. package/cjs/shared/utils.js +0 -199
  332. package/cjs/shared/watch-prop.js +0 -21
  333. package/components/accordion/package.json +0 -9
  334. package/components/accordion-content/package.json +0 -9
  335. package/components/accordion-item/package.json +0 -9
  336. package/components/accordion-toggle/package.json +0 -9
  337. package/components/actions/package.json +0 -9
  338. package/components/actions-button/package.json +0 -9
  339. package/components/actions-group/package.json +0 -9
  340. package/components/actions-label/package.json +0 -9
  341. package/components/app/package.json +0 -9
  342. package/components/appbar/package.json +0 -9
  343. package/components/area-chart/package.json +0 -9
  344. package/components/badge/package.json +0 -9
  345. package/components/block/package.json +0 -9
  346. package/components/block-footer/package.json +0 -9
  347. package/components/block-header/package.json +0 -9
  348. package/components/block-title/package.json +0 -9
  349. package/components/button/package.json +0 -9
  350. package/components/card/package.json +0 -9
  351. package/components/card-content/package.json +0 -9
  352. package/components/card-footer/package.json +0 -9
  353. package/components/card-header/package.json +0 -9
  354. package/components/checkbox/package.json +0 -9
  355. package/components/chip/package.json +0 -9
  356. package/components/col/package.json +0 -9
  357. package/components/fab/package.json +0 -9
  358. package/components/fab-backdrop/package.json +0 -9
  359. package/components/fab-button/package.json +0 -9
  360. package/components/fab-buttons/package.json +0 -9
  361. package/components/gauge/package.json +0 -9
  362. package/components/icon/package.json +0 -9
  363. package/components/input/package.json +0 -9
  364. package/components/link/package.json +0 -9
  365. package/components/list/package.json +0 -9
  366. package/components/list-button/package.json +0 -9
  367. package/components/list-group/package.json +0 -9
  368. package/components/list-index/package.json +0 -9
  369. package/components/list-input/package.json +0 -9
  370. package/components/list-item/package.json +0 -9
  371. package/components/list-item-cell/package.json +0 -9
  372. package/components/list-item-content/package.json +0 -9
  373. package/components/list-item-row/package.json +0 -9
  374. package/components/login-screen/package.json +0 -9
  375. package/components/login-screen-title/package.json +0 -9
  376. package/components/menu/package.json +0 -9
  377. package/components/menu-dropdown/package.json +0 -9
  378. package/components/menu-dropdown-item/package.json +0 -9
  379. package/components/menu-item/package.json +0 -9
  380. package/components/message/package.json +0 -9
  381. package/components/messagebar/package.json +0 -9
  382. package/components/messagebar-attachment/package.json +0 -9
  383. package/components/messagebar-attachments/package.json +0 -9
  384. package/components/messagebar-sheet/package.json +0 -9
  385. package/components/messagebar-sheet-image/package.json +0 -9
  386. package/components/messagebar-sheet-item/package.json +0 -9
  387. package/components/messages/package.json +0 -9
  388. package/components/messages-title/package.json +0 -9
  389. package/components/nav-left/package.json +0 -9
  390. package/components/nav-right/package.json +0 -9
  391. package/components/nav-title/package.json +0 -9
  392. package/components/nav-title-large/package.json +0 -9
  393. package/components/navbar/package.json +0 -9
  394. package/components/page/package.json +0 -9
  395. package/components/page-content/package.json +0 -9
  396. package/components/panel/package.json +0 -9
  397. package/components/photo-browser/package.json +0 -9
  398. package/components/pie-chart/package.json +0 -9
  399. package/components/popover/package.json +0 -9
  400. package/components/popup/package.json +0 -9
  401. package/components/preloader/package.json +0 -9
  402. package/components/progressbar/package.json +0 -9
  403. package/components/radio/package.json +0 -9
  404. package/components/range/package.json +0 -9
  405. package/components/routable-modals/package.json +0 -9
  406. package/components/row/package.json +0 -9
  407. package/components/searchbar/package.json +0 -9
  408. package/components/segmented/package.json +0 -9
  409. package/components/sheet/package.json +0 -9
  410. package/components/skeleton-avatar/package.json +0 -9
  411. package/components/skeleton-block/package.json +0 -9
  412. package/components/skeleton-image/package.json +0 -9
  413. package/components/skeleton-text/package.json +0 -9
  414. package/components/stepper/package.json +0 -9
  415. package/components/subnavbar/package.json +0 -9
  416. package/components/swipeout-actions/package.json +0 -9
  417. package/components/swipeout-button/package.json +0 -9
  418. package/components/swiper/package.json +0 -9
  419. package/components/swiper-slide/package.json +0 -9
  420. package/components/tab/package.json +0 -9
  421. package/components/tabs/package.json +0 -9
  422. package/components/text-editor/package.json +0 -9
  423. package/components/toggle/package.json +0 -9
  424. package/components/toolbar/package.json +0 -9
  425. package/components/treeview/package.json +0 -9
  426. package/components/treeview-item/package.json +0 -9
  427. package/components/view/package.json +0 -9
  428. package/components/views/package.json +0 -9
  429. package/esm/components/accordion.js +0 -29
  430. package/esm/components/actions.js +0 -144
  431. package/esm/components/area-chart.js +0 -385
  432. package/esm/components/block.js +0 -63
  433. package/esm/components/col.js +0 -71
  434. package/esm/components/fab-buttons.js +0 -29
  435. package/esm/components/gauge.js +0 -117
  436. package/esm/components/link.js +0 -104
  437. package/esm/components/list-index.js +0 -105
  438. package/esm/components/login-screen.js +0 -126
  439. package/esm/components/messagebar.js +0 -211
  440. package/esm/components/messages.js +0 -149
  441. package/esm/components/panel.js +0 -216
  442. package/esm/components/photo-browser.js +0 -170
  443. package/esm/components/pie-chart.js +0 -190
  444. package/esm/components/popover.js +0 -141
  445. package/esm/components/popup.js +0 -167
  446. package/esm/components/progressbar.js +0 -46
  447. package/esm/components/range.js +0 -149
  448. package/esm/components/searchbar.js +0 -243
  449. package/esm/components/sheet.js +0 -196
  450. package/esm/components/stepper.js +0 -244
  451. package/esm/components/text-editor.js +0 -145
  452. package/esm/components/toggle.js +0 -108
  453. package/esm/components/view.js +0 -261
  454. package/esm/framework7-react.js +0 -115
  455. package/esm/shared/get-router-initial-component.js +0 -40
  456. package/esm/shared/modal-state-classes.js +0 -10
  457. package/esm/shared/router-context.js +0 -6
  458. package/esm/shared/tabbar-context.js +0 -5
  459. package/esm/shared/use-icon.js +0 -38
  460. package/esm/shared/use-store.js +0 -38
  461. package/esm/shared/use-theme.js +0 -15
@@ -1,196 +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 _cardHeader = _interopRequireDefault(require("./card-header"));
11
-
12
- var _cardContent = _interopRequireDefault(require("./card-content"));
13
-
14
- var _cardFooter = _interopRequireDefault(require("./card-footer"));
15
-
16
- var _utils = require("../shared/utils");
17
-
18
- var _mixins = require("../shared/mixins");
19
-
20
- var _f = require("../shared/f7");
21
-
22
- var _watchProp = require("../shared/watch-prop");
23
-
24
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
25
-
26
- 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); }
27
-
28
- 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; }
29
-
30
- 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); }
31
-
32
- var Card = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
33
- var className = props.className,
34
- id = props.id,
35
- style = props.style,
36
- title = props.title,
37
- content = props.content,
38
- footer = props.footer,
39
- padding = props.padding,
40
- outline = props.outline,
41
- expandable = props.expandable,
42
- expandableAnimateWidth = props.expandableAnimateWidth,
43
- expandableOpened = props.expandableOpened,
44
- animate = props.animate,
45
- hideNavbarOnOpen = props.hideNavbarOnOpen,
46
- hideToolbarOnOpen = props.hideToolbarOnOpen,
47
- hideStatusbarOnOpen = props.hideStatusbarOnOpen,
48
- scrollableEl = props.scrollableEl,
49
- swipeToClose = props.swipeToClose,
50
- closeByBackdropClick = props.closeByBackdropClick,
51
- backdrop = props.backdrop,
52
- backdropEl = props.backdropEl,
53
- noShadow = props.noShadow,
54
- noBorder = props.noBorder;
55
- var extraAttrs = (0, _utils.getExtraAttrs)(props);
56
- var elRef = (0, _react.useRef)(null);
57
-
58
- var open = function open() {
59
- if (!elRef.current) return;
60
-
61
- _f.f7.card.open(elRef.current);
62
- };
63
-
64
- var close = function close() {
65
- if (!elRef.current) return;
66
-
67
- _f.f7.card.close(elRef.current);
68
- };
69
-
70
- var onBeforeOpen = function onBeforeOpen(el, prevent) {
71
- if (elRef.current !== el) return;
72
- (0, _utils.emit)(props, 'cardBeforeOpen', el, prevent);
73
- };
74
-
75
- var onOpen = function onOpen(el) {
76
- if (elRef.current !== el) return;
77
- (0, _utils.emit)(props, 'cardOpen', el);
78
- };
79
-
80
- var onOpened = function onOpened(el, pageEl) {
81
- if (elRef.current !== el) return;
82
- (0, _utils.emit)(props, 'cardOpened', el, pageEl);
83
- };
84
-
85
- var onClose = function onClose(el) {
86
- if (elRef.current !== el) return;
87
- (0, _utils.emit)(props, 'cardClose', el);
88
- };
89
-
90
- var onClosed = function onClosed(el, pageEl) {
91
- if (elRef.current !== el) return;
92
- (0, _utils.emit)(props, 'cardClosed', el, pageEl);
93
- };
94
-
95
- var attachEvents = function attachEvents() {
96
- if (!expandable || !elRef.current) return;
97
- (0, _f.f7ready)(function () {
98
- _f.f7.on('cardBeforeOpen', onBeforeOpen);
99
-
100
- _f.f7.on('cardOpen', onOpen);
101
-
102
- _f.f7.on('cardOpened', onOpened);
103
-
104
- _f.f7.on('cardClose', onClose);
105
-
106
- _f.f7.on('cardClosed', onClosed);
107
- });
108
- };
109
-
110
- var detachEvents = function detachEvents() {
111
- _f.f7.off('cardBeforeOpen', onBeforeOpen);
112
-
113
- _f.f7.off('cardOpen', onOpen);
114
-
115
- _f.f7.off('cardOpened', onOpened);
116
-
117
- _f.f7.off('cardClose', onClose);
118
-
119
- _f.f7.off('cardClosed', onClosed);
120
- };
121
-
122
- var onMount = function onMount() {
123
- if (!expandable || !elRef.current) return;
124
- (0, _f.f7ready)(function () {
125
- if (expandable && expandableOpened) {
126
- _f.f7.card.open(elRef.current, false);
127
- }
128
- });
129
- };
130
-
131
- (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
132
- onMount();
133
- }, []);
134
- (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
135
- attachEvents();
136
- return detachEvents;
137
- });
138
- (0, _watchProp.watchProp)(expandableOpened, function (value) {
139
- if (value) {
140
- open();
141
- } else {
142
- close();
143
- }
144
- });
145
- (0, _react.useImperativeHandle)(ref, function () {
146
- return {
147
- el: elRef.current,
148
- open: open,
149
- close: close
150
- };
151
- });
152
- var headerEl;
153
- var contentEl;
154
- var footerEl;
155
- var classes = (0, _utils.classNames)(className, 'card', {
156
- 'card-outline': outline,
157
- 'card-expandable': expandable,
158
- 'card-expandable-animate-width': expandableAnimateWidth,
159
- 'no-shadow': noShadow,
160
- 'no-border': noBorder
161
- }, (0, _mixins.colorClasses)(props));
162
- var slots = (0, _utils.getSlots)(props);
163
-
164
- if (title || slots.header) {
165
- headerEl = /*#__PURE__*/_react.default.createElement(_cardHeader.default, null, title, slots.header);
166
- }
167
-
168
- if (content || slots.content) {
169
- contentEl = /*#__PURE__*/_react.default.createElement(_cardContent.default, {
170
- padding: padding
171
- }, content, slots.content);
172
- }
173
-
174
- if (footer || slots.footer) {
175
- footerEl = /*#__PURE__*/_react.default.createElement(_cardFooter.default, null, footer, slots.footer);
176
- }
177
-
178
- return /*#__PURE__*/_react.default.createElement("div", _extends({
179
- id: id,
180
- style: style,
181
- className: classes,
182
- "data-animate": typeof animate === 'undefined' ? animate : animate.toString(),
183
- "data-hide-navbar-on-open": typeof hideNavbarOnOpen === 'undefined' ? hideNavbarOnOpen : hideNavbarOnOpen.toString(),
184
- "data-hide-toolbar-on-open": typeof hideToolbarOnOpen === 'undefined' ? hideToolbarOnOpen : hideToolbarOnOpen.toString(),
185
- "data-hide-statusbar-on-open": typeof hideStatusbarOnOpen === 'undefined' ? hideStatusbarOnOpen : hideStatusbarOnOpen.toString(),
186
- "data-scrollable-el": scrollableEl,
187
- "data-swipe-to-close": typeof swipeToClose === 'undefined' ? swipeToClose : swipeToClose.toString(),
188
- "data-close-by-backdrop-click": typeof closeByBackdropClick === 'undefined' ? closeByBackdropClick : closeByBackdropClick.toString(),
189
- "data-backdrop": typeof backdrop === 'undefined' ? backdrop : backdrop.toString(),
190
- "data-backdrop-el": backdropEl,
191
- ref: elRef
192
- }, extraAttrs), headerEl, contentEl, footerEl, slots.default);
193
- });
194
- Card.displayName = 'f7-card';
195
- var _default = Card;
196
- exports.default = _default;
@@ -1,79 +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 Checkbox = /*#__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
- name = props.name,
24
- value = props.value,
25
- disabled = props.disabled,
26
- readonly = props.readonly,
27
- checked = props.checked,
28
- defaultChecked = props.defaultChecked,
29
- indeterminate = props.indeterminate;
30
- var extraAttrs = (0, _utils.getExtraAttrs)(props);
31
- var elRef = (0, _react.useRef)(null);
32
- var inputElRef = (0, _react.useRef)(null);
33
- (0, _react.useImperativeHandle)(ref, function () {
34
- return {
35
- el: elRef.current,
36
- inputEl: inputElRef.current
37
- };
38
- });
39
-
40
- var onChange = function onChange(event) {
41
- (0, _utils.emit)(props, 'change', event);
42
- };
43
-
44
- (0, _react.useEffect)(function () {
45
- if (inputElRef.current) {
46
- inputElRef.current.indeterminate = !!indeterminate;
47
- }
48
- }, [indeterminate]);
49
-
50
- var inputEl = /*#__PURE__*/_react.default.createElement("input", {
51
- ref: inputElRef,
52
- type: "checkbox",
53
- name: name,
54
- value: value,
55
- disabled: disabled,
56
- readOnly: readonly,
57
- checked: checked,
58
- defaultChecked: defaultChecked,
59
- onChange: onChange
60
- });
61
-
62
- var iconEl = /*#__PURE__*/_react.default.createElement("i", {
63
- className: "icon-checkbox"
64
- });
65
-
66
- var classes = (0, _utils.classNames)(className, {
67
- checkbox: true,
68
- disabled: disabled
69
- }, (0, _mixins.colorClasses)(props));
70
- return /*#__PURE__*/_react.default.createElement("label", _extends({
71
- id: id,
72
- style: style,
73
- className: classes,
74
- ref: elRef
75
- }, extraAttrs), inputEl, iconEl, children);
76
- });
77
- Checkbox.displayName = 'f7-checkbox';
78
- var _default = Checkbox;
79
- exports.default = _default;
@@ -1,89 +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
- var _useTooltip = require("../shared/use-tooltip");
13
-
14
- var _useIcon = require("../shared/use-icon");
15
-
16
- 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); }
17
-
18
- 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; }
19
-
20
- 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); }
21
-
22
- var Chip = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
23
- var className = props.className,
24
- id = props.id,
25
- style = props.style,
26
- media = props.media,
27
- text = props.text,
28
- deleteable = props.deleteable,
29
- mediaTextColor = props.mediaTextColor,
30
- mediaBgColor = props.mediaBgColor,
31
- outline = props.outline;
32
- var extraAttrs = (0, _utils.getExtraAttrs)(props);
33
-
34
- var onClick = function onClick(event) {
35
- (0, _utils.emit)(props, 'click', event);
36
- };
37
-
38
- var onDeleteClick = function onDeleteClick(event) {
39
- (0, _utils.emit)(props, 'delete', event);
40
- };
41
-
42
- var elRef = (0, _react.useRef)(null);
43
- (0, _react.useImperativeHandle)(ref, function () {
44
- return {
45
- el: elRef.current
46
- };
47
- });
48
- (0, _useTooltip.useTooltip)(elRef, props);
49
- var slots = (0, _utils.getSlots)(props);
50
- var iconEl = (0, _useIcon.useIcon)(props);
51
- var mediaEl;
52
- var labelEl;
53
- var deleteEl;
54
-
55
- if (media || iconEl || slots && slots.media) {
56
- var mediaClasses = (0, _utils.classNames)('chip-media', mediaTextColor && "text-color-" + mediaTextColor, mediaBgColor && "bg-color-" + mediaBgColor);
57
- mediaEl = /*#__PURE__*/_react.default.createElement("div", {
58
- className: mediaClasses
59
- }, iconEl, media, slots.media);
60
- }
61
-
62
- if (text || slots && (slots.text || slots.default && slots.default.length)) {
63
- labelEl = /*#__PURE__*/_react.default.createElement("div", {
64
- className: "chip-label"
65
- }, text, slots.text, slots.default);
66
- }
67
-
68
- if (deleteable) {
69
- deleteEl = /*#__PURE__*/_react.default.createElement("a", {
70
- className: "chip-delete",
71
- onClick: onDeleteClick
72
- });
73
- }
74
-
75
- var classes = (0, _utils.classNames)(className, 'chip', {
76
- 'chip-outline': outline
77
- }, (0, _mixins.colorClasses)(props));
78
- return /*#__PURE__*/_react.default.createElement("div", _extends({
79
- id: id,
80
- style: style,
81
- className: classes,
82
- ref: elRef
83
- }, extraAttrs, {
84
- onClick: onClick
85
- }), mediaEl, labelEl, deleteEl);
86
- });
87
- Chip.displayName = 'f7-chip';
88
- var _default = Chip;
89
- exports.default = _default;
@@ -1,84 +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
- var _f = require("../shared/f7");
13
-
14
- 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); }
15
-
16
- 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; }
17
-
18
- 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); }
19
-
20
- var Col = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
21
- var _classNames;
22
-
23
- var className = props.className,
24
- id = props.id,
25
- style = props.style,
26
- children = props.children,
27
- _props$tag = props.tag,
28
- tag = _props$tag === void 0 ? 'div' : _props$tag,
29
- _props$width = props.width,
30
- width = _props$width === void 0 ? 'auto' : _props$width,
31
- xsmall = props.xsmall,
32
- small = props.small,
33
- medium = props.medium,
34
- large = props.large,
35
- xlarge = props.xlarge,
36
- resizable = props.resizable,
37
- resizableFixed = props.resizableFixed,
38
- resizableAbsolute = props.resizableAbsolute,
39
- _props$resizableHandl = props.resizableHandler,
40
- resizableHandler = _props$resizableHandl === void 0 ? true : _props$resizableHandl;
41
- var extraAttrs = (0, _utils.getExtraAttrs)(props);
42
- var elRef = (0, _react.useRef)(null);
43
-
44
- var onClick = function onClick(event) {
45
- (0, _utils.emit)(props, 'click', event);
46
- };
47
-
48
- var onResize = function onResize(el) {
49
- if (el === elRef.current) {
50
- (0, _utils.emit)(props, 'gridResize');
51
- }
52
- };
53
-
54
- (0, _react.useImperativeHandle)(ref, function () {
55
- return {
56
- el: elRef.current
57
- };
58
- });
59
- var ColTag = tag;
60
- var classes = (0, _utils.classNames)(className, (_classNames = {
61
- col: width === 'auto'
62
- }, _classNames["col-" + width] = width !== 'auto', _classNames["xsmall-" + xsmall] = xsmall, _classNames["small-" + small] = small, _classNames["medium-" + medium] = medium, _classNames["large-" + large] = large, _classNames["xlarge-" + xlarge] = xlarge, _classNames.resizable = resizable, _classNames['resizable-fixed'] = resizableFixed, _classNames['resizable-absolute'] = resizableAbsolute, _classNames), (0, _mixins.colorClasses)(props));
63
- (0, _react.useEffect)(function () {
64
- (0, _f.f7ready)(function () {
65
- _f.f7.on('gridResize', onResize);
66
- });
67
- return function () {
68
- _f.f7.off('gridResize', onResize);
69
- };
70
- });
71
- return /*#__PURE__*/_react.default.createElement(ColTag, _extends({
72
- id: id,
73
- style: style,
74
- className: classes,
75
- ref: elRef
76
- }, extraAttrs, {
77
- onClick: onClick
78
- }), children, resizable && resizableHandler && /*#__PURE__*/_react.default.createElement("span", {
79
- className: "resize-handler"
80
- }));
81
- });
82
- Col.displayName = 'f7-col';
83
- var _default = Col;
84
- exports.default = _default;
@@ -1,38 +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
- 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); }
11
-
12
- 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; }
13
-
14
- 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); }
15
-
16
- var FabBackdrop = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
17
- var className = props.className,
18
- id = props.id,
19
- style = props.style,
20
- children = props.children;
21
- var extraAttrs = (0, _utils.getExtraAttrs)(props);
22
- var elRef = (0, _react.useRef)(null);
23
- (0, _react.useImperativeHandle)(ref, function () {
24
- return {
25
- el: elRef.current
26
- };
27
- });
28
- var classes = (0, _utils.classNames)(className, 'fab-backdrop');
29
- return /*#__PURE__*/_react.default.createElement("div", _extends({
30
- id: id,
31
- style: style,
32
- className: classes,
33
- ref: elRef
34
- }, extraAttrs), children);
35
- });
36
- FabBackdrop.displayName = 'f7-fab-backdrop';
37
- var _default = FabBackdrop;
38
- exports.default = _default;
@@ -1,65 +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
- var _useTooltip = require("../shared/use-tooltip");
13
-
14
- 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); }
15
-
16
- 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; }
17
-
18
- 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); }
19
-
20
- var FabButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
21
- var className = props.className,
22
- id = props.id,
23
- style = props.style,
24
- children = props.children,
25
- fabClose = props.fabClose,
26
- label = props.label,
27
- target = props.target;
28
- var extraAttrs = (0, _utils.getExtraAttrs)(props);
29
- var elRef = (0, _react.useRef)(null);
30
-
31
- var onClick = function onClick(e) {
32
- (0, _utils.emit)(props, 'click', e);
33
- };
34
-
35
- (0, _react.useImperativeHandle)(ref, function () {
36
- return {
37
- el: elRef.current
38
- };
39
- });
40
- (0, _useTooltip.useTooltip)(elRef, props);
41
- var classes = (0, _utils.classNames)(className, {
42
- 'fab-close': fabClose,
43
- 'fab-label-button': label
44
- }, (0, _mixins.colorClasses)(props));
45
- var labelEl;
46
-
47
- if (label) {
48
- labelEl = /*#__PURE__*/_react.default.createElement("span", {
49
- className: "fab-label"
50
- }, label);
51
- }
52
-
53
- return /*#__PURE__*/_react.default.createElement("a", _extends({
54
- id: id,
55
- style: style,
56
- target: target,
57
- className: classes,
58
- ref: elRef
59
- }, extraAttrs, {
60
- onClick: onClick
61
- }), children, labelEl);
62
- });
63
- FabButton.displayName = 'f7-fab-button';
64
- var _default = FabButton;
65
- exports.default = _default;
@@ -1,41 +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 FabButtons = /*#__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
- position = props.position;
24
- var extraAttrs = (0, _utils.getExtraAttrs)(props);
25
- var elRef = (0, _react.useRef)(null);
26
- (0, _react.useImperativeHandle)(ref, function () {
27
- return {
28
- el: elRef.current
29
- };
30
- });
31
- var classes = (0, _utils.classNames)(className, 'fab-buttons', "fab-buttons-" + position, (0, _mixins.colorClasses)(props));
32
- return /*#__PURE__*/_react.default.createElement("div", _extends({
33
- id: id,
34
- style: style,
35
- className: classes,
36
- ref: elRef
37
- }, extraAttrs), children);
38
- });
39
- FabButtons.displayName = 'f7-fab-buttons';
40
- var _default = FabButtons;
41
- exports.default = _default;