DocSpace-client/graph.svg

356 lines
33 KiB
XML

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 9.0.0 (20230911.1827)
-->
<!-- Title: G Pages: 1 -->
<svg width="2744pt" height="500pt"
viewBox="0.00 0.00 2743.70 500.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(21.6 478.4)">
<title>G</title>
<polygon fill="#111111" stroke="none" points="-21.6,21.6 -21.6,-478.4 2722.1,-478.4 2722.1,21.6 -21.6,21.6"/>
<!-- client/src/components/panels/InvitePanel/index.js -->
<g id="node1" class="node">
<title>client/src/components/panels/InvitePanel/index.js</title>
<path fill="none" stroke="#ff6c60" d="M325.33,-26.8C325.33,-26.8 30.42,-26.8 30.42,-26.8 26.46,-26.8 22.5,-22.84 22.5,-18.88 22.5,-18.88 22.5,-10.97 22.5,-10.97 22.5,-7.01 26.46,-3.05 30.42,-3.05 30.42,-3.05 325.33,-3.05 325.33,-3.05 329.29,-3.05 333.25,-7.01 333.25,-10.97 333.25,-10.97 333.25,-18.88 333.25,-18.88 333.25,-22.84 329.29,-26.8 325.33,-26.8"/>
<text text-anchor="middle" x="177.88" y="-9.5" font-family="Arial" font-size="14.00" fill="#ff6c60">client/src/components/panels/InvitePanel/index.js</text>
</g>
<!-- client/src/components/panels/InvitePanel/sub&#45;components/InviteInput.js -->
<g id="node2" class="node">
<title>client/src/components/panels/InvitePanel/sub&#45;components/InviteInput.js</title>
<path fill="none" stroke="#ff6c60" d="M828.83,-36.8C828.83,-36.8 399.67,-36.8 399.67,-36.8 395.71,-36.8 391.75,-32.84 391.75,-28.88 391.75,-28.88 391.75,-20.97 391.75,-20.97 391.75,-17.01 395.71,-13.05 399.67,-13.05 399.67,-13.05 828.83,-13.05 828.83,-13.05 832.79,-13.05 836.75,-17.01 836.75,-20.97 836.75,-20.97 836.75,-28.88 836.75,-28.88 836.75,-32.84 832.79,-36.8 828.83,-36.8"/>
<text text-anchor="middle" x="614.25" y="-19.5" font-family="Arial" font-size="14.00" fill="#ff6c60">client/src/components/panels/InvitePanel/sub&#45;components/InviteInput.js</text>
</g>
<!-- client/src/components/panels/InvitePanel/index.js&#45;&gt;client/src/components/panels/InvitePanel/sub&#45;components/InviteInput.js -->
<g id="edge1" class="edge">
<title>client/src/components/panels/InvitePanel/index.js&#45;&gt;client/src/components/panels/InvitePanel/sub&#45;components/InviteInput.js</title>
<path fill="none" stroke="#757575" d="M333.55,-18.49C348.65,-18.83 364.2,-19.19 379.85,-19.55"/>
<polygon fill="#757575" stroke="#757575" points="379.68,-23.05 389.75,-19.78 379.84,-16.05 379.68,-23.05"/>
</g>
<!-- client/src/components/panels/index.js -->
<g id="node3" class="node">
<title>client/src/components/panels/index.js</title>
<path fill="none" stroke="#ff6c60" d="M1154.96,-26.8C1154.96,-26.8 930.54,-26.8 930.54,-26.8 926.58,-26.8 922.62,-22.84 922.62,-18.88 922.62,-18.88 922.62,-10.97 922.62,-10.97 922.62,-7.01 926.58,-3.05 930.54,-3.05 930.54,-3.05 1154.96,-3.05 1154.96,-3.05 1158.92,-3.05 1162.88,-7.01 1162.88,-10.97 1162.88,-10.97 1162.88,-18.88 1162.88,-18.88 1162.88,-22.84 1158.92,-26.8 1154.96,-26.8"/>
<text text-anchor="middle" x="1042.75" y="-9.5" font-family="Arial" font-size="14.00" fill="#ff6c60">client/src/components/panels/index.js</text>
</g>
<!-- client/src/components/panels/InvitePanel/sub&#45;components/InviteInput.js&#45;&gt;client/src/components/panels/index.js -->
<g id="edge2" class="edge">
<title>client/src/components/panels/InvitePanel/sub&#45;components/InviteInput.js&#45;&gt;client/src/components/panels/index.js</title>
<path fill="none" stroke="#757575" d="M837.24,-19.72C862.47,-19.13 887.52,-18.54 911,-17.99"/>
<polygon fill="#757575" stroke="#757575" points="910.97,-21.49 920.89,-17.76 910.81,-14.5 910.97,-21.49"/>
</g>
<!-- client/src/components/panels/index.js&#45;&gt;client/src/components/panels/InvitePanel/index.js -->
<g id="edge4" class="edge">
<title>client/src/components/panels/index.js&#45;&gt;client/src/components/panels/InvitePanel/index.js</title>
<path fill="none" stroke="#757575" d="M922.28,-7.43C894.24,-5.98 864.45,-4.67 836.75,-3.93 639.04,1.37 589.46,1.18 391.75,-3.93 376.42,-4.32 360.48,-4.88 344.52,-5.53"/>
<polygon fill="#757575" stroke="#757575" points="344.83,-2.02 334.99,-5.94 345.13,-9.01 344.83,-2.02"/>
</g>
<!-- client/src/components/panels/SharingPanel/index.js -->
<g id="node4" class="node">
<title>client/src/components/panels/SharingPanel/index.js</title>
<path fill="none" stroke="#ff6c60" d="M1573.33,-26.8C1573.33,-26.8 1264.17,-26.8 1264.17,-26.8 1260.21,-26.8 1256.25,-22.84 1256.25,-18.88 1256.25,-18.88 1256.25,-10.97 1256.25,-10.97 1256.25,-7.01 1260.21,-3.05 1264.17,-3.05 1264.17,-3.05 1573.33,-3.05 1573.33,-3.05 1577.29,-3.05 1581.25,-7.01 1581.25,-10.97 1581.25,-10.97 1581.25,-18.88 1581.25,-18.88 1581.25,-22.84 1577.29,-26.8 1573.33,-26.8"/>
<text text-anchor="middle" x="1418.75" y="-9.5" font-family="Arial" font-size="14.00" fill="#ff6c60">client/src/components/panels/SharingPanel/index.js</text>
</g>
<!-- client/src/components/panels/index.js&#45;&gt;client/src/components/panels/SharingPanel/index.js -->
<g id="edge5" class="edge">
<title>client/src/components/panels/index.js&#45;&gt;client/src/components/panels/SharingPanel/index.js</title>
<path fill="none" stroke="#757575" d="M1163.37,-8.58C1189.29,-8.26 1217.21,-8.13 1244.72,-8.19"/>
<polygon fill="#757575" stroke="#757575" points="1244.54,-11.69 1254.55,-8.23 1244.56,-4.69 1244.54,-11.69"/>
</g>
<!-- client/src/components/panels/SharingPanel/index.js&#45;&gt;client/src/components/panels/index.js -->
<g id="edge3" class="edge">
<title>client/src/components/panels/SharingPanel/index.js&#45;&gt;client/src/components/panels/index.js</title>
<path fill="none" stroke="#757575" d="M1256.06,-21.62C1228.83,-21.74 1200.87,-21.67 1174.55,-21.4"/>
<polygon fill="#757575" stroke="#757575" points="1174.92,-17.9 1164.89,-21.29 1174.84,-24.9 1174.92,-17.9"/>
</g>
<!-- client/src/helpers/desktop.js -->
<g id="node5" class="node">
<title>client/src/helpers/desktop.js</title>
<path fill="none" stroke="#ff6c60" d="M260.83,-87.8C260.83,-87.8 94.92,-87.8 94.92,-87.8 90.96,-87.8 87,-83.84 87,-79.88 87,-79.88 87,-71.97 87,-71.97 87,-68.01 90.96,-64.05 94.92,-64.05 94.92,-64.05 260.83,-64.05 260.83,-64.05 264.79,-64.05 268.75,-68.01 268.75,-71.97 268.75,-71.97 268.75,-79.88 268.75,-79.88 268.75,-83.84 264.79,-87.8 260.83,-87.8"/>
<text text-anchor="middle" x="177.88" y="-70.5" font-family="Arial" font-size="14.00" fill="#ff6c60">client/src/helpers/desktop.js</text>
</g>
<!-- client/src/store/index.js -->
<g id="node6" class="node">
<title>client/src/store/index.js</title>
<path fill="none" stroke="#ff6c60" d="M682.58,-117.8C682.58,-117.8 545.92,-117.8 545.92,-117.8 541.96,-117.8 538,-113.84 538,-109.88 538,-109.88 538,-101.97 538,-101.97 538,-98.01 541.96,-94.05 545.92,-94.05 545.92,-94.05 682.58,-94.05 682.58,-94.05 686.54,-94.05 690.5,-98.01 690.5,-101.97 690.5,-101.97 690.5,-109.88 690.5,-109.88 690.5,-113.84 686.54,-117.8 682.58,-117.8"/>
<text text-anchor="middle" x="614.25" y="-100.5" font-family="Arial" font-size="14.00" fill="#ff6c60">client/src/store/index.js</text>
</g>
<!-- client/src/helpers/desktop.js&#45;&gt;client/src/store/index.js -->
<g id="edge6" class="edge">
<title>client/src/helpers/desktop.js&#45;&gt;client/src/store/index.js</title>
<path fill="none" stroke="#757575" d="M269.14,-82.16C344.68,-87.38 451.78,-94.77 526.36,-99.93"/>
<polygon fill="#757575" stroke="#757575" points="525.85,-103.4 536.07,-100.6 526.33,-96.42 525.85,-103.4"/>
</g>
<!-- client/src/store/HotkeyStore.js -->
<g id="node11" class="node">
<title>client/src/store/HotkeyStore.js</title>
<path fill="none" stroke="#ff6c60" d="M1132.08,-87.8C1132.08,-87.8 953.42,-87.8 953.42,-87.8 949.46,-87.8 945.5,-83.84 945.5,-79.88 945.5,-79.88 945.5,-71.97 945.5,-71.97 945.5,-68.01 949.46,-64.05 953.42,-64.05 953.42,-64.05 1132.08,-64.05 1132.08,-64.05 1136.04,-64.05 1140,-68.01 1140,-71.97 1140,-71.97 1140,-79.88 1140,-79.88 1140,-83.84 1136.04,-87.8 1132.08,-87.8"/>
<text text-anchor="middle" x="1042.75" y="-70.5" font-family="Arial" font-size="14.00" fill="#ff6c60">client/src/store/HotkeyStore.js</text>
</g>
<!-- client/src/store/index.js&#45;&gt;client/src/store/HotkeyStore.js -->
<g id="edge12" class="edge">
<title>client/src/store/index.js&#45;&gt;client/src/store/HotkeyStore.js</title>
<path fill="none" stroke="#757575" d="M690.52,-100.63C758.1,-95.88 858.08,-88.85 934.11,-83.5"/>
<polygon fill="#757575" stroke="#757575" points="933.9,-87.02 943.63,-82.83 933.41,-80.04 933.9,-87.02"/>
</g>
<!-- client/src/pages/FormGallery/TilesView/StyledTileView.js -->
<g id="node7" class="node">
<title>client/src/pages/FormGallery/TilesView/StyledTileView.js</title>
<path fill="none" stroke="#ff6c60" d="M347.83,-159.8C347.83,-159.8 7.92,-159.8 7.92,-159.8 3.96,-159.8 0,-155.84 0,-151.88 0,-151.88 0,-143.97 0,-143.97 0,-140.01 3.96,-136.05 7.92,-136.05 7.92,-136.05 347.83,-136.05 347.83,-136.05 351.79,-136.05 355.75,-140.01 355.75,-143.97 355.75,-143.97 355.75,-151.88 355.75,-151.88 355.75,-155.84 351.79,-159.8 347.83,-159.8"/>
<text text-anchor="middle" x="177.88" y="-142.5" font-family="Arial" font-size="14.00" fill="#ff6c60">client/src/pages/FormGallery/TilesView/StyledTileView.js</text>
</g>
<!-- client/src/pages/FormGallery/TilesView/sub&#45;components/TileContent.js -->
<g id="node8" class="node">
<title>client/src/pages/FormGallery/TilesView/sub&#45;components/TileContent.js</title>
<path fill="none" stroke="#ff6c60" d="M826.96,-159.8C826.96,-159.8 401.54,-159.8 401.54,-159.8 397.58,-159.8 393.62,-155.84 393.62,-151.88 393.62,-151.88 393.62,-143.97 393.62,-143.97 393.62,-140.01 397.58,-136.05 401.54,-136.05 401.54,-136.05 826.96,-136.05 826.96,-136.05 830.92,-136.05 834.88,-140.01 834.88,-143.97 834.88,-143.97 834.88,-151.88 834.88,-151.88 834.88,-155.84 830.92,-159.8 826.96,-159.8"/>
<text text-anchor="middle" x="614.25" y="-142.5" font-family="Arial" font-size="14.00" fill="#ff6c60">client/src/pages/FormGallery/TilesView/sub&#45;components/TileContent.js</text>
</g>
<!-- client/src/pages/FormGallery/TilesView/StyledTileView.js&#45;&gt;client/src/pages/FormGallery/TilesView/sub&#45;components/TileContent.js -->
<g id="edge7" class="edge">
<title>client/src/pages/FormGallery/TilesView/StyledTileView.js&#45;&gt;client/src/pages/FormGallery/TilesView/sub&#45;components/TileContent.js</title>
<path fill="none" stroke="#757575" d="M356.18,-141.28C364.66,-141.23 373.23,-141.2 381.82,-141.19"/>
<polygon fill="#757575" stroke="#757575" points="381.62,-144.69 391.62,-141.18 381.62,-137.69 381.62,-144.69"/>
</g>
<!-- client/src/pages/FormGallery/TilesView/sub&#45;components/TileContent.js&#45;&gt;client/src/pages/FormGallery/TilesView/StyledTileView.js -->
<g id="edge8" class="edge">
<title>client/src/pages/FormGallery/TilesView/sub&#45;components/TileContent.js&#45;&gt;client/src/pages/FormGallery/TilesView/StyledTileView.js</title>
<path fill="none" stroke="#757575" d="M393.13,-154.68C384.62,-154.67 376.11,-154.66 367.66,-154.62"/>
<polygon fill="#757575" stroke="#757575" points="367.71,-151.13 357.69,-154.58 367.68,-158.13 367.71,-151.13"/>
</g>
<!-- client/src/pages/PortalSettings/utils/index.js -->
<g id="node9" class="node">
<title>client/src/pages/PortalSettings/utils/index.js</title>
<path fill="none" stroke="#ff6c60" d="M307.33,-201.8C307.33,-201.8 48.42,-201.8 48.42,-201.8 44.46,-201.8 40.5,-197.84 40.5,-193.88 40.5,-193.88 40.5,-185.97 40.5,-185.97 40.5,-182.01 44.46,-178.05 48.42,-178.05 48.42,-178.05 307.33,-178.05 307.33,-178.05 311.29,-178.05 315.25,-182.01 315.25,-185.97 315.25,-185.97 315.25,-193.88 315.25,-193.88 315.25,-197.84 311.29,-201.8 307.33,-201.8"/>
<text text-anchor="middle" x="177.88" y="-184.5" font-family="Arial" font-size="14.00" fill="#ff6c60">client/src/pages/PortalSettings/utils/index.js</text>
</g>
<!-- client/src/pages/PortalSettings/utils/resetSessionStorage.js -->
<g id="node10" class="node">
<title>client/src/pages/PortalSettings/utils/resetSessionStorage.js</title>
<path fill="none" stroke="#ff6c60" d="M790.21,-201.8C790.21,-201.8 438.29,-201.8 438.29,-201.8 434.33,-201.8 430.38,-197.84 430.38,-193.88 430.38,-193.88 430.38,-185.97 430.38,-185.97 430.38,-182.01 434.33,-178.05 438.29,-178.05 438.29,-178.05 790.21,-178.05 790.21,-178.05 794.17,-178.05 798.12,-182.01 798.12,-185.97 798.12,-185.97 798.12,-193.88 798.12,-193.88 798.12,-197.84 794.17,-201.8 790.21,-201.8"/>
<text text-anchor="middle" x="614.25" y="-184.5" font-family="Arial" font-size="14.00" fill="#ff6c60">client/src/pages/PortalSettings/utils/resetSessionStorage.js</text>
</g>
<!-- client/src/pages/PortalSettings/utils/index.js&#45;&gt;client/src/pages/PortalSettings/utils/resetSessionStorage.js -->
<g id="edge9" class="edge">
<title>client/src/pages/PortalSettings/utils/index.js&#45;&gt;client/src/pages/PortalSettings/utils/resetSessionStorage.js</title>
<path fill="none" stroke="#757575" d="M315.72,-183.6C348.48,-183.24 384.08,-183.11 418.89,-183.21"/>
<polygon fill="#757575" stroke="#757575" points="418.63,-186.71 428.65,-183.25 418.66,-179.71 418.63,-186.71"/>
</g>
<!-- client/src/pages/PortalSettings/utils/resetSessionStorage.js&#45;&gt;client/src/pages/PortalSettings/utils/index.js -->
<g id="edge10" class="edge">
<title>client/src/pages/PortalSettings/utils/resetSessionStorage.js&#45;&gt;client/src/pages/PortalSettings/utils/index.js</title>
<path fill="none" stroke="#757575" d="M430.16,-196.6C395.71,-196.75 360.09,-196.67 326.88,-196.36"/>
<polygon fill="#757575" stroke="#757575" points="327.27,-192.87 317.23,-196.26 327.19,-199.87 327.27,-192.87"/>
</g>
<!-- client/src/store/HotkeyStore.js&#45;&gt;client/src/helpers/desktop.js -->
<g id="edge11" class="edge">
<title>client/src/store/HotkeyStore.js&#45;&gt;client/src/helpers/desktop.js</title>
<path fill="none" stroke="#757575" d="M945.26,-75.93C780.93,-75.93 448.24,-75.93 280.48,-75.93"/>
<polygon fill="#757575" stroke="#757575" points="280.69,-72.43 270.69,-75.93 280.69,-79.43 280.69,-72.43"/>
</g>
<!-- common/store/AuthStore.js -->
<g id="node12" class="node">
<title>common/store/AuthStore.js</title>
<path fill="none" stroke="#ff6c60" d="M260.08,-279.8C260.08,-279.8 95.67,-279.8 95.67,-279.8 91.71,-279.8 87.75,-275.84 87.75,-271.88 87.75,-271.88 87.75,-263.97 87.75,-263.97 87.75,-260.01 91.71,-256.05 95.67,-256.05 95.67,-256.05 260.08,-256.05 260.08,-256.05 264.04,-256.05 268,-260.01 268,-263.97 268,-263.97 268,-271.88 268,-271.88 268,-275.84 264.04,-279.8 260.08,-279.8"/>
<text text-anchor="middle" x="177.88" y="-262.5" font-family="Arial" font-size="14.00" fill="#ff6c60">common/store/AuthStore.js</text>
</g>
<!-- common/store/CurrentQuotaStore.js -->
<g id="node13" class="node">
<title>common/store/CurrentQuotaStore.js</title>
<path fill="none" stroke="#ff6c60" d="M723.83,-285.8C723.83,-285.8 504.67,-285.8 504.67,-285.8 500.71,-285.8 496.75,-281.84 496.75,-277.88 496.75,-277.88 496.75,-269.97 496.75,-269.97 496.75,-266.01 500.71,-262.05 504.67,-262.05 504.67,-262.05 723.83,-262.05 723.83,-262.05 727.79,-262.05 731.75,-266.01 731.75,-269.97 731.75,-269.97 731.75,-277.88 731.75,-277.88 731.75,-281.84 727.79,-285.8 723.83,-285.8"/>
<text text-anchor="middle" x="614.25" y="-268.5" font-family="Arial" font-size="14.00" fill="#ff6c60">common/store/CurrentQuotaStore.js</text>
</g>
<!-- common/store/AuthStore.js&#45;&gt;common/store/CurrentQuotaStore.js -->
<g id="edge13" class="edge">
<title>common/store/AuthStore.js&#45;&gt;common/store/CurrentQuotaStore.js</title>
<path fill="none" stroke="#757575" d="M268.35,-263.58C330.93,-263.14 415.45,-264.1 485.15,-265.94"/>
<polygon fill="#757575" stroke="#757575" points="485.05,-269.44 495.14,-266.21 485.24,-262.44 485.05,-269.44"/>
</g>
<!-- common/store/CurrentTariffStatusStore.js -->
<g id="node14" class="node">
<title>common/store/CurrentTariffStatusStore.js</title>
<path fill="none" stroke="#ff6c60" d="M738.83,-243.8C738.83,-243.8 489.67,-243.8 489.67,-243.8 485.71,-243.8 481.75,-239.84 481.75,-235.88 481.75,-235.88 481.75,-227.97 481.75,-227.97 481.75,-224.01 485.71,-220.05 489.67,-220.05 489.67,-220.05 738.83,-220.05 738.83,-220.05 742.79,-220.05 746.75,-224.01 746.75,-227.97 746.75,-227.97 746.75,-235.88 746.75,-235.88 746.75,-239.84 742.79,-243.8 738.83,-243.8"/>
<text text-anchor="middle" x="614.25" y="-226.5" font-family="Arial" font-size="14.00" fill="#ff6c60">common/store/CurrentTariffStatusStore.js</text>
</g>
<!-- common/store/AuthStore.js&#45;&gt;common/store/CurrentTariffStatusStore.js -->
<g id="edge14" class="edge">
<title>common/store/AuthStore.js&#45;&gt;common/store/CurrentTariffStatusStore.js</title>
<path fill="none" stroke="#757575" d="M262.37,-255.55C321.08,-249.37 401.12,-242.42 469.94,-237.41"/>
<polygon fill="#757575" stroke="#757575" points="470.08,-240.91 479.81,-236.7 469.58,-233.93 470.08,-240.91"/>
</g>
<!-- common/store/CurrentQuotaStore.js&#45;&gt;common/store/AuthStore.js -->
<g id="edge15" class="edge">
<title>common/store/CurrentQuotaStore.js&#45;&gt;common/store/AuthStore.js</title>
<path fill="none" stroke="#757575" d="M496.65,-278.38C428.99,-278.44 344.61,-277.19 279.8,-275.12"/>
<polygon fill="#757575" stroke="#757575" points="279.97,-271.63 269.86,-274.79 279.74,-278.62 279.97,-271.63"/>
</g>
<!-- common/store/CurrentTariffStatusStore.js&#45;&gt;common/store/AuthStore.js -->
<g id="edge16" class="edge">
<title>common/store/CurrentTariffStatusStore.js&#45;&gt;common/store/AuthStore.js</title>
<path fill="none" stroke="#757575" d="M529.78,-244.3C458.49,-251.81 355.73,-260.44 279.82,-265.36"/>
<polygon fill="#757575" stroke="#757575" points="279.62,-261.87 269.86,-266 280.06,-268.86 279.62,-261.87"/>
</g>
<!-- components/ColorTheme/ColorTheme.js -->
<g id="node15" class="node">
<title>components/ColorTheme/ColorTheme.js</title>
<path fill="none" stroke="#ff6c60" d="M300.58,-341.8C300.58,-341.8 55.17,-341.8 55.17,-341.8 51.21,-341.8 47.25,-337.84 47.25,-333.88 47.25,-333.88 47.25,-325.97 47.25,-325.97 47.25,-322.01 51.21,-318.05 55.17,-318.05 55.17,-318.05 300.58,-318.05 300.58,-318.05 304.54,-318.05 308.5,-322.01 308.5,-325.97 308.5,-325.97 308.5,-333.88 308.5,-333.88 308.5,-337.84 304.54,-341.8 300.58,-341.8"/>
<text text-anchor="middle" x="177.88" y="-324.5" font-family="Arial" font-size="14.00" fill="#ff6c60">components/ColorTheme/ColorTheme.js</text>
</g>
<!-- components/ColorTheme/styled/index.js -->
<g id="node16" class="node">
<title>components/ColorTheme/styled/index.js</title>
<path fill="none" stroke="#ff6c60" d="M735.08,-414.8C735.08,-414.8 493.42,-414.8 493.42,-414.8 489.46,-414.8 485.5,-410.84 485.5,-406.88 485.5,-406.88 485.5,-398.97 485.5,-398.97 485.5,-395.01 489.46,-391.05 493.42,-391.05 493.42,-391.05 735.08,-391.05 735.08,-391.05 739.04,-391.05 743,-395.01 743,-398.97 743,-398.97 743,-406.88 743,-406.88 743,-410.84 739.04,-414.8 735.08,-414.8"/>
<text text-anchor="middle" x="614.25" y="-397.5" font-family="Arial" font-size="14.00" fill="#ff6c60">components/ColorTheme/styled/index.js</text>
</g>
<!-- components/ColorTheme/ColorTheme.js&#45;&gt;components/ColorTheme/styled/index.js -->
<g id="edge17" class="edge">
<title>components/ColorTheme/ColorTheme.js&#45;&gt;components/ColorTheme/styled/index.js</title>
<path fill="none" stroke="#757575" d="M252.07,-342.23C328.51,-355.07 448.25,-375.2 528.68,-388.71"/>
<polygon fill="#757575" stroke="#757575" points="527.82,-392.12 538.26,-390.32 528.98,-385.22 527.82,-392.12"/>
</g>
<!-- components/ColorTheme/styled/mainButton.js -->
<g id="node18" class="node">
<title>components/ColorTheme/styled/mainButton.js</title>
<path fill="none" stroke="#ff6c60" d="M1181.96,-456.8C1181.96,-456.8 903.54,-456.8 903.54,-456.8 899.58,-456.8 895.62,-452.84 895.62,-448.88 895.62,-448.88 895.62,-440.97 895.62,-440.97 895.62,-437.01 899.58,-433.05 903.54,-433.05 903.54,-433.05 1181.96,-433.05 1181.96,-433.05 1185.92,-433.05 1189.88,-437.01 1189.88,-440.97 1189.88,-440.97 1189.88,-448.88 1189.88,-448.88 1189.88,-452.84 1185.92,-456.8 1181.96,-456.8"/>
<text text-anchor="middle" x="1042.75" y="-439.5" font-family="Arial" font-size="14.00" fill="#ff6c60">components/ColorTheme/styled/mainButton.js</text>
</g>
<!-- components/ColorTheme/styled/index.js&#45;&gt;components/ColorTheme/styled/mainButton.js -->
<g id="edge19" class="edge">
<title>components/ColorTheme/styled/index.js&#45;&gt;components/ColorTheme/styled/mainButton.js</title>
<path fill="none" stroke="#757575" d="M740.91,-415.3C792.52,-420.38 852.42,-426.28 905.12,-431.47"/>
<polygon fill="#757575" stroke="#757575" points="904.45,-434.92 914.75,-432.42 905.14,-427.96 904.45,-434.92"/>
</g>
<!-- components/ColorTheme/styled/mobileProgressBar.js -->
<g id="node19" class="node">
<title>components/ColorTheme/styled/mobileProgressBar.js</title>
<path fill="none" stroke="#ff6c60" d="M1204.83,-414.8C1204.83,-414.8 880.67,-414.8 880.67,-414.8 876.71,-414.8 872.75,-410.84 872.75,-406.88 872.75,-406.88 872.75,-398.97 872.75,-398.97 872.75,-395.01 876.71,-391.05 880.67,-391.05 880.67,-391.05 1204.83,-391.05 1204.83,-391.05 1208.79,-391.05 1212.75,-395.01 1212.75,-398.97 1212.75,-398.97 1212.75,-406.88 1212.75,-406.88 1212.75,-410.84 1208.79,-414.8 1204.83,-414.8"/>
<text text-anchor="middle" x="1042.75" y="-397.5" font-family="Arial" font-size="14.00" fill="#ff6c60">components/ColorTheme/styled/mobileProgressBar.js</text>
</g>
<!-- components/ColorTheme/styled/index.js&#45;&gt;components/ColorTheme/styled/mobileProgressBar.js -->
<g id="edge20" class="edge">
<title>components/ColorTheme/styled/index.js&#45;&gt;components/ColorTheme/styled/mobileProgressBar.js</title>
<path fill="none" stroke="#757575" d="M743.21,-402.93C780.25,-402.93 821.4,-402.93 861.02,-402.93"/>
<polygon fill="#757575" stroke="#757575" points="860.91,-406.43 870.91,-402.93 860.91,-399.43 860.91,-406.43"/>
</g>
<!-- components/ColorTheme/index.js -->
<g id="node17" class="node">
<title>components/ColorTheme/index.js</title>
<path fill="none" stroke="#ff6c60" d="M2692.58,-376.8C2692.58,-376.8 2489.92,-376.8 2489.92,-376.8 2485.96,-376.8 2482,-372.84 2482,-368.88 2482,-368.88 2482,-360.97 2482,-360.97 2482,-357.01 2485.96,-353.05 2489.92,-353.05 2489.92,-353.05 2692.58,-353.05 2692.58,-353.05 2696.54,-353.05 2700.5,-357.01 2700.5,-360.97 2700.5,-360.97 2700.5,-368.88 2700.5,-368.88 2700.5,-372.84 2696.54,-376.8 2692.58,-376.8"/>
<text text-anchor="middle" x="2591.25" y="-359.5" font-family="Arial" font-size="14.00" fill="#ff6c60">components/ColorTheme/index.js</text>
</g>
<!-- components/ColorTheme/index.js&#45;&gt;components/ColorTheme/ColorTheme.js -->
<g id="edge18" class="edge">
<title>components/ColorTheme/index.js&#45;&gt;components/ColorTheme/ColorTheme.js</title>
<path fill="none" stroke="#757575" d="M2515.55,-352.59C2493.24,-349.3 2468.68,-346.07 2446,-343.93 2252.78,-325.7 2203.82,-324.93 2009.75,-324.93 1041.75,-324.93 1041.75,-324.93 1041.75,-324.93 787.55,-324.93 491.22,-327.12 320.31,-328.6"/>
<polygon fill="#757575" stroke="#757575" points="320.46,-325.1 310.49,-328.69 320.52,-332.1 320.46,-325.1"/>
</g>
<!-- components/main&#45;button/styled&#45;main&#45;button.js -->
<g id="node20" class="node">
<title>components/main&#45;button/styled&#45;main&#45;button.js</title>
<path fill="none" stroke="#ff6c60" d="M1558.33,-456.8C1558.33,-456.8 1279.17,-456.8 1279.17,-456.8 1275.21,-456.8 1271.25,-452.84 1271.25,-448.88 1271.25,-448.88 1271.25,-440.97 1271.25,-440.97 1271.25,-437.01 1275.21,-433.05 1279.17,-433.05 1279.17,-433.05 1558.33,-433.05 1558.33,-433.05 1562.29,-433.05 1566.25,-437.01 1566.25,-440.97 1566.25,-440.97 1566.25,-448.88 1566.25,-448.88 1566.25,-452.84 1562.29,-456.8 1558.33,-456.8"/>
<text text-anchor="middle" x="1418.75" y="-439.5" font-family="Arial" font-size="14.00" fill="#ff6c60">components/main&#45;button/styled&#45;main&#45;button.js</text>
</g>
<!-- components/ColorTheme/styled/mainButton.js&#45;&gt;components/main&#45;button/styled&#45;main&#45;button.js -->
<g id="edge21" class="edge">
<title>components/ColorTheme/styled/mainButton.js&#45;&gt;components/main&#45;button/styled&#45;main&#45;button.js</title>
<path fill="none" stroke="#757575" d="M1190.22,-444.93C1213.01,-444.93 1236.64,-444.93 1259.67,-444.93"/>
<polygon fill="#757575" stroke="#757575" points="1259.41,-448.43 1269.41,-444.93 1259.41,-441.43 1259.41,-448.43"/>
</g>
<!-- components/main&#45;button&#45;mobile/styled&#45;main&#45;button.js -->
<g id="node21" class="node">
<title>components/main&#45;button&#45;mobile/styled&#45;main&#45;button.js</title>
<path fill="none" stroke="#ff6c60" d="M1580.83,-414.8C1580.83,-414.8 1256.67,-414.8 1256.67,-414.8 1252.71,-414.8 1248.75,-410.84 1248.75,-406.88 1248.75,-406.88 1248.75,-398.97 1248.75,-398.97 1248.75,-395.01 1252.71,-391.05 1256.67,-391.05 1256.67,-391.05 1580.83,-391.05 1580.83,-391.05 1584.79,-391.05 1588.75,-395.01 1588.75,-398.97 1588.75,-398.97 1588.75,-406.88 1588.75,-406.88 1588.75,-410.84 1584.79,-414.8 1580.83,-414.8"/>
<text text-anchor="middle" x="1418.75" y="-397.5" font-family="Arial" font-size="14.00" fill="#ff6c60">components/main&#45;button&#45;mobile/styled&#45;main&#45;button.js</text>
</g>
<!-- components/ColorTheme/styled/mobileProgressBar.js&#45;&gt;components/main&#45;button&#45;mobile/styled&#45;main&#45;button.js -->
<g id="edge22" class="edge">
<title>components/ColorTheme/styled/mobileProgressBar.js&#45;&gt;components/main&#45;button&#45;mobile/styled&#45;main&#45;button.js</title>
<path fill="none" stroke="#757575" d="M1213.24,-402.93C1221.19,-402.93 1229.18,-402.93 1237.15,-402.93"/>
<polygon fill="#757575" stroke="#757575" points="1236.9,-406.43 1246.9,-402.93 1236.9,-399.43 1236.9,-406.43"/>
</g>
<!-- components/drop&#45;down/index.js -->
<g id="node24" class="node">
<title>components/drop&#45;down/index.js</title>
<path fill="none" stroke="#ff6c60" d="M1834.96,-456.8C1834.96,-456.8 1643.54,-456.8 1643.54,-456.8 1639.58,-456.8 1635.62,-452.84 1635.62,-448.88 1635.62,-448.88 1635.62,-440.97 1635.62,-440.97 1635.62,-437.01 1639.58,-433.05 1643.54,-433.05 1643.54,-433.05 1834.96,-433.05 1834.96,-433.05 1838.92,-433.05 1842.88,-437.01 1842.88,-440.97 1842.88,-440.97 1842.88,-448.88 1842.88,-448.88 1842.88,-452.84 1838.92,-456.8 1834.96,-456.8"/>
<text text-anchor="middle" x="1739.25" y="-439.5" font-family="Arial" font-size="14.00" fill="#ff6c60">components/drop&#45;down/index.js</text>
</g>
<!-- components/main&#45;button/styled&#45;main&#45;button.js&#45;&gt;components/drop&#45;down/index.js -->
<g id="edge30" class="edge">
<title>components/main&#45;button/styled&#45;main&#45;button.js&#45;&gt;components/drop&#45;down/index.js</title>
<path fill="none" stroke="#757575" d="M1566.41,-444.93C1585.75,-444.93 1605.33,-444.93 1624.01,-444.93"/>
<polygon fill="#757575" stroke="#757575" points="1624.01,-448.43 1634.01,-444.93 1624.01,-441.43 1624.01,-448.43"/>
</g>
<!-- components/drop&#45;down&#45;item/index.js -->
<g id="node22" class="node">
<title>components/drop&#45;down&#45;item/index.js</title>
<path fill="none" stroke="#ff6c60" d="M2119.83,-418.8C2119.83,-418.8 1897.67,-418.8 1897.67,-418.8 1893.71,-418.8 1889.75,-414.84 1889.75,-410.88 1889.75,-410.88 1889.75,-402.97 1889.75,-402.97 1889.75,-399.01 1893.71,-395.05 1897.67,-395.05 1897.67,-395.05 2119.83,-395.05 2119.83,-395.05 2123.79,-395.05 2127.75,-399.01 2127.75,-402.97 2127.75,-402.97 2127.75,-410.88 2127.75,-410.88 2127.75,-414.84 2123.79,-418.8 2119.83,-418.8"/>
<text text-anchor="middle" x="2008.75" y="-401.5" font-family="Arial" font-size="14.00" fill="#ff6c60">components/drop&#45;down&#45;item/index.js</text>
</g>
<!-- components/main&#45;button&#45;mobile/styled&#45;main&#45;button.js&#45;&gt;components/drop&#45;down&#45;item/index.js -->
<g id="edge27" class="edge">
<title>components/main&#45;button&#45;mobile/styled&#45;main&#45;button.js&#45;&gt;components/drop&#45;down&#45;item/index.js</title>
<path fill="none" stroke="#757575" d="M1589.04,-404.08C1681.09,-404.7 1793.16,-405.47 1878.18,-406.05"/>
<polygon fill="#757575" stroke="#757575" points="1877.93,-409.54 1887.96,-406.11 1877.98,-402.54 1877.93,-409.54"/>
</g>
<!-- components/main&#45;button&#45;mobile/styled&#45;main&#45;button.js&#45;&gt;components/drop&#45;down/index.js -->
<g id="edge28" class="edge">
<title>components/main&#45;button&#45;mobile/styled&#45;main&#45;button.js&#45;&gt;components/drop&#45;down/index.js</title>
<path fill="none" stroke="#757575" d="M1521.21,-415.27C1543.47,-418.05 1566.91,-421.04 1588.75,-423.93 1605.59,-426.16 1623.48,-428.6 1640.82,-431.01"/>
<polygon fill="#757575" stroke="#757575" points="1640.22,-434.46 1650.61,-432.38 1641.19,-427.53 1640.22,-434.46"/>
</g>
<!-- components/floating&#45;button/index.js -->
<g id="node26" class="node">
<title>components/floating&#45;button/index.js</title>
<path fill="none" stroke="#ff6c60" d="M1845.83,-376.8C1845.83,-376.8 1632.67,-376.8 1632.67,-376.8 1628.71,-376.8 1624.75,-372.84 1624.75,-368.88 1624.75,-368.88 1624.75,-360.97 1624.75,-360.97 1624.75,-357.01 1628.71,-353.05 1632.67,-353.05 1632.67,-353.05 1845.83,-353.05 1845.83,-353.05 1849.79,-353.05 1853.75,-357.01 1853.75,-360.97 1853.75,-360.97 1853.75,-368.88 1853.75,-368.88 1853.75,-372.84 1849.79,-376.8 1845.83,-376.8"/>
<text text-anchor="middle" x="1739.25" y="-359.5" font-family="Arial" font-size="14.00" fill="#ff6c60">components/floating&#45;button/index.js</text>
</g>
<!-- components/main&#45;button&#45;mobile/styled&#45;main&#45;button.js&#45;&gt;components/floating&#45;button/index.js -->
<g id="edge29" class="edge">
<title>components/main&#45;button&#45;mobile/styled&#45;main&#45;button.js&#45;&gt;components/floating&#45;button/index.js</title>
<path fill="none" stroke="#757575" d="M1523.16,-390.59C1555.23,-386.76 1590.75,-382.52 1623.54,-378.61"/>
<polygon fill="#757575" stroke="#757575" points="1623.53,-382.14 1633.04,-377.48 1622.7,-375.19 1623.53,-382.14"/>
</g>
<!-- components/toggle&#45;button/index.js -->
<g id="node23" class="node">
<title>components/toggle&#45;button/index.js</title>
<path fill="none" stroke="#ff6c60" d="M2408.08,-418.8C2408.08,-418.8 2201.67,-418.8 2201.67,-418.8 2197.71,-418.8 2193.75,-414.84 2193.75,-410.88 2193.75,-410.88 2193.75,-402.97 2193.75,-402.97 2193.75,-399.01 2197.71,-395.05 2201.67,-395.05 2201.67,-395.05 2408.08,-395.05 2408.08,-395.05 2412.04,-395.05 2416,-399.01 2416,-402.97 2416,-402.97 2416,-410.88 2416,-410.88 2416,-414.84 2412.04,-418.8 2408.08,-418.8"/>
<text text-anchor="middle" x="2304.88" y="-401.5" font-family="Arial" font-size="14.00" fill="#ff6c60">components/toggle&#45;button/index.js</text>
</g>
<!-- components/drop&#45;down&#45;item/index.js&#45;&gt;components/toggle&#45;button/index.js -->
<g id="edge23" class="edge">
<title>components/drop&#45;down&#45;item/index.js&#45;&gt;components/toggle&#45;button/index.js</title>
<path fill="none" stroke="#757575" d="M2128.11,-406.93C2145.87,-406.93 2164.22,-406.93 2182.05,-406.93"/>
<polygon fill="#757575" stroke="#757575" points="2181.86,-410.43 2191.86,-406.93 2181.86,-403.43 2181.86,-410.43"/>
</g>
<!-- components/toggle&#45;button/index.js&#45;&gt;components/ColorTheme/index.js -->
<g id="edge31" class="edge">
<title>components/toggle&#45;button/index.js&#45;&gt;components/ColorTheme/index.js</title>
<path fill="none" stroke="#757575" d="M2389.66,-394.55C2422.92,-389.64 2461.35,-383.96 2495.61,-378.9"/>
<polygon fill="#757575" stroke="#757575" points="2495.7,-382.43 2505.08,-377.51 2494.67,-375.5 2495.7,-382.43"/>
</g>
<!-- components/drop&#45;down/index.js&#45;&gt;components/drop&#45;down&#45;item/index.js -->
<g id="edge24" class="edge">
<title>components/drop&#45;down/index.js&#45;&gt;components/drop&#45;down&#45;item/index.js</title>
<path fill="none" stroke="#757575" d="M1827.1,-432.59C1853.51,-428.84 1882.72,-424.69 1909.81,-420.84"/>
<polygon fill="#757575" stroke="#757575" points="1909.97,-424.35 1919.38,-419.48 1908.99,-417.42 1909.97,-424.35"/>
</g>
<!-- components/floating&#45;button/floating&#45;button.js -->
<g id="node25" class="node">
<title>components/floating&#45;button/floating&#45;button.js</title>
<path fill="none" stroke="#ff6c60" d="M2438.08,-376.8C2438.08,-376.8 2171.67,-376.8 2171.67,-376.8 2167.71,-376.8 2163.75,-372.84 2163.75,-368.88 2163.75,-368.88 2163.75,-360.97 2163.75,-360.97 2163.75,-357.01 2167.71,-353.05 2171.67,-353.05 2171.67,-353.05 2438.08,-353.05 2438.08,-353.05 2442.04,-353.05 2446,-357.01 2446,-360.97 2446,-360.97 2446,-368.88 2446,-368.88 2446,-372.84 2442.04,-376.8 2438.08,-376.8"/>
<text text-anchor="middle" x="2304.88" y="-359.5" font-family="Arial" font-size="14.00" fill="#ff6c60">components/floating&#45;button/floating&#45;button.js</text>
</g>
<!-- components/floating&#45;button/floating&#45;button.js&#45;&gt;components/ColorTheme/index.js -->
<g id="edge25" class="edge">
<title>components/floating&#45;button/floating&#45;button.js&#45;&gt;components/ColorTheme/index.js</title>
<path fill="none" stroke="#757575" d="M2446.4,-364.93C2454.39,-364.93 2462.39,-364.93 2470.29,-364.93"/>
<polygon fill="#757575" stroke="#757575" points="2470.28,-368.43 2480.28,-364.93 2470.28,-361.43 2470.28,-368.43"/>
</g>
<!-- components/floating&#45;button/index.js&#45;&gt;components/floating&#45;button/floating&#45;button.js -->
<g id="edge26" class="edge">
<title>components/floating&#45;button/index.js&#45;&gt;components/floating&#45;button/floating&#45;button.js</title>
<path fill="none" stroke="#757575" d="M1853.97,-364.93C1939.72,-364.93 2058.19,-364.93 2152.03,-364.93"/>
<polygon fill="#757575" stroke="#757575" points="2151.84,-368.43 2161.84,-364.93 2151.84,-361.43 2151.84,-368.43"/>
</g>
</g>
</svg>