@cdc/core 1.1.3 → 9.22.9
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.
- package/assets/filtered-text.svg +1 -0
- package/assets/icon-caret-down.svg +3 -0
- package/assets/icon-caret-filled-down.svg +3 -0
- package/assets/icon-caret-filled-up.svg +3 -0
- package/assets/icon-caret-up.svg +3 -0
- package/assets/icon-chart-bar-paired.svg +15 -0
- package/assets/icon-chart-bar-stacked.svg +10 -0
- package/assets/icon-chart-bar.svg +3 -0
- package/assets/icon-chart-line.svg +3 -0
- package/assets/icon-chart-pie.svg +3 -0
- package/assets/icon-check.svg +3 -0
- package/assets/icon-close.svg +3 -1
- package/assets/icon-code.svg +2 -2
- package/assets/icon-dashboard.svg +34 -0
- package/assets/icon-databite.svg +3 -0
- package/assets/icon-edit.svg +3 -0
- package/assets/icon-file-upload.svg +3 -0
- package/assets/icon-filter-bars.svg +5 -0
- package/assets/icon-gear.svg +6 -0
- package/assets/icon-grid.svg +2 -3
- package/assets/icon-info.svg +1 -1
- package/assets/icon-link.svg +3 -0
- package/assets/{alabama-graphic.svg → icon-map-alabama.svg} +2 -2
- package/assets/icon-map-usa.svg +3 -0
- package/assets/icon-map-world.svg +3 -0
- package/assets/icon-minus.svg +3 -0
- package/assets/icon-move.svg +8 -0
- package/assets/icon-plus.svg +3 -0
- package/assets/icon-question-circle.svg +3 -0
- package/assets/icon-tools.svg +8 -0
- package/assets/icon-upload.svg +3 -0
- package/assets/icon-warning-circle.svg +3 -0
- package/assets/{icon-warning.svg → icon-warning-triangle.svg} +1 -1
- package/components/AdvancedEditor.js +1 -1
- package/components/{ErrorBoundary.js → ErrorBoundary.jsx} +0 -0
- package/components/{LegendCircle.js → LegendCircle.jsx} +0 -0
- package/components/{Loading.js → Loading.jsx} +0 -0
- package/components/{Waiting.js → Waiting.jsx} +0 -0
- package/components/elements/Button.jsx +122 -3
- package/components/elements/Card.jsx +13 -0
- package/components/inputs/InputCheckbox.jsx +11 -3
- package/components/inputs/InputGroup.jsx +50 -0
- package/components/inputs/InputSelect.jsx +2 -2
- package/components/inputs/InputText.jsx +17 -18
- package/components/inputs/InputToggle.jsx +18 -18
- package/components/managers/DataDesigner.jsx +171 -0
- package/components/ui/Icon.jsx +50 -12
- package/components/ui/LoadSpin.jsx +24 -0
- package/components/ui/Modal.jsx +7 -2
- package/components/ui/Overlay.jsx +3 -1
- package/components/ui/Tooltip.jsx +18 -9
- package/data/colorPalettes.js +170 -124
- package/data/dataDesignerTables.js +148 -0
- package/{components → helpers}/DataTransform.js +3 -3
- package/helpers/fetchRemoteData.js +43 -0
- package/package.json +3 -2
- package/styles/_data-table.scss +13 -13
- package/styles/_global.scss +14 -0
- package/styles/_reset.scss +11 -1
- package/styles/base.scss +17 -1
- package/styles/v2/base/_file-selector.scss +20 -0
- package/styles/v2/base/_general.scss +9 -22
- package/styles/v2/base/_heading.scss +20 -0
- package/styles/v2/base/_reset.scss +2 -1
- package/styles/v2/base/index.scss +5 -1
- package/styles/v2/components/button.scss +27 -66
- package/styles/v2/components/card.scss +7 -0
- package/styles/v2/components/data-designer.scss +100 -0
- package/styles/v2/components/editor.scss +2 -1
- package/styles/v2/components/guidance-block.scss +74 -0
- package/styles/v2/components/icon.scss +0 -4
- package/styles/v2/components/input/_input-check-radio.scss +97 -0
- package/styles/v2/components/input/_input-group.scss +74 -0
- package/styles/v2/components/input/_input-slider.scss +184 -0
- package/styles/v2/components/input/_input.scss +66 -0
- package/styles/v2/components/input/index.scss +7 -0
- package/styles/v2/components/loadspin.scss +100 -0
- package/styles/v2/components/modal.scss +13 -6
- package/styles/v2/components/overlay.scss +2 -0
- package/styles/v2/layout/_alert.scss +11 -10
- package/styles/v2/layout/_component.scss +8 -1
- package/styles/v2/layout/_data-table.scss +71 -150
- package/styles/v2/layout/_progression.scss +4 -2
- package/styles/v2/layout/index.scss +0 -2
- package/styles/v2/main.scss +52 -2
- package/styles/v2/themes/_color-definitions.scss +31 -1
- package/styles/v2/utils/_align.scss +17 -0
- package/styles/v2/utils/_breakpoints.scss +18 -0
- package/styles/v2/utils/_grid.scss +47 -0
- package/styles/v2/utils/_mixins.scss +0 -16
- package/styles/v2/utils/_spacers.scss +31 -0
- package/styles/v2/utils/_variables.scss +7 -0
- package/styles/v2/utils/index.scss +7 -2
- package/assets/asc.svg +0 -1
- package/assets/chart-bar-solid.svg +0 -1
- package/assets/chart-line-solid.svg +0 -1
- package/assets/chart-pie-solid.svg +0 -1
- package/assets/check.svg +0 -3
- package/assets/dashboard.svg +0 -11
- package/assets/data-bite-graphic.svg +0 -3
- package/assets/desc.svg +0 -1
- package/assets/file-upload-solid.svg +0 -1
- package/assets/horizontal-stacked-bar.svg +0 -1
- package/assets/link.svg +0 -1
- package/assets/minus.svg +0 -1
- package/assets/paired-bar.svg +0 -11
- package/assets/plus.svg +0 -1
- package/assets/question-circle.svg +0 -1
- package/assets/upload-solid.svg +0 -1
- package/assets/usa-graphic.svg +0 -3
- package/assets/world-graphic.svg +0 -3
- package/styles/v2/components/input.scss +0 -372
- package/styles/v2/layout/_header.scss +0 -13
- package/styles/v2/layout/_link.scss +0 -46
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96.31 82.55"><path d="M82.57,36.52H33.95c-.57,0-1.04,.47-1.04,1.04v2.85c0,.57,.47,1.04,1.04,1.04l48.62-.07c.57,0,1.04-.47,1.04-1.04v-2.78c0-.57-.47-1.04-1.04-1.04Z"/><path d="M82.57,47.41H13.65c-.57,0-1.04,.47-1.04,1.04v2.85c0,.57,.47,1.04,1.04,1.04l68.93-.07c.57,0,1.04-.47,1.04-1.04v-2.78c0-.57-.47-1.04-1.04-1.04Z"/><path d="M82.57,58.3H13.65c-.57,0-1.04,.47-1.04,1.04v2.85c0,.57,.47,1.04,1.04,1.04l68.93-.07c.57,0,1.04-.47,1.04-1.04v-2.78c0-.57-.47-1.04-1.04-1.04Z"/><path d="M82.57,69.19H13.65c-.57,0-1.04,.47-1.04,1.04v2.85c0,.57,.47,1.04,1.04,1.04l68.93-.07c.57,0,1.04-.47,1.04-1.04v-2.78c0-.57-.47-1.04-1.04-1.04Z"/><path d="M87.87,5.89H11.35c-1.56,0-2.84,1.28-2.84,2.84v14.78c0,1.56,1.28,2.84,2.84,2.84l76.52-.19c1.56,0,2.84-1.28,2.84-2.84V8.73c0-1.56-1.28-2.84-2.84-2.84ZM25.95,14.33l-5.19,5.19c-.29,.29-.77,.29-1.06,0l-5.19-5.19c-.29-.29-.29-.77,0-1.06h11.43c.29,.29,.29,.77,0,1.06Zm60.97,10.22H32.18V7.7h54.73V24.55Z"/><path d="M47.22,22.09h-2.62l-1.04-2.71h-4.77l-.98,2.71h-2.55l4.65-11.93h2.55l4.78,11.93Zm-4.43-4.72l-1.64-4.43-1.61,4.43h3.25Z"/><path d="M29.23,44.56h-2.62l-1.04-2.71h-4.77l-.98,2.71h-2.55l4.65-11.93h2.55l4.78,11.93Zm-4.43-4.72l-1.64-4.43-1.61,4.43h3.25Z"/></svg>
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 99.1 79.7" fill="currentColor">
|
|
2
|
+
<path d="M91,18.7H62c-0.6,0-1,0.4-1,1v6c0,0.6,0.4,1,1,1h29c0.6,0,1-0.4,1-1v-6C92,19.1,91.6,18.7,91,18.7z M89.4,24.7H63.6
|
|
3
|
+
c-0.3,0-0.6-0.2-0.6-0.6v-2.9c0-0.3,0.2-0.6,0.6-0.6h25.9c0.3,0,0.6,0.2,0.6,0.6v2.9C90,24.4,89.8,24.7,89.4,24.7z"/>
|
|
4
|
+
<path d="M75,30.7H63c-0.6,0-1,0.4-1,1v6c0,0.6,0.4,1,1,1h12c0.6,0,1-0.4,1-1v-6C76,31.1,75.6,30.7,75,30.7z M73.7,36.7h-9.3
|
|
5
|
+
c-0.2,0-0.3-0.2-0.3-0.3V33c0-0.2,0.2-0.3,0.3-0.3h9.3c0.2,0,0.3,0.2,0.3,0.3v3.3C74,36.5,73.8,36.7,73.7,36.7z"/>
|
|
6
|
+
<path d="M81,43.7H63c-0.6,0-1,0.4-1,1v6c0,0.6,0.4,1,1,1h18c0.6,0,1-0.4,1-1v-6C82,44.1,81.6,43.7,81,43.7z M79.6,49.7H64.4
|
|
7
|
+
c-0.2,0-0.4-0.2-0.4-0.4v-3.1c0-0.2,0.2-0.4,0.4-0.4h15.1c0.2,0,0.4,0.2,0.4,0.4v3.1C80,49.5,79.8,49.7,79.6,49.7z"/>
|
|
8
|
+
<path d="M47,12.7h6c0.6,0,1,0.4,1,1v52c0,0.6-0.4,1-1,1h-6c-0.6,0-1-0.4-1-1v-52C46,13.1,46.4,12.7,47,12.7z"/>
|
|
9
|
+
<path d="M39,19.7v6c0,0.6-0.4,1-1,1H17c-0.6,0-1-0.4-1-1v-6c0-0.6,0.4-1,1-1h21C38.6,18.7,39,19.1,39,19.7z"/>
|
|
10
|
+
<path d="M39,31.7v6c0,0.6-0.4,1-1,1H8c-0.6,0-1-0.4-1-1v-6c0-0.6,0.4-1,1-1h30C38.6,30.7,39,31.1,39,31.7z"/>
|
|
11
|
+
<path d="M39,44.7v6c0,0.6-0.4,1-1,1H20c-0.6,0-1-0.4-1-1v-6c0-0.6,0.4-1,1-1h18C38.6,43.7,39,44.1,39,44.7z"/>
|
|
12
|
+
<path d="M39,57.7v6c0,0.6-0.4,1-1,1H25c-0.6,0-1-0.4-1-1v-6c0-0.6,0.4-1,1-1h13C38.6,56.7,39,57.1,39,57.7z"/>
|
|
13
|
+
<path d="M79,56.7H63c-0.6,0-1,0.4-1,1v6c0,0.6,0.4,1,1,1h16c0.6,0,1-0.4,1-1v-6C80,57.1,79.6,56.7,79,56.7z M77.6,62.7H64.4
|
|
14
|
+
c-0.2,0-0.4-0.2-0.4-0.4v-3.2c0-0.2,0.2-0.4,0.4-0.4h13.2c0.2,0,0.4,0.2,0.4,0.4v3.2C78,62.5,77.8,62.7,77.6,62.7z"/>
|
|
15
|
+
</svg>
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96.3 82.6" fill="currentColor">
|
|
2
|
+
<path d="M83.9,61.4h-64V12.1c0-1.1-0.9-2-2-2h-5.5c-1.1,0-2,0.9-2,2v56.7c0,1.1,0.9,2,2,2h71.5c1.1,0,2-0.9,2-2v-5.5
|
|
3
|
+
C85.9,62.3,85,61.4,83.9,61.4z"/>
|
|
4
|
+
<path d="M67.1,47.3H26.8c-1.1,0-2,0.9-2,2v6.1c0,1.1,0.9,2,2,2h40.3c1.1,0,2-0.9,2-2v-6.1C69.1,48.2,68.2,47.3,67.1,47.3L67.1,47.3z
|
|
5
|
+
M52,54.6H38.2c-0.7,0-1.3-0.4-1.3-1V51c0-0.5,0.6-1,1.3-1H52c0.7,0,1.3,0.4,1.3,1v2.6C53.3,54.1,52.8,54.6,52,54.6z"/>
|
|
6
|
+
<path d="M83.9,31.7H26.8c-1.1,0-2,0.9-2,2v6.1c0,1.1,0.9,2,2,2h57.2c1.1,0,2-0.9,2-2v-6.1C85.9,32.6,85,31.7,83.9,31.7z M68.8,39
|
|
7
|
+
H45.2c-0.7,0-1.3-0.4-1.3-1v-2.6c0-0.5,0.6-1,1.3-1h23.7c0.7,0,1.3,0.4,1.3,1V38C70.2,38.5,69.6,39,68.8,39z"/>
|
|
8
|
+
<path d="M77,16.1H26.8c-1.1,0-2,0.9-2,2v6.1c0,1.1,0.9,2,2,2H77c1.1,0,2-0.9,2-2v-6.1C79,17,78.1,16.1,77,16.1z M58.9,23.4H36.6
|
|
9
|
+
c-0.7,0-1.3-0.4-1.3-1v-2.6c0-0.5,0.6-1,1.3-1h22.3c0.7,0,1.3,0.4,1.3,1v2.6C60.2,23,59.6,23.4,58.9,23.4z"/>
|
|
10
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
|
|
2
|
+
<path d="M332.8 320h38.4c6.4 0 12.8-6.4 12.8-12.8V172.8c0-6.4-6.4-12.8-12.8-12.8h-38.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h38.4c6.4 0 12.8-6.4 12.8-12.8V76.8c0-6.4-6.4-12.8-12.8-12.8h-38.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-288 0h38.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-38.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h38.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-38.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zM496 384H64V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
|
|
2
|
+
<path d="M496 384H64V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16zM464 96H345.94c-21.38 0-32.09 25.85-16.97 40.97l32.4 32.4L288 242.75l-73.37-73.37c-12.5-12.5-32.76-12.5-45.25 0l-68.69 68.69c-6.25 6.25-6.25 16.38 0 22.63l22.62 22.62c6.25 6.25 16.38 6.25 22.63 0L192 237.25l73.37 73.37c12.5 12.5 32.76 12.5 45.25 0l96-96 32.4 32.4c15.12 15.12 40.97 4.41 40.97-16.97V112c.01-8.84-7.15-16-15.99-16z"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 544 512" fill="currentColor">
|
|
2
|
+
<path d="M527.79 288H290.5l158.03 158.03c6.04 6.04 15.98 6.53 22.19.68 38.7-36.46 65.32-85.61 73.13-140.86 1.34-9.46-6.51-17.85-16.06-17.85zm-15.83-64.8C503.72 103.74 408.26 8.28 288.8.04 279.68-.59 272 7.1 272 16.24V240h223.77c9.14 0 16.82-7.68 16.19-16.8zM224 288V50.71c0-9.55-8.39-17.4-17.84-16.06C86.99 51.49-4.1 155.6.14 280.37 4.5 408.51 114.83 513.59 243.03 511.98c50.4-.63 96.97-16.87 135.26-44.03 7.9-5.6 8.42-17.23 1.57-24.08L224 288z"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor">
|
|
2
|
+
<path d="M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"/>
|
|
3
|
+
</svg>
|
package/assets/icon-close.svg
CHANGED
|
@@ -1 +1,3 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
|
|
2
|
+
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/>
|
|
3
|
+
</svg>
|
package/assets/icon-code.svg
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
|
|
2
|
-
<path
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" fill="currentColor">
|
|
2
|
+
<path d="M414.8 40.79L286.8 488.8C281.9 505.8 264.2 515.6 247.2 510.8C230.2 505.9 220.4 488.2 225.2 471.2L353.2 23.21C358.1 6.216 375.8-3.624 392.8 1.232C409.8 6.087 419.6 23.8 414.8 40.79H414.8zM518.6 121.4L630.6 233.4C643.1 245.9 643.1 266.1 630.6 278.6L518.6 390.6C506.1 403.1 485.9 403.1 473.4 390.6C460.9 378.1 460.9 357.9 473.4 345.4L562.7 256L473.4 166.6C460.9 154.1 460.9 133.9 473.4 121.4C485.9 108.9 506.1 108.9 518.6 121.4V121.4zM166.6 166.6L77.25 256L166.6 345.4C179.1 357.9 179.1 378.1 166.6 390.6C154.1 403.1 133.9 403.1 121.4 390.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4L121.4 121.4C133.9 108.9 154.1 108.9 166.6 121.4C179.1 133.9 179.1 154.1 166.6 166.6V166.6z"/>
|
|
3
3
|
</svg>
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" fill="currentColor">
|
|
2
|
+
<path d="M489.3,377.8H80.1v-288c0-8.4-6.8-15.2-15.2-15.2H34.7c-8.4,0-15.2,6.8-15.2,15.2v318.3c0,16.7,13.6,30.3,30.3,30.3h439.5
|
|
3
|
+
c8.4,0,15.2-6.8,15.2-15.2v-30.3C504.5,384.6,497.7,377.8,489.3,377.8z"/>
|
|
4
|
+
<path d="M459,105H347.2c-20.3,0-30.4,24.5-16.1,38.8l30.7,30.7L292.3,244l-69.5-69.5c-11.8-11.8-31-11.8-42.9,0l-65.1,65.1
|
|
5
|
+
c-5.9,5.9-5.9,15.5,0,21.4l21.4,21.4c5.9,5.9,15.5,5.9,21.4,0l43.6-43.6l69.5,69.5c11.8,11.8,31,11.8,42.9,0l90.9-90.9l30.7,30.7
|
|
6
|
+
c14.3,14.3,38.8,4.2,38.8-16.1V120.1C474.2,111.7,467.4,105,459,105z"/>
|
|
7
|
+
<path d="M991.2,280.5h-188l125.2,125.2c4.8,4.8,12.7,5.2,17.6,0.5c30.7-28.9,51.8-67.8,57.9-111.6
|
|
8
|
+
C1005,287.2,998.8,280.5,991.2,280.5L991.2,280.5z"/>
|
|
9
|
+
<path d="M978.7,229.2c-6.5-94.6-82.2-170.3-176.8-176.8c-7.2-0.5-13.3,5.6-13.3,12.8v177.3h177.3
|
|
10
|
+
C973.1,242.5,979.2,236.4,978.7,229.2L978.7,229.2z"/>
|
|
11
|
+
<path d="M750.5,280.5v-188c0-7.6-6.6-13.8-14.1-12.7C642,93.1,569.8,175.6,573.2,274.5C576.6,376,664,459.3,765.6,458
|
|
12
|
+
c39.9-0.5,76.8-13.4,107.2-34.9c6.3-4.4,6.7-13.7,1.2-19.1L750.5,280.5z"/>
|
|
13
|
+
<path d="M130.7,558l1.1,7.2l5.5,11.6l-2.8,12.1l-6.1-7.7l-3.9-8.8l-8.8-1.7L102,569h-3.9l2.2,7.7l7.7,11v11l2.2,12.1l9.9,1.1
|
|
14
|
+
l3.9,5.5l-12.1-1.7l-3.9,2.8l1.7,11.6l-2.2,12.7l0.5,14.9l-3.9,9.9l-4.4,14.3l3.3,9.9l2.2,12.7l1.7,9.4l-2.2,12.7l1.7,8.8l3.9,8.8
|
|
15
|
+
l3.3,11l2.8,7.2L128,772l5.5-0.6l7.7,1.1l-8.3,2.2l2.2,3.9l-7.2,1.1l6.6,7.2l6.6,7.2l-2.2,6.1l8.8,12.7l9.4,7.7l1.1,9.4l7.7,3.9
|
|
16
|
+
l10.5,3.3l8.3,7.2l7.2,4.4l7.7,6.1l4.4,3.3l5,11l28.1-0.6l55.2,19.3h45.8l-1.1-4.4h22.1l8.8,5l5,5l12.7,8.8l4.4,16l12.7,6.6l7.7,3.3
|
|
17
|
+
l10.5-12.7l13.8,1.7l5.5,4.4l14.9,24.3l5,6.1l3.9,13.8l29.2,11.6l-1.1-9.9l-1.1-13.8l9.4-11l-1.7-3.3l9.4-7.7l5,2.8l8.3-9.4l5-6.6
|
|
18
|
+
h7.2l16-3.3l11.6,5h8.8l3.3-3.9l3.9,2.8l0.6,5l11.6,3.9l11-1.7l9.4,0.6l-7.7-6.1l-0.6-3.3l5-2.8l-0.5-2.8H598l-8.8,1.1l5.5-5
|
|
19
|
+
l2.8-3.3l2.8,2.8l16-2.2l2.2,2.8h11l6.1-1.7l8.8-0.5l8.3,3.3l5-0.6l5,7.2l9.9,0.5l5.5-4.4h5.5l11,9.4l6.1,6.6l1.7,8.8l-1.1,11
|
|
20
|
+
l3.9,11.6l10.5,13.2l6.1,12.7l2.2,5l11-2.2l2.8-12.1v-18.2l-5.5-14.9l-1.7-3.9l-1.1-11l-9.4-11l-1.7-13.2l0.5-11l4.4-12.1l8.3-6.6
|
|
21
|
+
l-0.6-5l9.9-1.7l14.3-16l6.6-5.5l7.2,1.1l6.6-12.7l9.4-5c0,0,7.2,1.1,7.7-1.7c0.5-2.8,7.7-16,7.7-16l-7.7-4.4l4.4-3.9l1.1-2.8
|
|
22
|
+
l-4.4-11l-4.4-5l5.5-6.1l-4.4-5.5l-1.1-11l-0.6-9.4l3.3-2.8l2.2,13.8l1.7,6.6l3.9,6.1l-1.1,9.9l6.1-12.1l3.9-9.4l0.6-5.5l-5.5-6.6
|
|
23
|
+
l-0.6-2.8l1.7-1.7l8.8,5.5l2.8-6.6l6.1-6.1l1.1-6.6l-1.1-7.7l0.5-3.9l1.1-5.5l4.4,6.1h2.2l6.6-1.1l6.6-0.6l8.8-2.8l-1.7-3.3
|
|
24
|
+
l-8.8,0.6l-8.3,2.2l-3.9,2.2l-0.6-3.9l2.8-3.3l7.2-1.7l8.8-1.7l6.1-1.7l5-3.3l11.6,2.8c0,0,5,2.8,5.5,1.1c0.6-1.7,2.2-6.1,2.2-6.1
|
|
25
|
+
l-3.9-4.4l-1.7-6.6l1.1-11l1.1-8.8l5-6.6l1.1-2.8l3.3,1.7l10.5-11.6h3.9l8.8-1.1l2.8-5.5h7.7l6.6-5.5l-2.5-3l-3-7.4l-3.3-2.5
|
|
26
|
+
l1.4-18.5l-1.7-16.8l-9.9-3l-8.6,3l-4.7-0.6l-19,44.4l-8.8,0.6l-3.9,3.3l-46.9-0.3l-11.6,10.8l-7.2,4.4l-3.3,9.4l-1.7,5l-8.3,5.5
|
|
27
|
+
H774l-6.1-2.8l-7.7,1.1l-9.9,3.3l0.6,5l-0.6,8.8l-5,4.4l-9.9,2.2l-15.4,7.7l-11.6,3.9l-11,0.6l-6.6-5l3.3-6.1l1.7-1.7l2.2-6.1
|
|
28
|
+
l4.1-2.5l5.2-9.1l-5.5-7.2l-1.1-11.6l-7.2-2.2l-9.4,6.6l3.3-7.7l5.5-7.7l-2.2-7.2l-1.7-8.3l-8.8-3.3l-7.7-6.6l-9.4,3.9l0.6,7.2
|
|
29
|
+
l-5.5,6.6l-4.4-2.2l-8.3,9.4v11l1.1,11l5,7.7l-0.6,16.6l-10.5,9.9l-7.7,0.6l-3.9-11.6l-3.9-8.3l1.7-11l-1.7-11l3.9-7.2l2.2-7.2
|
|
30
|
+
l3.9-12.1l-8.8,9.9l5-17.1l7.7-6.6l9.4-0.6l7.2-3.3H667h9.4l6.1-1.7l7.2,1.1l3.3,5.5l13.8,5l2.8-7.7l-9.4,1.1l-6.1-0.6l-8.8-6.6
|
|
31
|
+
l-5.5-3.3l-6.3-4.7l-6.3,1.9l-6.1-4.4l-14.3,0.6l-7.7,5l-6.1-3.9l-7.2-4.4l-10.5-0.6l10.5-14.9l-12.1,5.5l-9.9,7.7l-9.9,5.5
|
|
32
|
+
l-8.8,1.1l-1.1-5.5l-18.2,3.9l15.3-13.4l10.8-7.9l13.4-10.5l-5.5-0.8l-18.2,0.6l-8.3-1.7l-7.4-1.2L558,564l-8.3,0.6l-15.7-3.9
|
|
33
|
+
l-4.1-5l-2.2-7.7l-3.9-3.6l0.3,4.1l-3.9,6.1l-387.3,0.3L130.7,558L130.7,558z"/>
|
|
34
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 308 151" fill="currentColor">
|
|
2
|
+
<path d="M293,0 C301.284271,-3.29815278e-15 308,6.71572875 308,15 L308,136 C308,144.284271 301.284271,151 293,151 L15,151 C6.71572875,151 1.01453063e-15,144.284271 0,136 L0,15 C-1.01453063e-15,6.71572875 6.71572875,1.52179594e-15 15,0 L293,0 Z M62,32 C37.699471,32 18,51.699471 18,76 C18,100.300529 37.699471,120 62,120 C86.300529,120 106,100.300529 106,76 C106,51.699471 86.300529,32 62,32 Z M287,102 L124,102 C122.343146,102 121,103.343146 121,105 L121,105 L121,115 C121,116.656854 122.343146,118 124,118 L124,118 L287,118 C288.656854,118 290,116.656854 290,115 L290,115 L290,105 C290,103.343146 288.656854,102 287,102 L287,102 Z M287,68 L124,68 C122.343146,68 121,69.3431458 121,71 L121,71 L121,81 C121,82.6568542 122.343146,84 124,84 L124,84 L287,84 C288.656854,84 290,82.6568542 290,81 L290,81 L290,71 C290,69.3431458 288.656854,68 287,68 L287,68 Z M287,34 L124,34 C122.343146,34 121,35.3431458 121,37 L121,37 L121,47 C121,48.6568542 122.343146,50 124,50 L124,50 L287,50 C288.656854,50 290,48.6568542 290,47 L290,47 L290,37 C290,35.3431458 288.656854,34 287,34 L287,34 Z"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
|
|
2
|
+
<path d="M14.06 9.02l.92.92L5.92 19H5v-.92l9.06-9.06M17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29zm-3.6 3.19L3 17.25V21h3.75L17.81 9.94l-3.75-3.75z"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="currentColor">
|
|
2
|
+
<path d="M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm65.18 216.01H224v80c0 8.84-7.16 16-16 16h-32c-8.84 0-16-7.16-16-16v-80H94.82c-14.28 0-21.41-17.29-11.27-27.36l96.42-95.7c6.65-6.61 17.39-6.61 24.04 0l96.42 95.7c10.15 10.07 3.03 27.36-11.25 27.36zM377 105L279.1 7c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1c0-6.3-2.5-12.4-7-16.9z"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
|
|
2
|
+
<path d="M20.5,8h-17C2.7,8,2,7.3,2,6.5v0C2,5.7,2.7,5,3.5,5h17C21.3,5,22,5.7,22,6.5v0C22,7.3,21.3,8,20.5,8z"/>
|
|
3
|
+
<path d="M17.5,11h-11C5.7,11,5,11.7,5,12.5v0C5,13.3,5.7,14,6.5,14h11c0.8,0,1.5-0.7,1.5-1.5v0C19,11.7,18.3,11,17.5,11z"/>
|
|
4
|
+
<path d="M14.5,17h-5C8.7,17,8,17.7,8,18.5v0C8,19.3,8.7,20,9.5,20h5c0.8,0,1.5-0.7,1.5-1.5v0C16,17.7,15.3,17,14.5,17z"/>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 42" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
2
|
+
<title>
|
|
3
|
+
tools_04
|
|
4
|
+
</title>
|
|
5
|
+
<path d="M37.32,24.82H35.13a15.54,15.54,0,0,1-1.52,3.63l2,2a3.31,3.31,0,0,1,0,4.68l-1.17,1.17a3.3,3.3,0,0,1-4.68,0l-2-2a15.59,15.59,0,0,1-3.62,1.49V37.9a3.31,3.31,0,0,1-3.31,3.31H19.17a3.31,3.31,0,0,1-3.31-3.31V35.78a15.7,15.7,0,0,1-3.62-1.49l-2,2a3.3,3.3,0,0,1-4.68,0L4.36,35.15a3.31,3.31,0,0,1,0-4.68l2-2a15.8,15.8,0,0,1-1.52-3.63H2.68A3.31,3.31,0,0,1-.62,21.51V19.86a3.31,3.31,0,0,1,3.31-3.31H4.84A15.53,15.53,0,0,1,6.3,12.94L4.36,11a3.31,3.31,0,0,1,0-4.68L5.53,5.15a3.31,3.31,0,0,1,4.68,0l1.9,1.9a15.66,15.66,0,0,1,3.75-1.56V3.26A3.31,3.31,0,0,1,19.17,0h1.65a3.31,3.31,0,0,1,3.31,3.31V5.48a15.62,15.62,0,0,1,3.75,1.57l1.9-1.9a3.31,3.31,0,0,1,4.68,0l1.17,1.17a3.31,3.31,0,0,1,0,4.68l-1.94,1.94a15.54,15.54,0,0,1,1.46,3.61h2.16a3.31,3.31,0,0,1,3.31,3.31v1.65A3.31,3.31,0,0,1,37.32,24.82ZM20,11.64a9.1,9.1,0,1,0,9.1,9.1A9.1,9.1,0,0,0,20,11.64Zm0,13.13a4.14,4.14,0,1,1,4.13-4.13A4.14,4.14,0,0,1,20,24.76Z" class="fr-evenodd"/>
|
|
6
|
+
</svg>
|
package/assets/icon-grid.svg
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
2
|
-
<path
|
|
3
|
-
</path>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
|
|
2
|
+
<path d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"/>
|
|
4
3
|
</svg>
|
package/assets/icon-info.svg
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
|
|
2
2
|
<path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z"/>
|
|
3
3
|
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
|
|
2
|
+
<path d="M314.222 197.78c51.091 51.091 54.377 132.287 9.75 187.16-6.242 7.73-2.784 3.865-84.94 86.02-54.696 54.696-143.266 54.745-197.99 0-54.711-54.69-54.734-143.255 0-197.99 32.773-32.773 51.835-51.899 63.409-63.457 7.463-7.452 20.331-2.354 20.486 8.192a173.31 173.31 0 0 0 4.746 37.828c.966 4.029-.272 8.269-3.202 11.198L80.632 312.57c-32.755 32.775-32.887 85.892 0 118.8 32.775 32.755 85.892 32.887 118.8 0l75.19-75.2c32.718-32.725 32.777-86.013 0-118.79a83.722 83.722 0 0 0-22.814-16.229c-4.623-2.233-7.182-7.25-6.561-12.346 1.356-11.122 6.296-21.885 14.815-30.405l4.375-4.375c3.625-3.626 9.177-4.594 13.76-2.294 12.999 6.524 25.187 15.211 36.025 26.049zM470.958 41.04c-54.724-54.745-143.294-54.696-197.99 0-82.156 82.156-78.698 78.29-84.94 86.02-44.627 54.873-41.341 136.069 9.75 187.16 10.838 10.838 23.026 19.525 36.025 26.049 4.582 2.3 10.134 1.331 13.76-2.294l4.375-4.375c8.52-8.519 13.459-19.283 14.815-30.405.621-5.096-1.938-10.113-6.561-12.346a83.706 83.706 0 0 1-22.814-16.229c-32.777-32.777-32.718-86.065 0-118.79l75.19-75.2c32.908-32.887 86.025-32.755 118.8 0 32.887 32.908 32.755 86.025 0 118.8l-45.848 45.84c-2.93 2.929-4.168 7.169-3.202 11.198a173.31 173.31 0 0 1 4.746 37.828c.155 10.546 13.023 15.644 20.486 8.192 11.574-11.558 30.636-30.684 63.409-63.457 54.733-54.735 54.71-143.3-.001-197.991z"/>
|
|
3
|
+
</svg>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.871 25">
|
|
2
|
-
<path
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.871 25" fill="currentColor">
|
|
2
|
+
<path d="M4.942,20.952c-0.114,0-0.253-0.041-0.336,0.01c-0.12,0.073-0.244,0.199-0.284,0.328
|
|
3
3
|
c-0.056,0.177,0.062,0.346,0.199,0.457c0.18,0.146,0.389,0.256,0.577,0.394c0.243,0.178,0.314,0.452,0.198,0.737
|
|
4
4
|
c-0.053,0.13-0.176,0.257-0.168,0.379c0.006,0.102,0.166,0.189,0.238,0.296c0.047,0.07,0.108,0.212,0.081,0.24
|
|
5
5
|
c-0.209,0.212-0.191,0.547-0.43,0.741c-0.201,0.163-0.422,0.192-0.666,0.187c-0.463-0.009-0.91,0.191-1.379,0.111
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 252 137" fill="currentColor">
|
|
2
|
+
<path d="M10.834,5.084 L11.167,7.251 L12.834,10.751 L12,14.418 L10.167,12.085 L9,9.418 L6.334,8.918 L2.167,8.418 L1,8.418 L1.667,10.751 L4,14.084 L4,17.417 L4.667,21.084 L7.667,21.417 L8.834,23.084 L5.167,22.584 L4,23.417 L4.5,26.917 L3.834,30.75 L4,35.25 L2.834,38.25 L1.5,42.583 L2.5,45.583 L3.167,49.416 L3.667,52.249 L3,56.082 L3.5,58.749 L4.667,61.416 L5.667,64.749 L6.5,66.916 L10,69.749 L11.667,69.582 L14,69.915 L11.5,70.582 L12.167,71.749 L10,72.082 L12,74.249 L14,76.416 L13.334,78.249 L16,82.082 L18.834,84.415 L19.167,87.248 L21.5,88.415 L24.667,89.415 L27.167,91.582 L29.334,92.915 L31.667,94.748 L33,95.748 L34.5,99.081 L43,98.914 L59.667,104.747 L73.5,104.747 L73.167,103.414 L79.834,103.414 L82.5,104.914 L84,106.414 L87.834,109.081 L89.167,113.914 L93,115.914 L95.334,116.914 L98.5,113.081 L102.667,113.581 L104.334,114.914 L108.834,122.247 L110.334,124.081 L111.5,128.247 L120.334,131.747 L120,128.747 L119.667,124.581 L122.5,121.247 L122,120.247 L124.834,117.914 L126.334,118.747 L128.834,115.914 L130.334,113.914 L132.5,113.914 L137.334,112.914 L140.834,114.414 L143.5,114.414 L144.5,113.247 L145.667,114.081 L145.834,115.581 L149.334,116.747 L152.667,116.247 L155.5,116.414 L153.167,114.581 L153,113.581 L154.5,112.747 L154.334,111.914 L152,111.914 L149.334,112.247 L151,110.747 L151.834,109.747 L152.667,110.581 L157.5,109.914 L158.167,110.747 L161.5,110.747 L163.334,110.247 L166,110.081 L168.5,111.081 L170,110.914 L171.5,113.081 L174.5,113.247 L176.167,111.914 L177.834,111.914 L181.167,114.747 L183,116.747 L183.5,119.414 L183.167,122.747 L184.334,126.247 L187.5,130.247 L189.334,134.081 L190,135.581 L193.334,134.914 L194.167,131.247 L194.167,125.747 L192.5,121.247 L192,120.081 L191.667,116.747 L188.834,113.414 L188.334,109.414 L188.5,106.081 L189.834,102.414 L192.334,100.414 L192.167,98.914 L195.167,98.414 L199.5,93.581 L201.5,91.914 L203.667,92.247 L205.667,88.414 L208.5,86.914 C208.5,86.914 210.668,87.247 210.834,86.414 C211,85.581 213.167,81.581 213.167,81.581 L210.834,80.248 L212.167,79.081 L212.5,78.248 L211.167,74.915 L209.834,73.415 L211.5,71.582 L210.167,69.915 L209.834,66.582 L209.667,63.749 L210.667,62.916 L211.334,67.083 L211.834,69.083 L213,70.916 L212.667,73.916 L214.5,70.249 L215.667,67.416 L215.834,65.749 L214.167,63.749 L214,62.916 L214.5,62.416 L217.167,64.083 L218,62.083 L219.834,60.25 L220.167,58.25 L219.834,55.917 L220,54.75 L220.334,53.083 L221.667,54.916 L222.334,54.916 L224.334,54.583 L226.334,54.416 L229,53.583 L228.5,52.583 L225.834,52.75 L223.334,53.417 L222.167,54.084 L222,52.917 L222.834,51.917 L225,51.417 L227.667,50.917 L229.5,50.417 L231,49.417 L234.5,50.25 C234.5,50.25 236,51.083 236.167,50.583 C236.334,50.083 236.834,48.75 236.834,48.75 L235.667,47.417 L235.167,45.417 L235.5,42.084 L235.834,39.417 L237.334,37.417 L237.667,36.584 L238.667,37.084 L241.834,33.584 L243,33.584 L245.667,33.251 L246.5,31.584 L248.834,31.584 L250.834,29.917 L250.084,29 L249.167,26.75 L248.167,26 L248.584,20.417 L248.084,15.334 L245.084,14.417 L242.5,15.334 L241.084,15.167 L235.334,28.584 L232.667,28.751 L231.5,29.751 L217.334,29.668 L213.834,32.918 L211.667,34.251 L210.667,37.084 L210.167,38.584 L207.667,40.251 L205.167,40.251 L203.334,39.418 L201,39.751 L198,40.751 L198.167,42.251 L198,44.918 L196.5,46.251 L193.5,46.918 L188.834,49.251 L185.334,50.418 L182,50.585 L180,49.085 L181,47.252 L181.5,46.752 L182.167,44.919 L183.417,44.169 L185,41.419 L183.334,39.252 L183,35.752 L180.834,35.085 L178,37.085 L179,34.752 L180.667,32.419 L180,30.252 L179.5,27.752 L176.834,26.752 L174.5,24.752 L171.667,25.919 L171.834,28.086 L170.167,30.086 L168.834,29.419 L166.334,32.252 L166.334,35.585 L166.667,38.918 L168.167,41.251 L168,46.251 L164.834,49.251 L162.5,49.418 L161.334,45.918 L160.167,43.418 L160.667,40.085 L160.167,36.752 L161.334,34.585 L162,32.418 L163.167,28.751 L160.5,31.751 L162,26.584 L164.334,24.584 L167.167,24.417 L169.334,23.417 L172.834,23.417 L175.667,23.417 L177.5,22.917 L179.667,23.25 L180.667,24.917 L184.834,26.417 L185.667,24.084 L182.834,24.417 L181,24.25 L178.334,22.25 L176.667,21.25 L174.75,19.833 L172.834,20.416 L171,19.083 L166.667,19.25 L164.334,20.75 L162.5,19.583 L160.334,18.25 L157.167,18.083 L160.334,13.583 L156.667,15.25 L153.667,17.583 L150.667,19.25 L148,19.583 L147.667,17.916 L142.167,19.083 L146.792,15.041 L150.042,12.666 L154.084,9.499 L152.417,9.249 L146.917,9.416 L144.417,8.916 L142.167,8.541 L139.917,6.916 L137.417,7.083 L132.667,5.916 L131.417,4.416 L130.75,2.083 L129.584,1 L129.667,2.25 L128.5,4.083 L11.5,4.166 L10.834,5.084 L10.834,5.084 Z"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 496" fill="currentColor">
|
|
2
|
+
<path d="M248,0 C111,0 0,111 0,248 C0,385 111,496 248,496 C385,496 496,385 496,248 C496,111 385,0 248,0 Z M216,50.8 L216,62.1 C216,74 203.5,81.7 192.8,76.4 L168.8,64.4 C183.7,58 199.5,53.5 216,50.8 L216,50.8 Z M248,420.6 L248,448 C137.7,448 48,358.3 48,248 C48,218.9 54.4,191.3 65.6,166.3 C75.5,181 90.8,203.7 100.2,217.4 C105.4,225 111.4,232 118.3,238.1 L119.1,238.8 C128.6,247.4 139.3,254.8 150.7,260.6 C164.7,267.6 185.1,278.8 199.5,286.7 C209.7,292.3 216,303 216,314.7 L216,346.7 C216,355.2 219.4,363.3 225.4,369.3 C240.4,384.4 249.7,408 248,420.6 Z M290.7,443.3 L308.1,396.4 C310.1,390.9 311.4,385.2 312.9,379.5 C314,375.5 316.1,371.8 319.1,368.8 L330.4,357.5 C339.2,348.8 344.1,336.9 344.1,324.5 C344.1,316.4 340.9,308.6 335.2,302.9 L321.5,289.2 C315.5,283.2 307.4,279.8 298.9,279.8 L232,279.8 C222.6,275.1 210.5,247.8 200,247.8 C189.5,247.8 179.1,245.3 169.7,240.6 L158.6,235.1 C154.6,233.1 152,228.9 152,224.4 C152,219.3 155.3,214.7 160.2,213.1 L191.4,202.7 C196.8,200.9 202.7,202.1 206.9,205.8 L216.2,213.9 C217.7,215.2 219.5,215.9 221.4,215.9 L227,215.9 C233,215.9 236.8,209.6 234.2,204.3 L218.6,173.1 C217,170 217.7,166.2 220.2,163.8 L230.1,154.2 C231.6,152.7 233.6,151.9 235.7,151.9 L244.7,151.9 C246.8,151.9 248.9,151.1 250.4,149.6 L258.4,141.6 C261.5,138.5 261.5,133.4 258.4,130.3 L253.7,125.6 C250.6,122.5 250.6,117.4 253.7,114.3 L264,104 L268.7,99.3 C274.9,93.1 274.9,82.9 268.7,76.7 L240.4,48.4 C242.9,48.3 245.4,48 248,48 C326.2,48 393.8,93.2 426.7,158.7 L413.7,165.2 C410,167.1 406.8,169.9 404.5,173.3 L384.9,202.7 C379.5,210.8 379.5,221.3 384.9,229.3 L402.9,256.3 C406.2,261.3 411.3,264.8 417,266.3 L446.2,273.6 C435.4,357.6 372.3,425.5 290.7,443.3 L290.7,443.3 Z"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 16" fill="currentColor">
|
|
2
|
+
<circle cx="2" cy="2" r="2"/>
|
|
3
|
+
<circle cx="8" cy="2" r="2"/>
|
|
4
|
+
<circle cx="2" cy="8" r="2"/>
|
|
5
|
+
<circle cx="8" cy="8" r="2"/>
|
|
6
|
+
<circle cx="2" cy="14" r="2"/>
|
|
7
|
+
<circle cx="8" cy="14" r="2"/>
|
|
8
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
|
|
2
|
+
<path d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
2
|
+
<defs>
|
|
3
|
+
</defs>
|
|
4
|
+
<title>
|
|
5
|
+
tools_01
|
|
6
|
+
</title>
|
|
7
|
+
<path d="M39.24,6.63A10,10,0,0,1,25.12,19.13l-2.75,3,2,2,1.17-1.17a1.53,1.53,0,0,1,2.17,0l9.53,9.62a1.54,1.54,0,0,1,0,2.17l-4.35,4.35a1.54,1.54,0,0,1-2.17,0l-9.53-9.62a1.54,1.54,0,0,1,0-2.17l1.07-1.07-1.87-1.88L7.18,38.73a3.08,3.08,0,0,1-4.35,0L1.75,37.64a3.08,3.08,0,0,1,0-4.35l15-12.57-10-10H3.64L0,4.87,2.93,1.93l6,3.67L9,8.68,19,18.8,22,16.34A10,10,0,0,1,33.79,1.21L27.33,7.58,32.76,13ZM5.36,34.82a1.54,1.54,0,1,0,0,2.17A1.54,1.54,0,0,0,5.36,34.82Z" />
|
|
8
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
|
|
2
|
+
<path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
|
|
2
|
+
<path d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"/>
|
|
3
|
+
</svg>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
|
|
2
2
|
<path d="M506.3 417l-213.3-364c-16.33-28-57.54-28-73.98 0l-213.2 364C-10.59 444.9 9.849 480 42.74 480h426.6C502.1 480 522.6 445 506.3 417zM232 168c0-13.25 10.75-24 24-24S280 154.8 280 168v128c0 13.25-10.75 24-23.1 24S232 309.3 232 296V168zM256 416c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 401.9 273.4 416 256 416z"/>
|
|
3
3
|
</svg>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useState, useEffect } from 'react'
|
|
2
2
|
import MapIcon from '../assets/map-folded.svg'
|
|
3
|
-
import ChartIcon from '../assets/chart-bar
|
|
3
|
+
import ChartIcon from '../assets/icon-chart-bar.svg';
|
|
4
4
|
import MarkupIncludeIcon from '../assets/icon-code.svg';
|
|
5
5
|
|
|
6
6
|
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
@@ -1,12 +1,131 @@
|
|
|
1
|
-
import React from 'react'
|
|
1
|
+
import React, { useState, useEffect, useRef } from 'react'
|
|
2
|
+
import PropTypes from 'prop-types'
|
|
3
|
+
|
|
4
|
+
import LoadSpin from '../ui/LoadSpin'
|
|
2
5
|
|
|
3
6
|
import '../../styles/v2/components/button.scss'
|
|
4
7
|
|
|
5
|
-
const Button = ({
|
|
8
|
+
const Button = ({
|
|
9
|
+
style,
|
|
10
|
+
role,
|
|
11
|
+
hoverStyle = {},
|
|
12
|
+
fluid = false,
|
|
13
|
+
loading = false,
|
|
14
|
+
loadingText = "Loading...",
|
|
15
|
+
flexCenter,
|
|
16
|
+
active = false,
|
|
17
|
+
onClick,
|
|
18
|
+
children, ...attributes
|
|
19
|
+
}) => {
|
|
20
|
+
|
|
21
|
+
const buttonRef = useRef(null)
|
|
22
|
+
|
|
23
|
+
const [ buttonState, setButtonState ] = useState('out')
|
|
24
|
+
const [ customStyles, setCustomStyles ] = useState({ ...style })
|
|
25
|
+
const [ childrenWidth, setChildrenWidth ] = useState()
|
|
26
|
+
const [ loadtextWidth, setLoadtextWidth ] = useState()
|
|
27
|
+
|
|
28
|
+
const attributesObj = {
|
|
29
|
+
...attributes,
|
|
30
|
+
style: customStyles,
|
|
31
|
+
className:
|
|
32
|
+
'cove-button' +
|
|
33
|
+
(flexCenter || 'loader' === role ? ' cove-button--flex-center' : '') +
|
|
34
|
+
(fluid ? ' fluid' : '') +
|
|
35
|
+
(loading ? ' loading' : '') +
|
|
36
|
+
(attributes.className ? ' ' + attributes.className : ''),
|
|
37
|
+
onMouseOver: () => setButtonState('in'),
|
|
38
|
+
onMouseOut: () => setButtonState('out'),
|
|
39
|
+
onFocus: () => setButtonState('in'),
|
|
40
|
+
onBlur: () => setButtonState('out')
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
useEffect(() => {
|
|
44
|
+
if ('loader' === role && buttonRef.current) {
|
|
45
|
+
//Create ghost object and text nodes for children
|
|
46
|
+
const ghostSpan = document.createElement('span')
|
|
47
|
+
const ghostContent = document.createTextNode(children)
|
|
48
|
+
ghostSpan.style.opacity = '0'
|
|
49
|
+
ghostSpan.style.visibility = 'hidden'
|
|
50
|
+
|
|
51
|
+
//Create ghost object and text nodes for loading value
|
|
52
|
+
const ghostLoaderSpan = document.createElement('span')
|
|
53
|
+
const ghostLoaderContent = document.createTextNode(loadingText)
|
|
54
|
+
ghostLoaderSpan.style.opacity = '0'
|
|
55
|
+
ghostLoaderSpan.style.visibility = 'hidden'
|
|
56
|
+
|
|
57
|
+
//Append data to ghost objects
|
|
58
|
+
ghostSpan.appendChild(ghostContent)
|
|
59
|
+
ghostLoaderSpan.appendChild(ghostLoaderContent)
|
|
60
|
+
|
|
61
|
+
//Append objects to document
|
|
62
|
+
buttonRef.current.parentNode.insertBefore(ghostSpan, buttonRef.current)
|
|
63
|
+
buttonRef.current.parentNode.insertBefore(ghostLoaderSpan, buttonRef.current)
|
|
64
|
+
|
|
65
|
+
//Register ghost width values in state
|
|
66
|
+
setChildrenWidth(ghostSpan.offsetWidth + 2) //Toss in a 2px to account for subpixel offset
|
|
67
|
+
setLoadtextWidth(ghostLoaderSpan.offsetWidth + 2) //Toss in a 2px to account for subpixel offset
|
|
68
|
+
|
|
69
|
+
//Remove ghost objects form document
|
|
70
|
+
buttonRef.current.parentNode.removeChild(ghostSpan)
|
|
71
|
+
buttonRef.current.parentNode.removeChild(ghostLoaderSpan)
|
|
72
|
+
}
|
|
73
|
+
}, [])
|
|
74
|
+
|
|
75
|
+
useEffect(() => {
|
|
76
|
+
//Adjust button styles depending on cursor, focus, and active, states
|
|
77
|
+
return buttonState === 'in'
|
|
78
|
+
? setCustomStyles(stateStyles => ({ ...stateStyles, ...hoverStyle }))
|
|
79
|
+
: buttonState === 'out'
|
|
80
|
+
? active //If button state is out, check if its 'active'; we want to keep hover styles applied to 'active' buttons
|
|
81
|
+
? null //Button is active, so leave the 'hover' styles in place
|
|
82
|
+
: setCustomStyles({ ...style }) //Button is not 'active', so reset display styles back to default
|
|
83
|
+
: false //Button state is neither 'in' nor 'out' - do nothing
|
|
84
|
+
}, [ buttonState, active ])
|
|
6
85
|
|
|
7
86
|
return (
|
|
8
|
-
<button
|
|
87
|
+
<button {...attributesObj}
|
|
88
|
+
onClick={(e) => {
|
|
89
|
+
e.preventDefault()
|
|
90
|
+
return loading || onClick()
|
|
91
|
+
}}
|
|
92
|
+
disabled={loading || attributesObj.disabled}
|
|
93
|
+
ref={buttonRef}>
|
|
94
|
+
{children &&
|
|
95
|
+
<>
|
|
96
|
+
{'loader' === role &&
|
|
97
|
+
<>
|
|
98
|
+
<span className="cove-button__text" style={loading ? { width: loadtextWidth + 'px' } : { width: childrenWidth + 'px' }}>
|
|
99
|
+
<div className="cove-button__text--loading" style={loading ? { opacity: 1 } : null}>{loadingText}</div>
|
|
100
|
+
<div className="cove-button__text--children" style={loading ? { opacity: 0 } : null}>{children}</div>
|
|
101
|
+
</span>
|
|
102
|
+
<div className="cove-button__load-spin" style={loading ? { width: '28px', opacity: 1 } : null}>
|
|
103
|
+
<LoadSpin className="ml-1" size={20}/>
|
|
104
|
+
</div>
|
|
105
|
+
</>
|
|
106
|
+
}
|
|
107
|
+
{role !== 'loader' && children}
|
|
108
|
+
</>
|
|
109
|
+
}
|
|
110
|
+
</button>
|
|
9
111
|
)
|
|
10
112
|
}
|
|
11
113
|
|
|
114
|
+
Button.propTypes = {
|
|
115
|
+
/** Specify special role type for button */
|
|
116
|
+
role: PropTypes.oneOf([ 'loader' ]),
|
|
117
|
+
/** Provide object with styles that overwrite base styles when hovered */
|
|
118
|
+
hoverStyle: PropTypes.object,
|
|
119
|
+
/** Enables button to stretch to the full width of the content */
|
|
120
|
+
fluid: PropTypes.bool,
|
|
121
|
+
/** Displays loading spinner on button while condition is true **/
|
|
122
|
+
loading: PropTypes.bool,
|
|
123
|
+
/** Set text to appear during loading animation **/
|
|
124
|
+
loadingText: PropTypes.string,
|
|
125
|
+
/** Displays button as flex and centers all direct children nodes. Useful for aligning icons and text **/
|
|
126
|
+
flexCenter: PropTypes.bool,
|
|
127
|
+
/** When value condition is true, retains any custom, inline `style={}` defined **/
|
|
128
|
+
active: PropTypes.bool
|
|
129
|
+
}
|
|
130
|
+
|
|
12
131
|
export default Button
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react'
|
|
2
|
+
|
|
3
|
+
import '../../styles/v2/components/card.scss'
|
|
4
|
+
|
|
5
|
+
const Card = ({children, className, ...attributes}) => {
|
|
6
|
+
return (
|
|
7
|
+
<div className={`cove-card${className ? ' ' + className : ''}`} {...attributes}>
|
|
8
|
+
{children}
|
|
9
|
+
</div>
|
|
10
|
+
)
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export default Card
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import React, { useState, useEffect, memo } from 'react'
|
|
2
|
+
import PropTypes from 'prop-types'
|
|
2
3
|
|
|
3
|
-
import Check from '../../assets/check.svg'
|
|
4
|
-
import '../../styles/v2/components/input.scss'
|
|
4
|
+
import Check from '../../assets/icon-check.svg'
|
|
5
|
+
import '../../styles/v2/components/input/index.scss'
|
|
5
6
|
|
|
6
7
|
const InputCheckbox = memo((
|
|
7
8
|
{
|
|
8
9
|
label,
|
|
9
|
-
size = '
|
|
10
|
+
size = 'small',
|
|
10
11
|
activeColor = null,
|
|
11
12
|
activeCheckColor = null,
|
|
12
13
|
section = null,
|
|
@@ -56,4 +57,11 @@ const InputCheckbox = memo((
|
|
|
56
57
|
)
|
|
57
58
|
})
|
|
58
59
|
|
|
60
|
+
InputCheckbox.propTypes = {
|
|
61
|
+
label: PropTypes.string,
|
|
62
|
+
size: PropTypes.oneOf(['small', 'medium', 'large']),
|
|
63
|
+
activeColor: PropTypes.string,
|
|
64
|
+
activeCheckColor: PropTypes.string
|
|
65
|
+
}
|
|
66
|
+
|
|
59
67
|
export default InputCheckbox
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import React, { useState, useEffect, useLayoutEffect, useRef } from 'react'
|
|
2
|
+
import PropTypes from 'prop-types'
|
|
3
|
+
|
|
4
|
+
const InputGroup = ({ label, flow, children, clear, className, style, ...attributes }) => {
|
|
5
|
+
const [ styles, setStyles ] = useState({})
|
|
6
|
+
const [ labelWidth, setLabelWidth ] = useState(null)
|
|
7
|
+
|
|
8
|
+
const groupLabelRef = useRef(null)
|
|
9
|
+
const groupLabel = <div className="cove-input-group__label" ref={groupLabelRef}>{label}</div>
|
|
10
|
+
|
|
11
|
+
useLayoutEffect(() => {
|
|
12
|
+
if (!clear) return
|
|
13
|
+
if (!groupLabelRef.current) return
|
|
14
|
+
setLabelWidth(groupLabelRef.current.offsetWidth)
|
|
15
|
+
}, [ clear, groupLabelRef ])
|
|
16
|
+
|
|
17
|
+
useLayoutEffect(() => {
|
|
18
|
+
if (!clear) return
|
|
19
|
+
if ('left' === flow) {
|
|
20
|
+
setStyles(() => ({ paddingLeft: labelWidth + 'px' }))
|
|
21
|
+
}
|
|
22
|
+
if ('right' === flow) {
|
|
23
|
+
setStyles(() => ({ paddingRight: labelWidth + 'px' }))
|
|
24
|
+
}
|
|
25
|
+
}, [ clear, flow, labelWidth ])
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
return (
|
|
29
|
+
<div className={`cove-input-group${clear ? ' clear' : ''}${className ? ' ' + className : ''}`} flow={flow} {...attributes}>
|
|
30
|
+
{label && flow ? <>
|
|
31
|
+
{'left' === flow && <> {groupLabel}{children} </>}
|
|
32
|
+
{'right' === flow && <> {children}{groupLabel} </>}
|
|
33
|
+
{'center' === flow && children.length > 1 && <> {children[0]}{groupLabel}{children[1]} </>}
|
|
34
|
+
</> :
|
|
35
|
+
children
|
|
36
|
+
}
|
|
37
|
+
</div>
|
|
38
|
+
)
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
InputGroup.propTypes = {
|
|
42
|
+
/* Text to display for the input group */
|
|
43
|
+
label: PropTypes.oneOfType([
|
|
44
|
+
PropTypes.string,
|
|
45
|
+
PropTypes.object
|
|
46
|
+
]),
|
|
47
|
+
flow: PropTypes.oneOf([ 'left', 'center', 'right' ])
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
export default InputGroup
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { memo } from 'react'
|
|
2
2
|
|
|
3
|
-
import '../../styles/v2/components/input.scss'
|
|
3
|
+
import '../../styles/v2/components/input/index.scss'
|
|
4
4
|
|
|
5
5
|
const InputSelect = memo((
|
|
6
6
|
{
|
|
@@ -36,7 +36,7 @@ const InputSelect = memo((
|
|
|
36
36
|
|
|
37
37
|
return (
|
|
38
38
|
<label>
|
|
39
|
-
{label && <span className="edit-label">{label}</span>}
|
|
39
|
+
{label && <span className="edit-label cove-input__label">{label}</span>}
|
|
40
40
|
<select className={required && !value ? 'warning' : ''} name={fieldName} value={value} onChange={(event) => {
|
|
41
41
|
updateField(section, subsection, fieldName, event.target.value)
|
|
42
42
|
}} {...attributes}>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useState, useEffect, memo } from 'react'
|
|
2
2
|
import { useDebounce } from 'use-debounce'
|
|
3
3
|
|
|
4
|
-
import '../../styles/v2/components/input.scss'
|
|
4
|
+
import '../../styles/v2/components/input/index.scss'
|
|
5
5
|
|
|
6
6
|
const InputText = memo((
|
|
7
7
|
{
|
|
@@ -13,8 +13,9 @@ const InputText = memo((
|
|
|
13
13
|
value: stateValue,
|
|
14
14
|
type = 'input',
|
|
15
15
|
tooltip,
|
|
16
|
+
placeholder,
|
|
16
17
|
i = null, min = null, max = null,
|
|
17
|
-
...attributes
|
|
18
|
+
className, ...attributes
|
|
18
19
|
}
|
|
19
20
|
) => {
|
|
20
21
|
|
|
@@ -41,27 +42,25 @@ const InputText = memo((
|
|
|
41
42
|
}
|
|
42
43
|
}
|
|
43
44
|
|
|
44
|
-
let
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
45
|
+
let inputAttrs = {
|
|
46
|
+
className: `cove-input${className ? ' ' + className : ''}`,
|
|
47
|
+
type,
|
|
48
|
+
name,
|
|
49
|
+
placeholder,
|
|
50
|
+
onChange,
|
|
51
|
+
value,
|
|
52
|
+
...attributes
|
|
50
53
|
}
|
|
51
54
|
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
+
let formElement = 'textarea' === type
|
|
56
|
+
? (<textarea {...inputAttrs}/>)
|
|
57
|
+
: (<input {...inputAttrs}/>)
|
|
55
58
|
|
|
56
59
|
return (
|
|
57
|
-
|
|
58
|
-
{label &&
|
|
59
|
-
<>
|
|
60
|
-
<label>{label}{tooltip}</label>
|
|
61
|
-
</>
|
|
62
|
-
}
|
|
60
|
+
<>
|
|
61
|
+
{label && <label className="cove-input__label">{label}</label>}{tooltip}
|
|
63
62
|
{formElement}
|
|
64
|
-
|
|
63
|
+
</>
|
|
65
64
|
)
|
|
66
65
|
})
|
|
67
66
|
|