dependencygraph.svg

<?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 2.43.0 (0)
 -->
<!-- Title: dependency&#45;cruiser output Pages: 1 -->
<svg width="565pt" height="338pt"
 viewBox="0.00 0.00 564.99 337.78" 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(4 333.78)">
<title>dependency&#45;cruiser output</title>
<polygon fill="white" stroke="transparent" points="-4,4 -4,-333.78 560.99,-333.78 560.99,4 -4,4"/>
<g id="clust1" class="cluster">
<title>cluster_src</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M20,-18.78C20,-18.78 536.99,-18.78 536.99,-18.78 542.99,-18.78 548.99,-24.78 548.99,-30.78 548.99,-30.78 548.99,-309.78 548.99,-309.78 548.99,-315.78 542.99,-321.78 536.99,-321.78 536.99,-321.78 20,-321.78 20,-321.78 14,-321.78 8,-315.78 8,-309.78 8,-309.78 8,-30.78 8,-30.78 8,-24.78 14,-18.78 20,-18.78"/>
<text text-anchor="middle" x="278.5" y="-310.58" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">src</text>
</g>
<g id="clust2" class="cluster">
<title>cluster_src/components</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M161.02,-187.78C161.02,-187.78 466.99,-187.78 466.99,-187.78 472.99,-187.78 478.99,-193.78 478.99,-199.78 478.99,-199.78 478.99,-284.78 478.99,-284.78 478.99,-290.78 472.99,-296.78 466.99,-296.78 466.99,-296.78 161.02,-296.78 161.02,-296.78 155.02,-296.78 149.02,-290.78 149.02,-284.78 149.02,-284.78 149.02,-199.78 149.02,-199.78 149.02,-193.78 155.02,-187.78 161.02,-187.78"/>
<text text-anchor="middle" x="314.01" y="-285.58" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">components</text>
</g>
<g id="clust3" class="cluster">
<title>cluster_src/helpers</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M267.4,-50.78C267.4,-50.78 348.45,-50.78 348.45,-50.78 354.45,-50.78 360.45,-56.78 360.45,-62.78 360.45,-62.78 360.45,-147.78 360.45,-147.78 360.45,-153.78 354.45,-159.78 348.45,-159.78 348.45,-159.78 267.4,-159.78 267.4,-159.78 261.4,-159.78 255.4,-153.78 255.4,-147.78 255.4,-147.78 255.4,-62.78 255.4,-62.78 255.4,-56.78 261.4,-50.78 267.4,-50.78"/>
<text text-anchor="middle" x="307.92" y="-148.58" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">helpers</text>
</g>
<!-- src/App.css -->
<g id="node1" class="node">
<title>src/App.css</title>
<g id="a_node1"><a xlink:href="src/App.css" xlink:title="App.css">
<path fill="#ffffcc" stroke="black" d="M535.33,-202.28C535.33,-202.28 492.66,-202.28 492.66,-202.28 489.83,-202.28 486.99,-199.45 486.99,-196.61 486.99,-196.61 486.99,-190.95 486.99,-190.95 486.99,-188.11 489.83,-185.28 492.66,-185.28 492.66,-185.28 535.33,-185.28 535.33,-185.28 538.16,-185.28 540.99,-188.11 540.99,-190.95 540.99,-190.95 540.99,-196.61 540.99,-196.61 540.99,-199.45 538.16,-202.28 535.33,-202.28"/>
<text text-anchor="middle" x="513.99" y="-191.08" font-family="Helvetica,sans-Serif" font-size="9.00">App.css</text>
</a>
</g>
</g>
<!-- src/App.js -->
<g id="node2" class="node">
<title>src/App.js</title>
<g id="a_node2"><a xlink:href="src/App.js" xlink:title="App.js">
<path fill="#ffffcc" stroke="black" d="M135.35,-227.28C135.35,-227.28 92.69,-227.28 92.69,-227.28 89.85,-227.28 87.02,-224.45 87.02,-221.61 87.02,-221.61 87.02,-215.95 87.02,-215.95 87.02,-213.11 89.85,-210.28 92.69,-210.28 92.69,-210.28 135.35,-210.28 135.35,-210.28 138.19,-210.28 141.02,-213.11 141.02,-215.95 141.02,-215.95 141.02,-221.61 141.02,-221.61 141.02,-224.45 138.19,-227.28 135.35,-227.28"/>
<text text-anchor="middle" x="114.02" y="-216.08" font-family="Helvetica,sans-Serif" font-size="9.00">App.js</text>
</a>
</g>
</g>
<!-- src/App.js&#45;&gt;src/App.css -->
<g id="edge1" class="edge">
<title>src/App.js&#45;&gt;src/App.css</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M118.16,-209.97C129.83,-178.82 173.97,-73.6 250.9,-34.78 341.65,11.02 404.05,16.91 478.99,-51.78 497.66,-68.89 507.9,-145.78 511.49,-178.72"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="509.44,-179.3 512.16,-185.05 513.62,-178.86 509.44,-179.3"/>
</g>
<!-- src/components/ControlPanel.js -->
<g id="node3" class="node">
<title>src/components/ControlPanel.js</title>
<g id="a_node3"><a xlink:href="src/components/ControlPanel.js" xlink:title="ControlPanel.js">
<path fill="#ffffcc" stroke="black" d="M230.32,-213.28C230.32,-213.28 164.59,-213.28 164.59,-213.28 161.76,-213.28 158.93,-210.45 158.93,-207.61 158.93,-207.61 158.93,-201.95 158.93,-201.95 158.93,-199.11 161.76,-196.28 164.59,-196.28 164.59,-196.28 230.32,-196.28 230.32,-196.28 233.16,-196.28 235.99,-199.11 235.99,-201.95 235.99,-201.95 235.99,-207.61 235.99,-207.61 235.99,-210.45 233.16,-213.28 230.32,-213.28"/>
<text text-anchor="middle" x="197.46" y="-202.08" font-family="Helvetica,sans-Serif" font-size="9.00">ControlPanel.js</text>
</a>
</g>
</g>
<!-- src/App.js&#45;&gt;src/components/ControlPanel.js -->
<g id="edge2" class="edge">
<title>src/App.js&#45;&gt;src/components/ControlPanel.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M141.24,-214.27C144.9,-213.64 148.74,-212.98 152.62,-212.32"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="153.17,-214.35 158.73,-211.27 152.46,-210.21 153.17,-214.35"/>
</g>
<!-- src/components/IdeasWrapper.js -->
<g id="node4" class="node">
<title>src/components/IdeasWrapper.js</title>
<g id="a_node4"><a xlink:href="src/components/IdeasWrapper.js" xlink:title="IdeasWrapper.js">
<path fill="#ffffcc" stroke="black" d="M232.17,-242.28C232.17,-242.28 162.75,-242.28 162.75,-242.28 159.92,-242.28 157.08,-239.45 157.08,-236.61 157.08,-236.61 157.08,-230.95 157.08,-230.95 157.08,-228.11 159.92,-225.28 162.75,-225.28 162.75,-225.28 232.17,-225.28 232.17,-225.28 235,-225.28 237.84,-228.11 237.84,-230.95 237.84,-230.95 237.84,-236.61 237.84,-236.61 237.84,-239.45 235,-242.28 232.17,-242.28"/>
<text text-anchor="middle" x="197.46" y="-231.08" font-family="Helvetica,sans-Serif" font-size="9.00">IdeasWrapper.js</text>
</a>
</g>
</g>
<!-- src/App.js&#45;&gt;src/components/IdeasWrapper.js -->
<g id="edge3" class="edge">
<title>src/App.js&#45;&gt;src/components/IdeasWrapper.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M141.24,-223.61C144.37,-224.19 147.65,-224.79 150.96,-225.4"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="150.67,-227.48 156.95,-226.5 151.43,-223.35 150.67,-227.48"/>
</g>
<!-- src/components/TourButton.js -->
<g id="node5" class="node">
<title>src/components/TourButton.js</title>
<g id="a_node5"><a xlink:href="src/components/TourButton.js" xlink:title="TourButton.js">
<path fill="#ffffcc" stroke="black" d="M225.82,-271.28C225.82,-271.28 169.1,-271.28 169.1,-271.28 166.26,-271.28 163.43,-268.45 163.43,-265.61 163.43,-265.61 163.43,-259.95 163.43,-259.95 163.43,-257.11 166.26,-254.28 169.1,-254.28 169.1,-254.28 225.82,-254.28 225.82,-254.28 228.65,-254.28 231.49,-257.11 231.49,-259.95 231.49,-259.95 231.49,-265.61 231.49,-265.61 231.49,-268.45 228.65,-271.28 225.82,-271.28"/>
<text text-anchor="middle" x="197.46" y="-260.08" font-family="Helvetica,sans-Serif" font-size="9.00">TourButton.js</text>
</a>
</g>
</g>
<!-- src/App.js&#45;&gt;src/components/TourButton.js -->
<g id="edge4" class="edge">
<title>src/App.js&#45;&gt;src/components/TourButton.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M133.05,-227.39C135.92,-229.25 138.7,-231.38 141.02,-233.78 146.27,-239.21 143.16,-244.01 149.02,-248.78 151.6,-250.88 154.48,-252.67 157.52,-254.19"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="156.79,-256.16 163.13,-256.64 158.48,-252.31 156.79,-256.16"/>
</g>
<!-- src/components/ControlPanel.js&#45;&gt;src/App.css -->
<g id="edge7" class="edge">
<title>src/components/ControlPanel.js&#45;&gt;src/App.css</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M234.58,-196.09C235.79,-195.1 236.9,-194 237.9,-192.78 258.3,-167.67 227.02,-69.61 250.9,-47.78 269.6,-30.68 341.5,-38.16 364.95,-47.78 431.92,-75.25 484.8,-149.26 504.58,-180.05"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="502.91,-181.33 507.89,-185.28 506.46,-179.08 502.91,-181.33"/>
</g>
<!-- src/helpers/expandTextarea.js -->
<g id="node8" class="node">
<title>src/helpers/expandTextarea.js</title>
<g id="a_node8"><a xlink:href="src/helpers/expandTextarea.js" xlink:title="expandTextarea.js">
<path fill="#ffffcc" stroke="black" d="M346.8,-105.28C346.8,-105.28 269.04,-105.28 269.04,-105.28 266.21,-105.28 263.38,-102.45 263.38,-99.61 263.38,-99.61 263.38,-93.95 263.38,-93.95 263.38,-91.11 266.21,-88.28 269.04,-88.28 269.04,-88.28 346.8,-88.28 346.8,-88.28 349.63,-88.28 352.47,-91.11 352.47,-93.95 352.47,-93.95 352.47,-99.61 352.47,-99.61 352.47,-102.45 349.63,-105.28 346.8,-105.28"/>
<text text-anchor="middle" x="307.92" y="-94.08" font-family="Helvetica,sans-Serif" font-size="9.00">expandTextarea.js</text>
</a>
</g>
</g>
<!-- src/components/ControlPanel.js&#45;&gt;src/helpers/expandTextarea.js -->
<g id="edge8" class="edge">
<title>src/components/ControlPanel.js&#45;&gt;src/helpers/expandTextarea.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M234.14,-196.27C235.5,-195.23 236.77,-194.07 237.9,-192.78 261.86,-165.3 226.47,-138.85 250.9,-111.78 252.94,-109.52 255.28,-107.58 257.83,-105.92"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="259.06,-107.64 263.3,-102.9 257.03,-103.96 259.06,-107.64"/>
</g>
<!-- src/helpers/useRedux.js -->
<g id="node9" class="node">
<title>src/helpers/useRedux.js</title>
<g id="a_node9"><a xlink:href="src/helpers/useRedux.js" xlink:title="useRedux.js">
<path fill="#ffffcc" stroke="black" d="M334.78,-76.28C334.78,-76.28 281.06,-76.28 281.06,-76.28 278.23,-76.28 275.39,-73.45 275.39,-70.61 275.39,-70.61 275.39,-64.95 275.39,-64.95 275.39,-62.11 278.23,-59.28 281.06,-59.28 281.06,-59.28 334.78,-59.28 334.78,-59.28 337.62,-59.28 340.45,-62.11 340.45,-64.95 340.45,-64.95 340.45,-70.61 340.45,-70.61 340.45,-73.45 337.62,-76.28 334.78,-76.28"/>
<text text-anchor="middle" x="307.92" y="-65.08" font-family="Helvetica,sans-Serif" font-size="9.00">useRedux.js</text>
</a>
</g>
</g>
<!-- src/components/ControlPanel.js&#45;&gt;src/helpers/useRedux.js -->
<g id="edge9" class="edge">
<title>src/components/ControlPanel.js&#45;&gt;src/helpers/useRedux.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M234.54,-196.06C235.76,-195.08 236.89,-193.99 237.9,-192.78 269.48,-155.02 218.68,-120 250.9,-82.78 255.68,-77.25 262.27,-73.65 269.24,-71.33"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="269.95,-73.31 275.16,-69.67 268.82,-69.27 269.95,-73.31"/>
</g>
<!-- src/components/Preview.js -->
<g id="node10" class="node">
<title>src/components/Preview.js</title>
<g id="a_node10"><a xlink:href="src/components/Preview.js" xlink:title="Preview.js">
<path fill="#ffffcc" stroke="black" d="M330.28,-242.28C330.28,-242.28 285.57,-242.28 285.57,-242.28 282.74,-242.28 279.9,-239.45 279.9,-236.61 279.9,-236.61 279.9,-230.95 279.9,-230.95 279.9,-228.11 282.74,-225.28 285.57,-225.28 285.57,-225.28 330.28,-225.28 330.28,-225.28 333.11,-225.28 335.94,-228.11 335.94,-230.95 335.94,-230.95 335.94,-236.61 335.94,-236.61 335.94,-239.45 333.11,-242.28 330.28,-242.28"/>
<text text-anchor="middle" x="307.92" y="-231.08" font-family="Helvetica,sans-Serif" font-size="9.00">Preview.js</text>
</a>
</g>
</g>
<!-- src/components/ControlPanel.js&#45;&gt;src/components/Preview.js -->
<g id="edge10" class="edge">
<title>src/components/ControlPanel.js&#45;&gt;src/components/Preview.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M227.53,-213.29C235.12,-215.45 243.31,-217.75 250.9,-219.78 258.24,-221.75 266.14,-223.77 273.63,-225.66"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="273.47,-227.78 279.8,-227.2 274.49,-223.71 273.47,-227.78"/>
</g>
<!-- src/components/ShortcutButtonsGroup.js -->
<g id="node11" class="node">
<title>src/components/ShortcutButtonsGroup.js</title>
<g id="a_node11"><a xlink:href="src/components/ShortcutButtonsGroup.js" xlink:title="ShortcutButtonsGroup.js">
<path fill="#ffffcc" stroke="black" d="M359.31,-213.28C359.31,-213.28 256.54,-213.28 256.54,-213.28 253.7,-213.28 250.87,-210.45 250.87,-207.61 250.87,-207.61 250.87,-201.95 250.87,-201.95 250.87,-199.11 253.7,-196.28 256.54,-196.28 256.54,-196.28 359.31,-196.28 359.31,-196.28 362.14,-196.28 364.97,-199.11 364.97,-201.95 364.97,-201.95 364.97,-207.61 364.97,-207.61 364.97,-210.45 362.14,-213.28 359.31,-213.28"/>
<text text-anchor="middle" x="307.92" y="-202.08" font-family="Helvetica,sans-Serif" font-size="9.00">ShortcutButtonsGroup.js</text>
</a>
</g>
</g>
<!-- src/components/ControlPanel.js&#45;&gt;src/components/ShortcutButtonsGroup.js -->
<g id="edge11" class="edge">
<title>src/components/ControlPanel.js&#45;&gt;src/components/ShortcutButtonsGroup.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M236.09,-204.78C238.92,-204.78 241.82,-204.78 244.76,-204.78"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="244.81,-206.88 250.81,-204.78 244.81,-202.68 244.81,-206.88"/>
</g>
<!-- src/components/IdeasWrapper.js&#45;&gt;src/App.css -->
<g id="edge14" class="edge">
<title>src/components/IdeasWrapper.js&#45;&gt;src/App.css</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M231,-225.16C233.53,-223.65 235.88,-221.87 237.9,-219.78 251.18,-206.03 235.47,-190.07 250.9,-178.78 291.8,-148.84 429.39,-168.33 478.99,-178.78 483.15,-179.66 487.42,-181.07 491.46,-182.7"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="490.86,-184.72 497.2,-185.18 492.53,-180.87 490.86,-184.72"/>
</g>
<!-- src/components/IdeasWrapper.js&#45;&gt;src/helpers/expandTextarea.js -->
<g id="edge15" class="edge">
<title>src/components/IdeasWrapper.js&#45;&gt;src/helpers/expandTextarea.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M232.16,-225.06C234.31,-223.57 236.26,-221.82 237.9,-219.78 268.1,-182.03 219.22,-148.3 250.9,-111.78 252.89,-109.48 255.2,-107.51 257.72,-105.83"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="258.96,-107.54 263.15,-102.77 256.9,-103.88 258.96,-107.54"/>
</g>
<!-- src/components/IdeasWrapper.js&#45;&gt;src/helpers/useRedux.js -->
<g id="edge16" class="edge">
<title>src/components/IdeasWrapper.js&#45;&gt;src/helpers/useRedux.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M232.21,-225.1C234.35,-223.6 236.29,-221.84 237.9,-219.78 256.7,-195.66 231.15,-106.13 250.9,-82.78 255.67,-77.13 262.32,-73.49 269.37,-71.17"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="270.13,-73.14 275.35,-69.51 269.01,-69.09 270.13,-73.14"/>
</g>
<!-- src/components/Idea.js -->
<g id="node12" class="node">
<title>src/components/Idea.js</title>
<g id="a_node12"><a xlink:href="src/components/Idea.js" xlink:title="Idea.js">
<path fill="#ffffcc" stroke="black" d="M329.26,-271.28C329.26,-271.28 286.59,-271.28 286.59,-271.28 283.76,-271.28 280.92,-268.45 280.92,-265.61 280.92,-265.61 280.92,-259.95 280.92,-259.95 280.92,-257.11 283.76,-254.28 286.59,-254.28 286.59,-254.28 329.26,-254.28 329.26,-254.28 332.09,-254.28 334.92,-257.11 334.92,-259.95 334.92,-259.95 334.92,-265.61 334.92,-265.61 334.92,-268.45 332.09,-271.28 329.26,-271.28"/>
<text text-anchor="middle" x="307.92" y="-260.08" font-family="Helvetica,sans-Serif" font-size="9.00">Idea.js</text>
</a>
</g>
</g>
<!-- src/components/IdeasWrapper.js&#45;&gt;src/components/Idea.js -->
<g id="edge17" class="edge">
<title>src/components/IdeasWrapper.js&#45;&gt;src/components/Idea.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M227.53,-242.29C235.12,-244.45 243.31,-246.75 250.9,-248.78 258.61,-250.85 266.96,-252.98 274.78,-254.95"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="274.32,-257 280.65,-256.41 275.34,-252.92 274.32,-257"/>
</g>
<!-- src/components/TourButton.js&#45;&gt;src/App.css -->
<g id="edge20" class="edge">
<title>src/components/TourButton.js&#45;&gt;src/App.css</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M231.56,-254.11C233.91,-252.61 236.07,-250.85 237.9,-248.78 255.42,-229.01 230.28,-207.29 250.9,-190.78 285.41,-163.14 418.55,-179.19 480.7,-188.53"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="480.59,-190.64 486.84,-189.47 481.23,-186.49 480.59,-190.64"/>
</g>
<!-- src/helpers/tour.js -->
<g id="node13" class="node">
<title>src/helpers/tour.js</title>
<g id="a_node13"><a xlink:href="src/helpers/tour.js" xlink:title="tour.js">
<path fill="#ffffcc" stroke="black" d="M329.26,-134.28C329.26,-134.28 286.59,-134.28 286.59,-134.28 283.76,-134.28 280.92,-131.45 280.92,-128.61 280.92,-128.61 280.92,-122.95 280.92,-122.95 280.92,-120.11 283.76,-117.28 286.59,-117.28 286.59,-117.28 329.26,-117.28 329.26,-117.28 332.09,-117.28 334.92,-120.11 334.92,-122.95 334.92,-122.95 334.92,-128.61 334.92,-128.61 334.92,-131.45 332.09,-134.28 329.26,-134.28"/>
<text text-anchor="middle" x="307.92" y="-123.08" font-family="Helvetica,sans-Serif" font-size="9.00">tour.js</text>
</a>
</g>
</g>
<!-- src/components/TourButton.js&#45;&gt;src/helpers/tour.js -->
<g id="edge21" class="edge">
<title>src/components/TourButton.js&#45;&gt;src/helpers/tour.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M231.8,-254.31C234.09,-252.76 236.17,-250.94 237.9,-248.78 268.61,-210.31 218.06,-175.46 250.9,-138.78 256.96,-132.01 265.79,-128.41 274.66,-126.58"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="275.18,-128.62 280.77,-125.58 274.51,-124.48 275.18,-128.62"/>
</g>
<!-- src/App.test.js -->
<g id="node6" class="node">
<title>src/App.test.js</title>
<g id="a_node6"><a xlink:href="src/App.test.js" xlink:title="App.test.js">
<path fill="#ffffcc" stroke="black" d="M68.36,-227.28C68.36,-227.28 21.66,-227.28 21.66,-227.28 18.82,-227.28 15.99,-224.45 15.99,-221.61 15.99,-221.61 15.99,-215.95 15.99,-215.95 15.99,-213.11 18.82,-210.28 21.66,-210.28 21.66,-210.28 68.36,-210.28 68.36,-210.28 71.2,-210.28 74.03,-213.11 74.03,-215.95 74.03,-215.95 74.03,-221.61 74.03,-221.61 74.03,-224.45 71.2,-227.28 68.36,-227.28"/>
<text text-anchor="middle" x="45.01" y="-216.08" font-family="Helvetica,sans-Serif" font-size="9.00">App.test.js</text>
</a>
</g>
</g>
<!-- src/App.test.js&#45;&gt;src/App.js -->
<g id="edge5" class="edge">
<title>src/App.test.js&#45;&gt;src/App.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M74.04,-218.78C76.12,-218.78 78.23,-218.78 80.33,-218.78"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="80.6,-220.88 86.6,-218.78 80.6,-216.68 80.6,-220.88"/>
</g>
<!-- src/components/CollapsingButton.js -->
<g id="node7" class="node">
<title>src/components/CollapsingButton.js</title>
<g id="a_node7"><a xlink:href="src/components/CollapsingButton.js" xlink:title="CollapsingButton.js">
<path fill="#ffffcc" stroke="black" d="M465.35,-213.28C465.35,-213.28 383.59,-213.28 383.59,-213.28 380.76,-213.28 377.93,-210.45 377.93,-207.61 377.93,-207.61 377.93,-201.95 377.93,-201.95 377.93,-199.11 380.76,-196.28 383.59,-196.28 383.59,-196.28 465.35,-196.28 465.35,-196.28 468.18,-196.28 471.02,-199.11 471.02,-201.95 471.02,-201.95 471.02,-207.61 471.02,-207.61 471.02,-210.45 468.18,-213.28 465.35,-213.28"/>
<text text-anchor="middle" x="424.47" y="-202.08" font-family="Helvetica,sans-Serif" font-size="9.00">CollapsingButton.js</text>
</a>
</g>
</g>
<!-- src/components/CollapsingButton.js&#45;&gt;src/App.css -->
<g id="edge6" class="edge">
<title>src/components/CollapsingButton.js&#45;&gt;src/App.css</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M471.03,-199.05C474.18,-198.66 477.33,-198.26 480.39,-197.88"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="480.86,-199.93 486.55,-197.1 480.34,-195.77 480.86,-199.93"/>
</g>
<!-- src/components/Preview.js&#45;&gt;src/App.css -->
<g id="edge18" class="edge">
<title>src/components/Preview.js&#45;&gt;src/App.css</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M336.15,-238.41C370.87,-243.06 432.02,-246.96 478.99,-226.78 488.7,-222.61 497.22,-214.32 503.3,-207.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="505.01,-208.33 507.11,-202.33 501.72,-205.71 505.01,-208.33"/>
</g>
<!-- src/components/ShortcutButtonsGroup.js&#45;&gt;src/App.css -->
<g id="edge19" class="edge">
<title>src/components/ShortcutButtonsGroup.js&#45;&gt;src/App.css</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M341.34,-213.32C352.82,-215.95 365.88,-218.48 377.95,-219.78 422.6,-224.58 436.46,-234.18 478.99,-219.78 486.91,-217.1 494.44,-211.75 500.38,-206.6"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="501.98,-207.99 504.98,-202.38 499.14,-204.89 501.98,-207.99"/>
</g>
<!-- src/components/Idea.js&#45;&gt;src/App.css -->
<g id="edge12" class="edge">
<title>src/components/Idea.js&#45;&gt;src/App.css</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M335.09,-264.75C370.27,-266.18 433.66,-264.31 478.99,-237.78 490.83,-230.85 500.01,-218.06 505.82,-208.04"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="507.8,-208.8 508.86,-202.53 504.12,-206.78 507.8,-208.8"/>
</g>
<!-- src/components/Idea.js&#45;&gt;src/components/CollapsingButton.js -->
<g id="edge13" class="edge">
<title>src/components/Idea.js&#45;&gt;src/components/CollapsingButton.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M334.92,-261.27C345.27,-259.49 356.66,-255.9 364.95,-248.78 376.28,-239.05 366.77,-227.7 377.95,-217.78 378.29,-217.47 378.65,-217.17 379,-216.88"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="380.23,-218.59 383.99,-213.46 377.85,-215.12 380.23,-218.59"/>
</g>
<!-- src/index.css -->
<g id="node14" class="node">
<title>src/index.css</title>
<g id="a_node14"><a xlink:href="src/index.css" xlink:title="index.css">
<path fill="#ffffcc" stroke="black" d="M135.35,-256.28C135.35,-256.28 92.69,-256.28 92.69,-256.28 89.85,-256.28 87.02,-253.45 87.02,-250.61 87.02,-250.61 87.02,-244.95 87.02,-244.95 87.02,-242.11 89.85,-239.28 92.69,-239.28 92.69,-239.28 135.35,-239.28 135.35,-239.28 138.19,-239.28 141.02,-242.11 141.02,-244.95 141.02,-244.95 141.02,-250.61 141.02,-250.61 141.02,-253.45 138.19,-256.28 135.35,-256.28"/>
<text text-anchor="middle" x="114.02" y="-245.08" font-family="Helvetica,sans-Serif" font-size="9.00">index.css</text>
</a>
</g>
</g>
<!-- src/index.js -->
<g id="node15" class="node">
<title>src/index.js</title>
<g id="a_node15"><a xlink:href="src/index.js" xlink:title="index.js">
<path fill="#ffffcc" stroke="black" d="M66.34,-256.28C66.34,-256.28 23.68,-256.28 23.68,-256.28 20.84,-256.28 18.01,-253.45 18.01,-250.61 18.01,-250.61 18.01,-244.95 18.01,-244.95 18.01,-242.11 20.84,-239.28 23.68,-239.28 23.68,-239.28 66.34,-239.28 66.34,-239.28 69.18,-239.28 72.01,-242.11 72.01,-244.95 72.01,-244.95 72.01,-250.61 72.01,-250.61 72.01,-253.45 69.18,-256.28 66.34,-256.28"/>
<text text-anchor="middle" x="45.01" y="-245.08" font-family="Helvetica,sans-Serif" font-size="9.00">index.js</text>
</a>
</g>
</g>
<!-- src/index.js&#45;&gt;src/App.js -->
<g id="edge22" class="edge">
<title>src/index.js&#45;&gt;src/App.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M65.75,-239.24C72.51,-236.31 80.17,-233 87.33,-229.9"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="88.51,-231.67 93.19,-227.36 86.85,-227.82 88.51,-231.67"/>
</g>
<!-- src/index.js&#45;&gt;src/index.css -->
<g id="edge23" class="edge">
<title>src/index.js&#45;&gt;src/index.css</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M72.11,-247.78C74.84,-247.78 77.64,-247.78 80.43,-247.78"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="80.88,-249.88 86.88,-247.78 80.88,-245.68 80.88,-249.88"/>
</g>
</g>
</svg>