@onepercentio/one-ui 0.9.1 → 0.9.4

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 (123) hide show
  1. package/.firebase/hosting.c3Rvcnlib29rLXN0YXRpYw.cache +75 -0
  2. package/dist/components/Collapsable/Collapsable.d.ts +1 -1
  3. package/dist/components/Collapsable/Collapsable.js +4 -2
  4. package/dist/components/Collapsable/Collapsable.js.map +1 -1
  5. package/dist/components/PaginationIndicator/PaginationIndicator.js +4 -1
  6. package/dist/components/PaginationIndicator/PaginationIndicator.js.map +1 -1
  7. package/dist/components/Select/Select.d.ts +1 -1
  8. package/dist/components/Select/Select.js +11 -4
  9. package/dist/components/Select/Select.js.map +1 -1
  10. package/dist/components/Transition/MasksFactory/DiagonalReveal.d.ts +1 -0
  11. package/dist/components/Transition/MasksFactory/DiagonalReveal.js +24 -0
  12. package/dist/components/Transition/MasksFactory/DiagonalReveal.js.map +1 -0
  13. package/dist/components/Transition/MasksFactory/DiagonalSquareToBalls.d.ts +5 -0
  14. package/dist/components/Transition/MasksFactory/DiagonalSquareToBalls.js +64 -0
  15. package/dist/components/Transition/MasksFactory/DiagonalSquareToBalls.js.map +1 -0
  16. package/dist/components/Transition/MasksFactory/PhysicsSquares.d.ts +7 -0
  17. package/dist/components/Transition/MasksFactory/PhysicsSquares.js +86 -0
  18. package/dist/components/Transition/MasksFactory/PhysicsSquares.js.map +1 -0
  19. package/dist/components/Transition/MasksFactory/SquareToBalls.d.ts +5 -0
  20. package/dist/components/Transition/MasksFactory/SquareToBalls.js +56 -0
  21. package/dist/components/Transition/MasksFactory/SquareToBalls.js.map +1 -0
  22. package/dist/components/Transition/MasksFactory/utils.d.ts +8 -0
  23. package/dist/components/Transition/MasksFactory/utils.js +32 -0
  24. package/dist/components/Transition/MasksFactory/utils.js.map +1 -0
  25. package/dist/components/Transition/Transition.d.ts +8 -1
  26. package/dist/components/Transition/Transition.js +18 -3
  27. package/dist/components/Transition/Transition.js.map +1 -1
  28. package/dist/components/Transition/Transition.module.scss +26 -3
  29. package/dist/context/OneUIProvider.d.ts +10 -5
  30. package/dist/context/OneUIProvider.js +35 -4
  31. package/dist/context/OneUIProvider.js.map +1 -1
  32. package/dist/hooks/logs/useIsMounting.d.ts +1 -0
  33. package/dist/hooks/logs/useIsMounting.js +10 -0
  34. package/dist/hooks/logs/useIsMounting.js.map +1 -0
  35. package/dist/hooks/ui/useCustomScrollbar.d.ts +8 -0
  36. package/dist/hooks/ui/useCustomScrollbar.js +23 -0
  37. package/dist/hooks/ui/useCustomScrollbar.js.map +1 -0
  38. package/dist/hooks/ui/useCustomScrollbar.module.scss +20 -0
  39. package/dist/hooks/useHero.d.ts +27 -1
  40. package/dist/hooks/useHero.js +21 -3
  41. package/dist/hooks/useHero.js.map +1 -1
  42. package/dist/type-utils.d.ts +44 -0
  43. package/dist/type-utils.js +3 -0
  44. package/dist/type-utils.js.map +1 -0
  45. package/dist/utils.d.ts +44 -0
  46. package/dist/utils.js +3 -0
  47. package/dist/utils.js.map +1 -0
  48. package/package.json +3 -1
  49. package/storybook-static/0.e5489f12ab94aa497491.manager.bundle.js +2 -0
  50. package/storybook-static/0.e5489f12ab94aa497491.manager.bundle.js.LICENSE.txt +8 -0
  51. package/storybook-static/1.7d0dd704b26935d06a04.manager.bundle.js +1 -0
  52. package/storybook-static/10.398dd7a0522c1ff2b3a8.manager.bundle.js +1 -0
  53. package/storybook-static/138.6187167c.iframe.bundle.js +1 -0
  54. package/storybook-static/220.674c0bf1.iframe.bundle.js +1 -0
  55. package/storybook-static/229.f9ea1466.iframe.bundle.js +1 -0
  56. package/storybook-static/273.da38e6e3.iframe.bundle.js +2 -0
  57. package/storybook-static/273.da38e6e3.iframe.bundle.js.LICENSE.txt +28 -0
  58. package/storybook-static/352.294a6a74.iframe.bundle.js +1 -0
  59. package/storybook-static/363.f17b422d.iframe.bundle.js +2 -0
  60. package/storybook-static/363.f17b422d.iframe.bundle.js.LICENSE.txt +6 -0
  61. package/storybook-static/412.733afc6e.iframe.bundle.js +1 -0
  62. package/storybook-static/452.99cd3b8c.iframe.bundle.js +1 -0
  63. package/storybook-static/46.ee106131.iframe.bundle.js +1 -0
  64. package/storybook-static/5.23ef655b5acff6eac8ad.manager.bundle.js +1 -0
  65. package/storybook-static/51.8e7baa4a.iframe.bundle.js +2 -0
  66. package/storybook-static/51.8e7baa4a.iframe.bundle.js.LICENSE.txt +8 -0
  67. package/storybook-static/551.c2ccadd6.iframe.bundle.js +1 -0
  68. package/storybook-static/553.652f0995.iframe.bundle.js +2 -0
  69. package/storybook-static/553.652f0995.iframe.bundle.js.LICENSE.txt +23 -0
  70. package/storybook-static/559.577b26d7.iframe.bundle.js +1 -0
  71. package/storybook-static/581.da7fce5d.iframe.bundle.js +1 -0
  72. package/storybook-static/6.d2f96bcf3b11b0f1a44b.manager.bundle.js +1 -0
  73. package/storybook-static/629.45033b3b.iframe.bundle.js +2 -0
  74. package/storybook-static/629.45033b3b.iframe.bundle.js.LICENSE.txt +1 -0
  75. package/storybook-static/630.f2f00783.iframe.bundle.js +1 -0
  76. package/storybook-static/645.2498ba11.iframe.bundle.js +2 -0
  77. package/storybook-static/645.2498ba11.iframe.bundle.js.LICENSE.txt +14 -0
  78. package/storybook-static/7.a1c5467faea0833b53d1.manager.bundle.js +1 -0
  79. package/storybook-static/701.24112ab9.iframe.bundle.js +1 -0
  80. package/storybook-static/71.7abff480.iframe.bundle.js +2 -0
  81. package/storybook-static/71.7abff480.iframe.bundle.js.LICENSE.txt +10 -0
  82. package/storybook-static/745.6b9017a1.iframe.bundle.js +1 -0
  83. package/storybook-static/792.22a9b462.iframe.bundle.js +1 -0
  84. package/storybook-static/8.65ec2749796fb05c258c.manager.bundle.js +2 -0
  85. package/storybook-static/8.65ec2749796fb05c258c.manager.bundle.js.LICENSE.txt +12 -0
  86. package/storybook-static/806.11577851.iframe.bundle.js +1 -0
  87. package/storybook-static/807.8b5924ce.iframe.bundle.js +2 -0
  88. package/storybook-static/807.8b5924ce.iframe.bundle.js.LICENSE.txt +31 -0
  89. package/storybook-static/85.1ef0d41f.iframe.bundle.js +2 -0
  90. package/storybook-static/85.1ef0d41f.iframe.bundle.js.LICENSE.txt +8 -0
  91. package/storybook-static/866.2b96cc93.iframe.bundle.js +2 -0
  92. package/storybook-static/866.2b96cc93.iframe.bundle.js.LICENSE.txt +211 -0
  93. package/storybook-static/878.e3547f8c.iframe.bundle.js +1 -0
  94. package/storybook-static/897.685241f9.iframe.bundle.js +2 -0
  95. package/storybook-static/897.685241f9.iframe.bundle.js.LICENSE.txt +12 -0
  96. package/storybook-static/9.acd0ef9064e0667433ac.manager.bundle.js +2 -0
  97. package/storybook-static/9.acd0ef9064e0667433ac.manager.bundle.js.LICENSE.txt +31 -0
  98. package/storybook-static/90.30e727d2.iframe.bundle.js +1 -0
  99. package/storybook-static/929.9aa2f85f.iframe.bundle.js +1 -0
  100. package/storybook-static/935.9c449351.iframe.bundle.js +1 -0
  101. package/storybook-static/950.78af67e2.iframe.bundle.js +1 -0
  102. package/storybook-static/962.08244f28.iframe.bundle.js +1 -0
  103. package/storybook-static/favicon.ico +0 -0
  104. package/storybook-static/iframe.html +364 -0
  105. package/storybook-static/index.html +51 -0
  106. package/storybook-static/main.221efcc3.iframe.bundle.js +2 -0
  107. package/storybook-static/main.221efcc3.iframe.bundle.js.LICENSE.txt +1 -0
  108. package/storybook-static/main.3fb8cb266a67ec5355cf.manager.bundle.js +2 -0
  109. package/storybook-static/main.3fb8cb266a67ec5355cf.manager.bundle.js.LICENSE.txt +54 -0
  110. package/storybook-static/project.json +1 -0
  111. package/storybook-static/runtime~main.64947dad.iframe.bundle.js +1 -0
  112. package/storybook-static/runtime~main.8e5cf3a9715a0d32d390.manager.bundle.js +1 -0
  113. package/storybook-static/static/media/Cipher.cf0cd97b.png +0 -0
  114. package/storybook-static/static/media/Fortmatic.4324caad.svg +1 -0
  115. package/storybook-static/static/media/Frame.aa35d8c0.png +0 -0
  116. package/storybook-static/static/media/Metamask.30eeac05.png +0 -0
  117. package/storybook-static/static/media/Portis.4676caf6.svg +1 -0
  118. package/storybook-static/static/media/Status.20751041.png +0 -0
  119. package/storybook-static/static/media/checkbox.1b6c2edc.svg +3 -0
  120. package/storybook-static/static/media/wallet.f29cb53a.svg +1 -0
  121. package/storybook-static/static/media/walletconnect.9b7e021b.png +0 -0
  122. package/storybook-static/vendors~main.7c47903ea43e951c3707.manager.bundle.js +2 -0
  123. package/storybook-static/vendors~main.7c47903ea43e951c3707.manager.bundle.js.LICENSE.txt +55 -0
package/.firebase/hosting.c3Rvcnlib29rLXN0YXRpYw.cache ADDED
@@ -0,0 +1,75 @@
1
+ 273.da38e6e3.iframe.bundle.js.LICENSE.txt,1666377867406,1c3a162e598366aea2a1185fbc5ca62e5bc42c6bff0fe81c6e82cafeae27fabf
2
+ 0.e5489f12ab94aa497491.manager.bundle.js.LICENSE.txt,1664514042967,e5821af53f5c1cb96f0c2206ecd6c5e398a321dbaf453a2fbce6dde670c9aedd
3
+ 138.6187167c.iframe.bundle.js,1666377867405,7a90a23f3b69205fee401808c1dfeb26be8378177529d88d3d55d0c01d3de93d
4
+ 352.294a6a74.iframe.bundle.js,1666377867406,2e5524094eb1f2dec3cd7cdf9e9c98dd2421e69e249018bfc613d98ac797fee9
5
+ 363.f17b422d.iframe.bundle.js.LICENSE.txt,1666377867406,b0ee43f0770e722b3a8dcfd503a1d4d7623f43838eec6a13a1d018129575979c
6
+ 452.99cd3b8c.iframe.bundle.js,1666377867406,97fba6694f3d211297c6386b4c12f5b390a3e04034b99fce2b7629ac469f6a7f
7
+ 412.733afc6e.iframe.bundle.js,1666377867406,ddea9b4320f71aa51a879f3535276bf13b10cf567e94bbf119dcf2e0063dba30
8
+ 51.8e7baa4a.iframe.bundle.js.LICENSE.txt,1666377867406,e5821af53f5c1cb96f0c2206ecd6c5e398a321dbaf453a2fbce6dde670c9aedd
9
+ 551.c2ccadd6.iframe.bundle.js,1666377867406,ba1d71388aafab9a98e44ae52d3a6ebf0796e197938d8a98350a67a427a8c500
10
+ 46.ee106131.iframe.bundle.js,1666377867404,d6dcd8def3733bf53f9025cd6144c02e65b8322ec781879c2a056468dc9342ca
11
+ 553.652f0995.iframe.bundle.js.LICENSE.txt,1666377867406,ad08ede64ab37c3819875ddc200469700fcf88c1e7d325fda01f3bfb975d296e
12
+ 581.da7fce5d.iframe.bundle.js,1666377867406,a13d9a48c885e68e85152aebc8ce2d99445bc6d8e909e8d5dfbcac24717cc403
13
+ 629.45033b3b.iframe.bundle.js.LICENSE.txt,1666377867407,7d247fa440c2a29836bc172e3d52565dac032cc3eb0b0a091ba4ef78388f9bb0
14
+ 630.f2f00783.iframe.bundle.js,1666377867405,ac2a29b4dff6a52510dbf933e71b59513978f4be06c1f99229a0f32249da9be7
15
+ 645.2498ba11.iframe.bundle.js.LICENSE.txt,1666377867407,93cee1399f92562718eaca372b19e30a1261b3451cb71091bc51da9adeee0367
16
+ 10.398dd7a0522c1ff2b3a8.manager.bundle.js,1664514042967,f5f48bb3dbad3176c608af3002a433961ff572305daa20a1dba4da3272a4457a
17
+ 701.24112ab9.iframe.bundle.js,1666377867404,944ed0533494774d5cf3da99bea78edaab8ddffefdb7807bd73ffa8f5bcdf5e8
18
+ 71.7abff480.iframe.bundle.js.LICENSE.txt,1666377867409,1767c951bf4bbd6aefa6582c762078e9be67898bbb702c1bfbc8cbe19c6ee3ed
19
+ 745.6b9017a1.iframe.bundle.js,1666377867404,b62cb59dccf676047136665d298112d4c5b7440844136cecc0042c0096f36937
20
+ 7.a1c5467faea0833b53d1.manager.bundle.js,1664514042967,f8c01458d5dfaec2cc0630db21472002e0fcab30a52904b529e69d0f1d395b28
21
+ 806.11577851.iframe.bundle.js,1666377867405,cc7e4df0de58e36b331f97a51553718671fd2b63026b1e9183b9b27160de8f08
22
+ 6.d2f96bcf3b11b0f1a44b.manager.bundle.js,1664514042967,4393f41c69af041102d0c104096ec80aafd6c99a1cc9154a611e09d6dbe52397
23
+ 792.22a9b462.iframe.bundle.js,1666377867404,b6996fd025f238f7ab407df8fc7af957cd20d6f14261f561644fce68a413fc73
24
+ 807.8b5924ce.iframe.bundle.js.LICENSE.txt,1666377867409,ef8eca466dce2d951bb4180446aea6bc8112d8bfba79813960c47e4e317e197d
25
+ 85.1ef0d41f.iframe.bundle.js.LICENSE.txt,1666377867409,7db3ab804b2ffd27668a17a19fd9fcedc11cd1f48fd7db6fee37c255d17aa723
26
+ 866.2b96cc93.iframe.bundle.js.LICENSE.txt,1666377867412,491346643771ee1e603cda344f6478099b0ba773f688b916037d3b9099a16f79
27
+ 878.e3547f8c.iframe.bundle.js,1666377867406,131cd67a1123cfac227ba910d605223e0aa03f4be92ea25646e930d839b48ebe
28
+ 897.685241f9.iframe.bundle.js.LICENSE.txt,1666377867412,fbe6398a22fb37f4f4974a376b191e98629e8095a660c27e686143bb9a9902d5
29
+ 8.65ec2749796fb05c258c.manager.bundle.js.LICENSE.txt,1664514042967,fbe6398a22fb37f4f4974a376b191e98629e8095a660c27e686143bb9a9902d5
30
+ 5.23ef655b5acff6eac8ad.manager.bundle.js,1664514042967,0e697eb9f7923d1b986bb0b7fa0d2c0bb3a2a6fea71febe143ffd53eb0b480d7
31
+ 9.acd0ef9064e0667433ac.manager.bundle.js.LICENSE.txt,1664514042967,ef8eca466dce2d951bb4180446aea6bc8112d8bfba79813960c47e4e317e197d
32
+ 90.30e727d2.iframe.bundle.js,1666377867406,5606615d8243996e5629c8006ad049ec23146d854065f6cf1e5e0924deef1877
33
+ 1.7d0dd704b26935d06a04.manager.bundle.js,1664514042967,d6b81f2ee57de26acf538db65c56b4b60a44b2c98424511b86ae96bfaf9c85e9
34
+ 229.f9ea1466.iframe.bundle.js,1666377867406,0b9790a491df37b827ebba15273573327809035a06ad839f4126ef56b4dfbee1
35
+ 71.7abff480.iframe.bundle.js,1666377867414,adf3673da109d6e74c928c1e8299f43f550c7d331b6912114674768986e2602a
36
+ 929.9aa2f85f.iframe.bundle.js,1666377867406,a145489ef25f7765520dbbcaa327bf699347e20f0941a15406389412e452bd4c
37
+ 962.08244f28.iframe.bundle.js,1666377867406,7a8f0a666618f28c3e7abe9ae1f503d7008d79051fd91596c23f44316dcd8eb3
38
+ 950.78af67e2.iframe.bundle.js,1666377867405,4a1b9e6c0d86c27f3fb347593d2129f8d18c90cdcf4549c8ee2f7d1256ebe309
39
+ iframe.html,1666377867404,9552702e6b79d49f3f279b7c01db240b4c31d8c21b51da73390138c95328de58
40
+ index.html,1664514042967,5363d4917ee986c8f2d06b2f5d3a5e667cd9e7800fdf2d0146a450b3d6a3919d
41
+ 935.9c449351.iframe.bundle.js,1666377867406,d0440679846e8d969b7f8ec4c66bccf96c7499ee890d4935c3fdc30decb8be5e
42
+ main.221efcc3.iframe.bundle.js.LICENSE.txt,1666377867412,5bcf7ad56e14554ea655f13f3a79ddf6fb23a153bf6028e5bfea9a7a6cd9154d
43
+ main.3fb8cb266a67ec5355cf.manager.bundle.js.LICENSE.txt,1664514042967,0d91bbc72eef6d67d7e5b57ca8dc9385346fb8d99e26e82bab667ad877dcafa0
44
+ favicon.ico,1664514042967,fc94bf783b951d5c93cd56c85a1574894ec813878f992833ddaef0ae6e71e21a
45
+ project.json,1666377848871,fe8a7194a4f644b560b306774c63619f74ecf2ab51d4c3221d3a34a0fd5030a4
46
+ runtime~main.64947dad.iframe.bundle.js,1666377867404,e0d164633628223079478463a9ec288533ba247fbbb1fc344820353e620e1494
47
+ runtime~main.8e5cf3a9715a0d32d390.manager.bundle.js,1664514042967,edc7b653c556e395c336b1acb7e5edfd72a05259d5292a0aaf54c1389207a8a4
48
+ vendors~main.7c47903ea43e951c3707.manager.bundle.js.LICENSE.txt,1664514042967,1bc6571ef90fb2713e2dbaafbb26214171f62f24e13067aa5c0ea46a9991c9d1
49
+ static/media/Cipher.cf0cd97b.png,1666377867405,0e32b7eada53513ce977b93e399b7b2732cb3767c9007d1c4a54424accab22c0
50
+ static/media/Fortmatic.4324caad.svg,1666377867405,2e8a98d5442de5b767e0bbad42489c3ba4988de13e76d8e504f0a31579d42beb
51
+ static/media/Frame.aa35d8c0.png,1666377867405,4edd3390177a4694042208875e6c3d08ff918c67a0587af387eaaff1b5b69bff
52
+ static/media/Portis.4676caf6.svg,1666377867405,f13caa2eef22b3d4b4153d8fc2c42153e1ea50ca4c5792666af0e50f2b4632b7
53
+ static/media/Metamask.30eeac05.png,1666377867405,41dbc098eba7fbd59ead975d8004b7b18e9a63e16e2120fdb961039b413d39cc
54
+ static/media/checkbox.1b6c2edc.svg,1666377867405,346ca48910522c6be69c571e04f8093376d5d220a17ec6a59127943bbbe6df49
55
+ static/media/Status.20751041.png,1666377867405,5a4f84cfd1dde55a8c7cba07d5ad3b83e0926de521b0b615a84e582bd37f9568
56
+ static/media/wallet.f29cb53a.svg,1666377867405,726fd2fd3296f9b0cbe3bbb41d3bee250aceb426d1e2a2af8e6b43068da15ae1
57
+ static/media/walletconnect.9b7e021b.png,1666377867405,18c0e6b2ba43900c6687845ce64f517f0dc1e857b3703f3060150e30a8042715
58
+ 559.577b26d7.iframe.bundle.js,1666377867406,271e6aa44f69ccf5e04764f868bd0d215439424bcfbcaaa717a8df7ab1acd220
59
+ 51.8e7baa4a.iframe.bundle.js,1666377867414,27a954cdcf42c89bec614092dc9deb3c972e04231c41e609d71eafab04e6a7d2
60
+ 0.e5489f12ab94aa497491.manager.bundle.js,1664514042967,cd816f2bb94115cf5db61ac94e2e94b2a5f04660e5c3317cbca5de5da8bfa042
61
+ 897.685241f9.iframe.bundle.js,1666377867414,34b0dcf9a495fdafbaf35e4463f4d2f8a7921c2b09a837145bd28092a2e0ed66
62
+ 8.65ec2749796fb05c258c.manager.bundle.js,1664514042967,b5bacd8bc5c41a21b406794a0c31287c040eb0f4fe652423ebe41aec6c79d6ff
63
+ 220.674c0bf1.iframe.bundle.js,1666377867406,1246bb3b40453969948646672ce17169d2b0ce75e69be232709d78f48023d207
64
+ 629.45033b3b.iframe.bundle.js,1666377867426,c70af9e35238f5081bae93992f85870d2cf0fada0458f67aa413cb164f65d000
65
+ 363.f17b422d.iframe.bundle.js,1666377867427,16915379385d1923c1fd3747010e6cd380c65a460a9de7c996d007fee85b690b
66
+ 553.652f0995.iframe.bundle.js,1666377867427,6881f01752156ffba213565e8ce494abb7ddb5e194a14eed5cc69a70e625d84b
67
+ 273.da38e6e3.iframe.bundle.js,1666377867414,3af0c71ba4260c2f11c012aed72f45167263abfa4976108bb43dcfbd63093dd1
68
+ 645.2498ba11.iframe.bundle.js,1666377867414,3aae4897bb7a3685aeaac99e4bdf97c3a364de9aa667d61ee1221f2a77549140
69
+ main.221efcc3.iframe.bundle.js,1666377867412,cfa4b4447f23296c58308829cd486f80225496cef25a30c2632a54b9087f4b01
70
+ 9.acd0ef9064e0667433ac.manager.bundle.js,1664514042967,a5c56da44fa0cdc458f63725ed1dc7195a05f6643b7d4c99080dc54db39b236f
71
+ 807.8b5924ce.iframe.bundle.js,1666377867414,0a35c523a5cf3c3342fbbed6a21c57ecb762e9a61ef34af0e632796c22df6671
72
+ vendors~main.7c47903ea43e951c3707.manager.bundle.js,1664514042967,721bfac6df1ff36284ee300ba13a1f7c2babe8b59e17d477c7d693b0de97ad6c
73
+ main.3fb8cb266a67ec5355cf.manager.bundle.js,1664514042967,a5920ce378dcaf6fe16bfe5bff0770aa03471f90460a26cd6fa489ca1b3e2068
74
+ 866.2b96cc93.iframe.bundle.js,1666377867427,5a09dcd8996fa317e27dec3d5aa2b6387e577e6557f6c55252a9bb00ef6d7ad8
75
+ 85.1ef0d41f.iframe.bundle.js,1666377867427,5c0dfa297102d88eb642e8c0ad68d8a6202697b73fad72f6f1f6957c8a6326ba
package/dist/components/Collapsable/Collapsable.d.ts CHANGED
@@ -23,7 +23,7 @@ export default function Collapsable({ children, title, className, onToggleOpen,
23
23
  * To detect when the user clicks out of the container
24
24
  */
25
25
  onClickOut?: () => void;
26
- }>): JSX.Element;
26
+ }> & Omit<HTMLAttributes<HTMLDivElement>, "title">): JSX.Element;
27
27
  declare class _CollapsableInterface {
28
28
  _id: string;
29
29
  constructor(id: string);
package/dist/components/Collapsable/Collapsable.js CHANGED
@@ -68,7 +68,9 @@ function Collapsable(_a) {
68
68
  el.style.marginTop = el.style.height;
69
69
  }
70
70
  const transitionStart = ({ currentTarget, target, propertyName, }) => {
71
- if (currentTarget === target && propertyName == "height" && !shouldAnchorToBottom) {
71
+ if (currentTarget === target &&
72
+ propertyName == "height" &&
73
+ !shouldAnchorToBottom) {
72
74
  el.classList.add(Collapsable_module_scss_1.default.transitionMarginTop);
73
75
  el.style.marginTop = "0px";
74
76
  }
@@ -104,7 +106,7 @@ function Collapsable(_a) {
104
106
  };
105
107
  }
106
108
  }, [open]);
107
- return (react_1.default.createElement("div", { "data-testid": props["data-testid"], className: `${Collapsable_module_scss_1.default.container} ${open ? Collapsable_module_scss_1.default.open : Collapsable_module_scss_1.default.closed} ${className}` },
109
+ return (react_1.default.createElement("div", Object.assign({ className: `${Collapsable_module_scss_1.default.container} ${open ? Collapsable_module_scss_1.default.open : Collapsable_module_scss_1.default.closed} ${className}` }, props),
108
110
  react_1.default.createElement("div", { ref: toggleRef, onClick: (e) => {
109
111
  e.stopPropagation();
110
112
  onToggleOpen(!open);
package/dist/components/Collapsable/Collapsable.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Collapsable.js","sourceRoot":"","sources":["../../../src/components/Collapsable/Collapsable.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Collapsable.js","sourceRoot":"","sources":["../../../src/components/Collapsable/Collapsable.tsx"],"names":[],"mappings":"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"}
package/dist/components/PaginationIndicator/PaginationIndicator.js CHANGED
@@ -95,6 +95,8 @@ function _PaginationIndicator({ scrollableRef, estimatedWidth, size, className =
95
95
  const [currentPage, setCurrentPage] = (0, react_1.useState)(1);
96
96
  const [defs, setDefs] = (0, react_1.useState)();
97
97
  const refreshPages = (0, react_1.useCallback)(() => {
98
+ if (process.env.NODE_ENV === "development" && !scrollableRef.current)
99
+ return;
98
100
  const maxWidth = estimatedWidth || scrollableRef.current.scrollWidth;
99
101
  setDefs({
100
102
  pages: maxWidth / scrollableRef.current.clientWidth - 1,
@@ -102,7 +104,8 @@ function _PaginationIndicator({ scrollableRef, estimatedWidth, size, className =
102
104
  }, [estimatedWidth]);
103
105
  (0, react_1.useEffect)(() => refreshPages(), [refreshPages]);
104
106
  const updatePageIndicators = (0, react_1.useCallback)((target, pages) => {
105
- // if (mode === "page") {
107
+ if (process.env.NODE_ENV === "development" && !scrollableRef.current)
108
+ return;
106
109
  const eachPageWidth = scrollableRef.current.clientWidth;
107
110
  const page = 1 + target.scrollLeft / eachPageWidth;
108
111
  const lastPageProgress = Math.floor(pages) + 1;
package/dist/components/PaginationIndicator/PaginationIndicator.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PaginationIndicator.js","sourceRoot":"","sources":["../../../src/components/PaginationIndicator/PaginationIndicator.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"PaginationIndicator.js","sourceRoot":"","sources":["../../../src/components/PaginationIndicator/PaginationIndicator.tsx"],"names":[],"mappings":"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"}
package/dist/components/Select/Select.d.ts CHANGED
@@ -7,7 +7,7 @@ export declare type SelectItem = {
7
7
  /**
8
8
  * A dropdown select
9
9
  **/
10
- declare function Select<I extends SelectItem>({ items, selected, label, onClick, loading, rootClassName, dropdownClassName, ...otherProps }: {
10
+ declare function Select<I extends SelectItem>({ items, selected, label, onClick, loading, rootClassName, dropdownClassName: _drop, ...otherProps }: {
11
11
  loading?: boolean;
12
12
  items: Readonly<I[]>;
13
13
  onClick: (i: I) => void;
package/dist/components/Select/Select.js CHANGED
@@ -48,12 +48,17 @@ const OneUIProvider_1 = require("../../context/OneUIProvider");
48
48
  * A dropdown select
49
49
  **/
50
50
  function Select(_a) {
51
- var { items, selected, label, onClick, loading, rootClassName = "", dropdownClassName = "" } = _a, otherProps = __rest(_a, ["items", "selected", "label", "onClick", "loading", "rootClassName", "dropdownClassName"]);
51
+ var { items, selected, label, onClick, loading, rootClassName = "", dropdownClassName: _drop = "" } = _a, otherProps = __rest(_a, ["items", "selected", "label", "onClick", "loading", "rootClassName", "dropdownClassName"]);
52
52
  const { StateIndicator } = (0, OneUIProvider_1.useOneUIContext)().component.select;
53
53
  const _selected = (0, react_1.useMemo)(() => {
54
54
  return items.find((a) => a.value === selected);
55
- }, [selected]);
55
+ }, [selected, items]);
56
56
  const [open, setOpen] = (0, react_1.useState)(false);
57
+ const dropdownClassNames = _drop
58
+ ? {
59
+ dropdown: _drop,
60
+ }
61
+ : (0, OneUIProvider_1.useOneUIConfig)("component.select.className", {});
57
62
  (0, react_1.useEffect)(() => {
58
63
  if (open) {
59
64
  const close = () => {
@@ -66,11 +71,13 @@ function Select(_a) {
66
71
  return (react_1.default.createElement(Collapsable_1.default, { title: react_1.default.createElement(Input_1.default, Object.assign({}, otherProps, { className: `${Select_module_scss_1.default.input} ${!items.length ? Select_module_scss_1.default.empty : ""}`, value: (_selected === null || _selected === void 0 ? void 0 : _selected.label) || label, disabled: true, Icon: react_1.default.createElement("div", { className: `${Select_module_scss_1.default.indicator}` }, loading ? react_1.default.createElement(Loader_1.default, null) : react_1.default.createElement(StateIndicator, { open: !!open })) })), id: undefined, mode: "float", open: open, onToggleOpen: (open) => {
67
72
  if (items.length)
68
73
  setOpen(open);
69
- }, className: `${otherProps.disabled ? "disabled" : ""} ${rootClassName}`, contentClassName: `${Select_module_scss_1.default.optionsContainer} ${dropdownClassName}` },
74
+ }, className: `${otherProps.disabled ? "disabled" : ""} ${rootClassName}`, contentClassName: `${Select_module_scss_1.default.optionsContainer} ${dropdownClassNames.dropdown}` },
70
75
  react_1.default.createElement("div", { className: Select_module_scss_1.default.items, onClick: (e) => {
71
76
  e.stopPropagation();
72
77
  setOpen(false);
73
- } }, items.map((i) => (react_1.default.createElement(Text_1.default, { type: "caption", key: i.value, className: i === _selected ? Select_module_scss_1.default.selected : "", onClick: () => onClick(i) }, i.label))))));
78
+ } }, items.map((i) => (react_1.default.createElement(Text_1.default, { type: "caption", key: i.value, className: `${i === _selected
79
+ ? `${Select_module_scss_1.default.selected} ${dropdownClassNames.selectedItem}`
80
+ : ""} ${dropdownClassNames.item || ""}`, onClick: () => onClick(i) }, i.label))))));
74
81
  }
75
82
  exports.default = (0, react_1.forwardRef)((props, ref) => (react_1.default.createElement(Select, Object.assign({}, props))));
76
83
  //# sourceMappingURL=Select.js.map
package/dist/components/Select/Select.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAOe;AACf,iEAAyC;AACzC,mDAA2B;AAE3B,8EAA0C;AAC1C,qDAA6B;AAC7B,uDAA+B;AAC/B,+DAA8D;AAO9D;;IAEI;AACJ,SAAS,MAAM,CAAuB,EAyBsB;QAzBtB,EACpC,KAAK,EACL,QAAQ,EACR,KAAK,EACL,OAAO,EACP,OAAO,EACP,aAAa,GAAG,EAAE,EAClB,iBAAiB,GAAG,EAAE,OAkBoC,EAjBvD,UAAU,cARuB,0FASrC,CADc;IAkBb,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,+BAAe,GAAE,CAAC,SAAS,CAAC,MAAM,CAAC;IAC9D,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC7B,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACf,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAExC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE;YACR,MAAM,KAAK,GAAG,GAAG,EAAE;gBACjB,OAAO,CAAC,KAAK,CAAC,CAAC;YACjB,CAAC,CAAC;YACF,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;YACxC,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;SACzD;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,8BAAC,qBAAW,IACV,KAAK,EACH,8BAAC,eAAK,oBACA,UAAU,IACd,SAAS,EAAE,GAAG,4BAAM,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,4BAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,EACjE,KAAK,EAAE,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,KAAI,KAAK,EAChC,QAAQ,QACR,IAAI,EACF,uCAAK,SAAS,EAAE,GAAG,4BAAM,CAAC,SAAS,EAAE,IAClC,OAAO,CAAC,CAAC,CAAC,8BAAC,gBAAM,OAAG,CAAC,CAAC,CAAC,8BAAC,cAAc,IAAC,IAAI,EAAE,CAAC,CAAC,IAAI,GAAI,CACpD,IAER,EAEJ,EAAE,EAAE,SAAS,EACb,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACrB,IAAI,KAAK,CAAC,MAAM;gBAAE,OAAO,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC,EACD,SAAS,EAAE,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,aAAa,EAAE,EACtE,gBAAgB,EAAE,GAAG,4BAAM,CAAC,gBAAgB,IAAI,iBAAiB,EAAE;QAEnE,uCACE,SAAS,EAAE,4BAAM,CAAC,KAAK,EACvB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,OAAO,CAAC,KAAK,CAAC,CAAC;YACjB,CAAC,IAEA,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAChB,8BAAC,cAAI,IACH,IAAI,EAAC,SAAS,EACd,GAAG,EAAE,CAAC,CAAC,KAAK,EACZ,SAAS,EAAE,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,4BAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EACjD,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,IAExB,CAAC,CAAC,KAAK,CACH,CACR,CAAC,CACE,CACM,CACf,CAAC;AACJ,CAAC;AAED,kBAAe,IAAA,kBAAU,EAAC,CAAC,KAAU,EAAE,GAAQ,EAAE,EAAE,CAAC,CAClD,8BAAC,MAAM,oBAAK,KAAK,EAAI,CACtB,CAAkB,CAAC"}
1
+ {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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"}
package/dist/components/Transition/MasksFactory/DiagonalReveal.d.ts ADDED
@@ -0,0 +1 @@
1
+ export default function DiagonalReveal(el: HTMLDivElement): string;
package/dist/components/Transition/MasksFactory/DiagonalReveal.js ADDED
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ const server_1 = require("react-dom/server");
7
+ const react_1 = __importDefault(require("react"));
8
+ const utils_1 = require("./utils");
9
+ function DiagonalReveal(el) {
10
+ const height = el.clientHeight;
11
+ const width = el.clientWidth;
12
+ const time = (0, utils_1.getTime)(el);
13
+ const filterId = `f-${Date.now().toString()}`;
14
+ const resultSvg = (0, server_1.renderToString)(react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", id: Date.now().toString() },
15
+ react_1.default.createElement("defs", null,
16
+ react_1.default.createElement("filter", { id: filterId, x: "0", y: "0" },
17
+ react_1.default.createElement("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "15" }))),
18
+ react_1.default.createElement("rect", { x: "-25", y: "-25", width: `${width * 1.5}px`, fill: "white", height: `${height * 1.1}px`, filter: `url(#${filterId})` },
19
+ react_1.default.createElement("animateTransform", { attributeName: "transform", attributeType: "XML", type: "rotate", values: "0 0 0; 25 0 0; 32 0 0;", dur: `${time}ms` }),
20
+ react_1.default.createElement("animateTransform", { additive: "sum", attributeName: "transform", attributeType: "XML", type: "translate", values: `0 0; 0 ${height * 0.2}; 0 ${height};`, dur: `${time}ms` }))));
21
+ return `url('data:image/svg+xml;charset=utf8,${encodeURIComponent(resultSvg)}')`;
22
+ }
23
+ exports.default = DiagonalReveal;
24
+ //# sourceMappingURL=DiagonalReveal.js.map
package/dist/components/Transition/MasksFactory/DiagonalReveal.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DiagonalReveal.js","sourceRoot":"","sources":["../../../../src/components/Transition/MasksFactory/DiagonalReveal.tsx"],"names":[],"mappings":";;;;;AAAA,6CAAkD;AAClD,kDAA0B;AAC1B,mCAAkC;AAElC,SAAwB,cAAc,CAAC,EAAkB;IACvD,MAAM,MAAM,GAAG,EAAE,CAAC,YAAY,CAAC;IAC/B,MAAM,KAAK,GAAG,EAAE,CAAC,WAAW,CAAC;IAC7B,MAAM,IAAI,GAAG,IAAA,eAAO,EAAC,EAAE,CAAC,CAAC;IACzB,MAAM,QAAQ,GAAG,KAAK,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC;IAC9C,MAAM,SAAS,GAAG,IAAA,uBAAc,EAC9B,uCAAK,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE;QAC/D;YACE,0CAAQ,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG;gBAC/B,kDAAgB,EAAE,EAAC,eAAe,EAAC,YAAY,EAAC,IAAI,GAAG,CAChD,CACJ;QACP,wCACE,CAAC,EAAC,KAAK,EACP,CAAC,EAAC,KAAK,EACP,KAAK,EAAE,GAAG,KAAK,GAAG,GAAG,IAAI,EACzB,IAAI,EAAC,OAAO,EACZ,MAAM,EAAE,GAAG,MAAM,GAAG,GAAG,IAAI,EAC3B,MAAM,EAAE,QAAQ,QAAQ,GAAG;YAE3B,oDACE,aAAa,EAAC,WAAW,EACzB,aAAa,EAAC,KAAK,EACnB,IAAI,EAAC,QAAQ,EACb,MAAM,EAAC,wBAAwB,EAC/B,GAAG,EAAE,GAAG,IAAI,IAAI,GAChB;YACF,oDACE,QAAQ,EAAC,KAAK,EACd,aAAa,EAAC,WAAW,EACzB,aAAa,EAAC,KAAK,EACnB,IAAI,EAAC,WAAW,EAChB,MAAM,EAAE,UAAU,MAAM,GAAG,GAAG,OAAO,MAAM,GAAG,EAC9C,GAAG,EAAE,GAAG,IAAI,IAAI,GAChB,CACG,CACH,CACP,CAAC;IAEF,OAAO,wCAAwC,kBAAkB,CAC/D,SAAS,CACV,IAAI,CAAC;AACR,CAAC;AA1CD,iCA0CC"}
package/dist/components/Transition/MasksFactory/DiagonalSquareToBalls.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Creates an svg that transitions from a square grid to rounded corners and them shrinks the balls to reveal the content
3
+ * @param amountOfVerticalSquares The amount of squares vertically to be shown
4
+ */
5
+ export default function DiagonalSquareToBalls(amountOfVerticalSquares?: number): (el: HTMLDivElement) => string;
package/dist/components/Transition/MasksFactory/DiagonalSquareToBalls.js ADDED
@@ -0,0 +1,64 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ var __importDefault = (this && this.__importDefault) || function (mod) {
26
+ return (mod && mod.__esModule) ? mod : { "default": mod };
27
+ };
28
+ Object.defineProperty(exports, "__esModule", { value: true });
29
+ const server_1 = require("react-dom/server");
30
+ const react_1 = __importDefault(require("react"));
31
+ const utils_1 = __importStar(require("./utils"));
32
+ /**
33
+ * Creates an svg that transitions from a square grid to rounded corners and them shrinks the balls to reveal the content
34
+ * @param amountOfVerticalSquares The amount of squares vertically to be shown
35
+ */
36
+ function DiagonalSquareToBalls(amountOfVerticalSquares = 10) {
37
+ return function (el) {
38
+ const height = el.clientHeight;
39
+ const width = el.clientWidth;
40
+ const _ballsize = height / amountOfVerticalSquares;
41
+ const maximumBalls = width / _ballsize;
42
+ const amountOfBalls = Math.floor(maximumBalls);
43
+ const _time = (0, utils_1.getTime)(el);
44
+ const rndTime = () => _time * 0.25 + _time * 0.75 * 1;
45
+ const resultSvg = (0, server_1.renderToString)(react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", id: Date.now().toString() }, (0, utils_1.default)(amountOfVerticalSquares, amountOfBalls, _ballsize).map(({ ballSize: _ballsize, x: _x, y: _y, column, row }) => {
46
+ const ratio = (column / amountOfBalls) * (row / amountOfVerticalSquares);
47
+ const fourthTime = rndTime() * 0.25;
48
+ const time = fourthTime + ratio * (fourthTime * 3);
49
+ const padding = 1 * _ballsize;
50
+ const ballsize = _ballsize - padding;
51
+ const x = _x + padding / 2;
52
+ const y = _y + padding / 2;
53
+ return (react_1.default.createElement("rect", { fill: "white", rx: `${ballsize}px` },
54
+ react_1.default.createElement("animate", { attributeName: "rx", attributeType: "XML", values: `${0}px;${0}px;${_ballsize}px`, dur: `${time / 2}ms` }),
55
+ react_1.default.createElement("animate", { attributeName: "x", attributeType: "XML", values: `${_x}px;${x}px;${x + ballsize / 2}px`, dur: `${time}ms` }),
56
+ react_1.default.createElement("animate", { attributeName: "y", attributeType: "XML", values: `${_y}px;${y}px;${y + ballsize / 2}px`, dur: `${time}ms` }),
57
+ react_1.default.createElement("animate", { attributeName: "width", attributeType: "XML", values: `${_ballsize}px;${ballsize}px;${0}px`, dur: `${time}ms` }),
58
+ react_1.default.createElement("animate", { attributeName: "height", attributeType: "XML", values: `${_ballsize}px;${ballsize}px;${0}px`, dur: `${time}ms` })));
59
+ })));
60
+ return `url('data:image/svg+xml;charset=utf8,${encodeURIComponent(resultSvg)}')`;
61
+ };
62
+ }
63
+ exports.default = DiagonalSquareToBalls;
64
+ //# sourceMappingURL=DiagonalSquareToBalls.js.map
package/dist/components/Transition/MasksFactory/DiagonalSquareToBalls.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DiagonalSquareToBalls.js","sourceRoot":"","sources":["../../../../src/components/Transition/MasksFactory/DiagonalSquareToBalls.tsx"],"names":[],"mappings":"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"}
package/dist/components/Transition/MasksFactory/PhysicsSquares.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ /**
2
+ * DO NOT DARE TO USE THIS IF YOU HAVE A MINIMAL RESPECT FOR PERFORMANCE
3
+ *
4
+ * Creates an svg that transitions from a square grid to rounded corners and them shrinks the balls to reveal the content
5
+ * @param amountOfVerticalSquares The amount of squares vertically to be shown
6
+ */
7
+ export default function PhysicsSquares(amountOfVerticalSquares?: number): (el: HTMLDivElement) => string;
package/dist/components/Transition/MasksFactory/PhysicsSquares.js ADDED
@@ -0,0 +1,86 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ const utils_1 = __importDefault(require("./utils"));
7
+ const matter_js_1 = __importDefault(require("matter-js"));
8
+ /**
9
+ * DO NOT DARE TO USE THIS IF YOU HAVE A MINIMAL RESPECT FOR PERFORMANCE
10
+ *
11
+ * Creates an svg that transitions from a square grid to rounded corners and them shrinks the balls to reveal the content
12
+ * @param amountOfVerticalSquares The amount of squares vertically to be shown
13
+ */
14
+ function PhysicsSquares(amountOfVerticalSquares = 10) {
15
+ return function (el) {
16
+ const height = el.clientHeight;
17
+ const width = el.clientWidth;
18
+ const _ballsize = height / amountOfVerticalSquares;
19
+ const maximumBalls = width / _ballsize;
20
+ const amountOfBalls = Math.floor(maximumBalls);
21
+ const gridData = (0, utils_1.default)(amountOfVerticalSquares, amountOfBalls, _ballsize);
22
+ const _time = getComputedStyle(el).getPropertyValue("--animation-speed-transition");
23
+ const time = _time.endsWith("ms")
24
+ ? Number(_time.replace("ms", ""))
25
+ : Number(_time.replace("s", "")) * 1000;
26
+ const canvas = document.createElement("canvas");
27
+ canvas.width = el.clientWidth / 10;
28
+ canvas.height = el.clientHeight / 10;
29
+ // module aliases
30
+ var Engine = matter_js_1.default.Engine, Render = matter_js_1.default.Render, Runner = matter_js_1.default.Runner, Bodies = matter_js_1.default.Bodies, Composite = matter_js_1.default.Composite;
31
+ // create an engine
32
+ var engine = Engine.create();
33
+ // create a renderer
34
+ var render = Render.create({
35
+ engine: engine,
36
+ options: {
37
+ wireframes: false,
38
+ background: "black",
39
+ height: el.clientHeight,
40
+ width: el.clientWidth,
41
+ },
42
+ canvas: canvas,
43
+ bounds: {
44
+ min: {
45
+ x: 0,
46
+ y: 0,
47
+ },
48
+ max: {
49
+ x: el.clientWidth,
50
+ y: el.clientHeight,
51
+ },
52
+ },
53
+ });
54
+ var ground = Bodies.rectangle(0, el.clientHeight, el.clientWidth * 2, 10, {
55
+ render: {
56
+ fillStyle: "black",
57
+ },
58
+ angle: 0.1,
59
+ isStatic: true,
60
+ });
61
+ const gridBodies = gridData.map((a) => Bodies.circle(a.x + a.ballSize / 2 + (Math.random() * a.ballSize) / 2, a.y + a.ballSize / 2 + (Math.random() * a.ballSize) / 2, a.ballSize / 4 + (Math.random() * a.ballSize) / 4, {
62
+ density: 0.1,
63
+ render: {
64
+ fillStyle: "black",
65
+ },
66
+ }));
67
+ // add all of the bodies to the world
68
+ Composite.add(engine.world, [...gridBodies, ground]);
69
+ // run the renderer
70
+ Render.run(render);
71
+ // create runner
72
+ var runner = Runner.create();
73
+ // run the engine
74
+ Runner.run(runner, engine);
75
+ const i = setInterval(() => {
76
+ el.firstElementChild.style.webkitMaskImage = `url('${canvas.toDataURL("base64")}')`;
77
+ }, 1000 / 60);
78
+ setTimeout(() => {
79
+ clearInterval(i);
80
+ Runner.stop(runner);
81
+ }, time);
82
+ return ``;
83
+ };
84
+ }
85
+ exports.default = PhysicsSquares;
86
+ //# sourceMappingURL=PhysicsSquares.js.map
package/dist/components/Transition/MasksFactory/PhysicsSquares.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PhysicsSquares.js","sourceRoot":"","sources":["../../../../src/components/Transition/MasksFactory/PhysicsSquares.tsx"],"names":[],"mappings":";;;;;AAAA,oDAAgC;AAChC,0DAA+B;AAC/B;;;;;GAKG;AACH,SAAwB,cAAc,CAAC,0BAAkC,EAAE;IACzE,OAAO,UAAU,EAAkB;QACjC,MAAM,MAAM,GAAG,EAAE,CAAC,YAAY,CAAC;QAC/B,MAAM,KAAK,GAAG,EAAE,CAAC,WAAW,CAAC;QAC7B,MAAM,SAAS,GAAG,MAAM,GAAG,uBAAuB,CAAC;QACnD,MAAM,YAAY,GAAG,KAAK,GAAG,SAAS,CAAC;QACvC,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAC/C,MAAM,QAAQ,GAAG,IAAA,eAAS,EACxB,uBAAuB,EACvB,aAAa,EACb,SAAS,CACV,CAAC;QACF,MAAM,KAAK,GAAG,gBAAgB,CAAC,EAAE,CAAC,CAAC,gBAAgB,CACjD,8BAA8B,CAC/B,CAAC;QACF,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC;YAC/B,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YACjC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC;QAC1C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,CAAC,KAAK,GAAG,EAAE,CAAC,WAAW,GAAG,EAAE,CAAC;QACnC,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC;QACrC,iBAAiB;QACjB,IAAI,MAAM,GAAG,mBAAM,CAAC,MAAM,EACxB,MAAM,GAAG,mBAAM,CAAC,MAAM,EACtB,MAAM,GAAG,mBAAM,CAAC,MAAM,EACtB,MAAM,GAAG,mBAAM,CAAC,MAAM,EACtB,SAAS,GAAG,mBAAM,CAAC,SAAS,CAAC;QAE/B,mBAAmB;QACnB,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC;QAE7B,oBAAoB;QACpB,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;YACzB,MAAM,EAAE,MAAM;YACd,OAAO,EAAE;gBACP,UAAU,EAAE,KAAK;gBACjB,UAAU,EAAE,OAAO;gBACnB,MAAM,EAAE,EAAE,CAAC,YAAY;gBACvB,KAAK,EAAE,EAAE,CAAC,WAAW;aACtB;YACD,MAAM,EAAE,MAAM;YACd,MAAM,EAAE;gBACN,GAAG,EAAE;oBACH,CAAC,EAAE,CAAC;oBACJ,CAAC,EAAE,CAAC;iBACL;gBACD,GAAG,EAAE;oBACH,CAAC,EAAE,EAAE,CAAC,WAAW;oBACjB,CAAC,EAAE,EAAE,CAAC,YAAY;iBACnB;aACF;SACF,CAAC,CAAC;QACH,IAAI,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,WAAW,GAAG,CAAC,EAAE,EAAE,EAAE;YACxE,MAAM,EAAE;gBACN,SAAS,EAAE,OAAO;aACnB;YACD,KAAK,EAAE,GAAG;YACV,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CACpC,MAAM,CAAC,MAAM,CACX,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EACvD,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EACvD,CAAC,CAAC,QAAQ,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EACjD;YACE,OAAO,EAAE,GAAG;YACZ,MAAM,EAAE;gBACN,SAAS,EAAE,OAAO;aACnB;SACF,CACF,CACF,CAAC;QAEF,qCAAqC;QACrC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,GAAG,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;QAErD,mBAAmB;QACnB,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAEnB,gBAAgB;QAChB,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC;QAE7B,iBAAiB;QACjB,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAE3B,MAAM,CAAC,GAAG,WAAW,CAAC,GAAG,EAAE;YAEvB,EAAE,CAAC,iBACJ,CAAC,KAAK,CAAC,eAAe,GAAG,QAAQ,MAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC;QACpE,CAAC,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;QACd,UAAU,CAAC,GAAG,EAAE;YACd,aAAa,CAAC,CAAC,CAAC,CAAC;YACjB,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACtB,CAAC,EAAE,IAAI,CAAC,CAAC;QACT,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;AACJ,CAAC;AAjGD,iCAiGC"}
package/dist/components/Transition/MasksFactory/SquareToBalls.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Creates an svg that transitions from a square grid to rounded corners and them shrinks the balls to reveal the content
3
+ * @param amountOfVerticalSquares The amount of squares vertically to be shown
4
+ */
5
+ export default function (amountOfVerticalSquares?: number): (el: HTMLDivElement) => string;
package/dist/components/Transition/MasksFactory/SquareToBalls.js ADDED
@@ -0,0 +1,56 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ var __importDefault = (this && this.__importDefault) || function (mod) {
26
+ return (mod && mod.__esModule) ? mod : { "default": mod };
27
+ };
28
+ Object.defineProperty(exports, "__esModule", { value: true });
29
+ const server_1 = require("react-dom/server");
30
+ const react_1 = __importDefault(require("react"));
31
+ const utils_1 = __importStar(require("./utils"));
32
+ /**
33
+ * Creates an svg that transitions from a square grid to rounded corners and them shrinks the balls to reveal the content
34
+ * @param amountOfVerticalSquares The amount of squares vertically to be shown
35
+ */
36
+ function default_1(amountOfVerticalSquares = 10) {
37
+ return function (el) {
38
+ const height = el.clientHeight;
39
+ const width = el.clientWidth;
40
+ const _ballsize = height / amountOfVerticalSquares;
41
+ const maximumBalls = width / _ballsize;
42
+ const amountOfBalls = Math.floor(maximumBalls);
43
+ const time = (0, utils_1.getTime)(el);
44
+ const resultSvg = (0, server_1.renderToString)(react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", id: Date.now().toString() }, (0, utils_1.default)(amountOfVerticalSquares, amountOfBalls, _ballsize).map(({ ballSize, x, y }) => {
45
+ return (react_1.default.createElement("rect", { fill: "white" },
46
+ react_1.default.createElement("animate", { attributeName: "rx", attributeType: "XML", values: `${0}px;${ballSize / 2}px;${ballSize / 2}px`, dur: `${time}ms` }),
47
+ react_1.default.createElement("animate", { attributeName: "x", attributeType: "XML", values: `${x}px;${x}px;${x + ballSize / 2}px`, dur: `${time}ms` }),
48
+ react_1.default.createElement("animate", { attributeName: "y", attributeType: "XML", values: `${y}px;${y}px;${y + ballSize / 2}px`, dur: `${time}ms` }),
49
+ react_1.default.createElement("animate", { attributeName: "width", attributeType: "XML", values: `${ballSize}px;${ballSize}px;${0}px`, dur: `${time}ms` }),
50
+ react_1.default.createElement("animate", { attributeName: "height", attributeType: "XML", values: `${ballSize}px;${ballSize}px;${0}px`, dur: `${time}ms` })));
51
+ })));
52
+ return `url('data:image/svg+xml;charset=utf8,${encodeURIComponent(resultSvg)}')`;
53
+ };
54
+ }
55
+ exports.default = default_1;
56
+ //# sourceMappingURL=SquareToBalls.js.map
package/dist/components/Transition/MasksFactory/SquareToBalls.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SquareToBalls.js","sourceRoot":"","sources":["../../../../src/components/Transition/MasksFactory/SquareToBalls.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAClD,kDAA0B;AAC1B,iDAA6C;AAE7C;;;GAGG;AACH,mBAAyB,0BAAkC,EAAE;IAC3D,OAAO,UAAU,EAAkB;QACjC,MAAM,MAAM,GAAG,EAAE,CAAC,YAAY,CAAC;QAC/B,MAAM,KAAK,GAAG,EAAE,CAAC,WAAW,CAAC;QAC7B,MAAM,SAAS,GAAG,MAAM,GAAG,uBAAuB,CAAC;QACnD,MAAM,YAAY,GAAG,KAAK,GAAG,SAAS,CAAC;QACvC,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAE/C,MAAM,IAAI,GAAG,IAAA,eAAO,EAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,SAAS,GAAG,IAAA,uBAAc,EAC9B,uCAAK,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,IAC9D,IAAA,eAAS,EAAC,uBAAuB,EAAE,aAAa,EAAE,SAAS,CAAC,CAAC,GAAG,CAC/D,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;YACrB,OAAO,CACL,wCAAM,IAAI,EAAC,OAAO;gBAChB,2CACE,aAAa,EAAC,IAAI,EAClB,aAAa,EAAC,KAAK,EACnB,MAAM,EAAE,GAAG,CAAC,MAAM,QAAQ,GAAG,CAAC,MAAM,QAAQ,GAAG,CAAC,IAAI,EACpD,GAAG,EAAE,GAAG,IAAI,IAAI,GAChB;gBACF,2CACE,aAAa,EAAC,GAAG,EACjB,aAAa,EAAC,KAAK,EACnB,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,GAAG,CAAC,IAAI,EAC7C,GAAG,EAAE,GAAG,IAAI,IAAI,GAChB;gBACF,2CACE,aAAa,EAAC,GAAG,EACjB,aAAa,EAAC,KAAK,EACnB,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,GAAG,CAAC,IAAI,EAC7C,GAAG,EAAE,GAAG,IAAI,IAAI,GAChB;gBACF,2CACE,aAAa,EAAC,OAAO,EACrB,aAAa,EAAC,KAAK,EACnB,MAAM,EAAE,GAAG,QAAQ,MAAM,QAAQ,MAAM,CAAC,IAAI,EAC5C,GAAG,EAAE,GAAG,IAAI,IAAI,GAChB;gBACF,2CACE,aAAa,EAAC,QAAQ,EACtB,aAAa,EAAC,KAAK,EACnB,MAAM,EAAE,GAAG,QAAQ,MAAM,QAAQ,MAAM,CAAC,IAAI,EAC5C,GAAG,EAAE,GAAG,IAAI,IAAI,GAChB,CACG,CACR,CAAC;QACJ,CAAC,CACF,CACG,CACP,CAAC;QAEF,OAAO,wCAAwC,kBAAkB,CAC/D,SAAS,CACV,IAAI,CAAC;IACR,CAAC,CAAC;AACJ,CAAC;AAzDD,4BAyDC"}
package/dist/components/Transition/MasksFactory/utils.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ export default function buildGrid(amountOfVerticalSquares: number, howManyHorizontalSquare: number, ballSize: number): {
2
+ x: number;
3
+ y: number;
4
+ ballSize: number;
5
+ column: number;
6
+ row: number;
7
+ }[];
8
+ export declare function getTime(el: HTMLDivElement): number;
package/dist/components/Transition/MasksFactory/utils.js ADDED
@@ -0,0 +1,32 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.getTime = void 0;
4
+ function buildGrid(amountOfVerticalSquares, howManyHorizontalSquare, ballSize) {
5
+ return new Array(howManyHorizontalSquare * amountOfVerticalSquares)
6
+ .fill(undefined)
7
+ .map((_, i) => {
8
+ const modX = Math.floor(i / howManyHorizontalSquare);
9
+ const modY = i - modX * howManyHorizontalSquare;
10
+ const ballsize = ballSize * 1.1;
11
+ const padding = (ballsize - ballSize) / 2;
12
+ const x = modY * ballSize - padding;
13
+ const y = modX * ballSize - padding;
14
+ return {
15
+ x,
16
+ y,
17
+ ballSize,
18
+ column: modY,
19
+ row: modX,
20
+ };
21
+ });
22
+ }
23
+ exports.default = buildGrid;
24
+ function getTime(el) {
25
+ const _time = getComputedStyle(el.firstElementChild).getPropertyValue("--animation-speed-transition") || "250ms";
26
+ const __time = _time.endsWith("ms")
27
+ ? Number(_time.replace("ms", ""))
28
+ : Number(_time.replace("s", "")) * 1000;
29
+ return __time + 50;
30
+ }
31
+ exports.getTime = getTime;
32
+ //# sourceMappingURL=utils.js.map
package/dist/components/Transition/MasksFactory/utils.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/Transition/MasksFactory/utils.ts"],"names":[],"mappings":";;;AAAA,SAAwB,SAAS,CAC/B,uBAA+B,EAC/B,uBAA+B,EAC/B,QAAgB;IAEhB,OAAO,IAAI,KAAK,CAAC,uBAAuB,GAAG,uBAAuB,CAAC;SAChE,IAAI,CAAC,SAAS,CAAC;SACf,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACZ,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,uBAAuB,CAAC,CAAC;QACrD,MAAM,IAAI,GAAG,CAAC,GAAG,IAAI,GAAG,uBAAuB,CAAC;QAChD,MAAM,QAAQ,GAAG,QAAQ,GAAG,GAAG,CAAC;QAChC,MAAM,OAAO,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;QAC1C,MAAM,CAAC,GAAG,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAC;QACpC,MAAM,CAAC,GAAG,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAC;QAEpC,OAAO;YACL,CAAC;YACD,CAAC;YACD,QAAQ;YACR,MAAM,EAAE,IAAI;YACZ,GAAG,EAAE,IAAI;SACV,CAAC;IACJ,CAAC,CAAC,CAAC;AACP,CAAC;AAvBD,4BAuBC;AAED,SAAgB,OAAO,CAAC,EAAkB;IACxC,MAAM,KAAK,GACT,gBAAgB,CAAC,EAAE,CAAC,iBAAkB,CAAC,CAAC,gBAAgB,CACtD,8BAA8B,CAC/B,IAAI,OAAO,CAAC;IACf,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC;QACjC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QACjC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC;IAC1C,OAAO,MAAM,GAAG,EAAE,CAAC;AACrB,CAAC;AATD,0BASC"}
package/dist/components/Transition/Transition.d.ts CHANGED
@@ -4,6 +4,12 @@ export declare type TransitionTypeDefinitions = {
4
4
  } | {
5
5
  transitionType?: TransitionAnimationTypes.POP_FROM_ELEMENT_ID;
6
6
  elementId: string;
7
+ } | {
8
+ transitionType?: TransitionAnimationTypes.MASK;
9
+ /**
10
+ * It provides the transition container so you can create a dynamic svg to mask with
11
+ */
12
+ maskFactory: (container: HTMLDivElement) => string;
7
13
  } | {
8
14
  transitionType?: TransitionAnimationTypes.CUSTOM;
9
15
  config: ReturnType<typeof TransitionClasses>;
@@ -39,7 +45,8 @@ export declare enum TransitionAnimationTypes {
39
45
  POP_FROM_ELEMENT_ID = 2,
40
46
  FADE = 3,
41
47
  COIN_FLIP = 4,
42
- CUSTOM = 5
48
+ MASK = 5,
49
+ CUSTOM = 6
43
50
  }
44
51
  declare const _default: React.ForwardRefExoticComponent<TransitionProps & React.RefAttributes<HTMLDivElement | null>>;
45
52
  export default _default;