nzk-react-components 0.3.5-0 → 0.3.6
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/dist/.DS_Store +0 -0
- package/dist/assets/.DS_Store +0 -0
- package/dist/assets/icons/.DS_Store +0 -0
- package/dist/assets/icons/idea-creator.svg +17 -0
- package/dist/assets/icons/idea-creator.svg.js +100 -0
- package/dist/assets/icons/idea-creator.svg.js.map +1 -0
- package/dist/components/DrawingTool/components/ImageInputPopup/ImageInputPopup.js +0 -1
- package/dist/components/DrawingTool/components/ImageInputPopup/ImageInputPopup.js.map +1 -1
- package/dist/components/DrawingTool/components/MagicCropPopup/MagicCropPopup.js +5 -5
- package/dist/components/DrawingTool/components/MagicCropPopup/MagicCropPopup.styles.js +2 -2
- package/dist/components/DrawingTool/lib/Sketch.js +1 -4
- package/dist/components/DrawingTool/lib/Sketch.js.map +1 -1
- package/dist/components/Icon/icons.d.ts +1 -0
- package/dist/components/Icon/icons.js +3 -1
- package/dist/components/Icon/icons.js.map +1 -1
- package/dist/hooks/useInterval.js +20 -0
- package/dist/hooks/useInterval.js.map +1 -0
- package/dist/index.d.ts +5 -1
- package/dist/index.js +8 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/.DS_Store
ADDED
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
<svg id="icon-stencil" xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120">
|
|
2
|
+
<rect id="frame" width="120" height="120" fill="none"/>
|
|
3
|
+
<path id="Path_1815" data-name="Path 1815" d="M97.033,26.012q-.388-.388-.785-.765l-.072-.066q-.366-.346-.736-.681l-.005,0q-.807-.726-1.642-1.4l-.006-.005a41.549,41.549,0,0,0-46.7-3.78h0l-.012.006q-.864.495-1.708,1.033l-.071.046q-.528.338-1.047.693l-.056.038c-.161.111-.322.224-.482.337l-.225.161c-.23.166-.459.333-.686.5-.113.084-.225.168-.337.254l-.358.277q-.211.167-.421.335l-.35.284c-.184.152-.368.305-.55.461l-.248.212q-.3.26-.593.523l-.1.09c-.224.2-.446.41-.667.618L39,25.35q-.342.327-.679.662a41.467,41.467,0,0,0-11.543,36.5l-.146-.146s1.569,7.692-2.691,12.093l-.219.219s-3.862,2.595-.59,5.868l-.561-.562c-.076-.075-.155-.147-.234-.215l-.057-.049c-.079-.066-.159-.13-.241-.189l-.026-.018c-.075-.054-.152-.105-.229-.153l-.062-.038c-.083-.049-.167-.1-.252-.139l-.048-.023c-.073-.036-.147-.069-.221-.1l-.067-.028c-.084-.033-.169-.063-.254-.089l-.066-.02c-.07-.02-.14-.038-.209-.054-.024-.006-.047-.012-.071-.016-.083-.017-.165-.031-.248-.042L20.2,78.8q-.1-.011-.2-.015c-.023,0-.046,0-.069,0-.08,0-.159,0-.237.006l-.081.006c-.023,0-.047,0-.069.006l0,0a2.315,2.315,0,0,0-1.392.647l-.8.8c-1.07,1.07-2,1.88-.633,3.243-1.364-1.363-2.173-.437-3.243.633l-.8.8c-1.07,1.07-.832,3.043.531,4.407l-.111-.111-2.032,3.94a3.834,3.834,0,0,0,.734,4.11L13.8,99.26a7.222,7.222,0,0,0,9.518,9.518l1.993,1.993a3.832,3.832,0,0,0,4.109.734l3.94-2.032-.111-.111c1.363,1.363,3.337,1.6,4.408.531l.8-.8c1.071-1.071,1.616-2.261.253-3.624,1.363,1.363,2.553.818,3.623-.252l.8-.8a2.309,2.309,0,0,0,.647-1.393l0,0c0-.023,0-.046.006-.069s.005-.054.007-.082c0-.078.007-.157.005-.237,0-.023,0-.046,0-.069,0-.065-.008-.131-.014-.2l-.009-.078c-.011-.083-.024-.165-.042-.248,0-.024-.01-.047-.016-.071-.016-.069-.034-.139-.054-.208l-.02-.068c-.026-.084-.056-.169-.089-.253l-.028-.067c-.031-.074-.064-.147-.1-.221l-.023-.048c-.043-.085-.09-.169-.139-.252-.013-.021-.026-.041-.038-.062-.048-.077-.1-.154-.153-.229l-.018-.026c-.059-.082-.123-.162-.189-.241l-.048-.057c-.069-.079-.14-.157-.216-.233l-.239-.239c3.273,3.273,5.869-.59,5.869-.59l.218-.219c4.4-4.259,12.094-2.69,12.094-2.69a41.492,41.492,0,0,0,34.585-9.76q.974-.859,1.9-1.791a41.516,41.516,0,0,0,0-58.714" opacity="0.3"/>
|
|
4
|
+
<path id="Path_1816" data-name="Path 1816" d="M38.37,20.333A41.518,41.518,0,1,1,60.587,90.591l.007.007S52.9,89.029,48.5,93.288l-.219.219s-2.6,3.863-5.869.59L31.991,83.674l-1.619-1.619-7.191-7.19c-3.273-3.274.59-5.869.59-5.869l.219-.219c4.259-4.4,2.69-12.093,2.69-12.093l.147.146a41.467,41.467,0,0,1,11.543-36.5" fill="#fdd61b"/>
|
|
5
|
+
<path id="Path_1817" data-name="Path 1817" d="M38.37,20.333a41.542,41.542,0,0,1,8.769-6.7A26.684,26.684,0,0,0,42.5,18.1a53.3,53.3,0,0,0-8.246,13.547,47.363,47.363,0,0,0-3.786,14.16c-.57,7.789,2.979,15.955,8.126,21.572C43.084,72.284,49.2,77.6,56.124,78.149a24.856,24.856,0,0,0,11.538-1.964A61.214,61.214,0,0,0,88.957,58.528c7.834-10.359,11.1-22.779,7.136-35.41a41.284,41.284,0,0,0-2.254-5.709,42.153,42.153,0,0,1,3.246,2.924A41.523,41.523,0,0,1,60.594,90.6S52.9,89.029,48.5,93.288l-.219.219s-2.6,3.863-5.869.59L23.181,74.865c-3.273-3.274.59-5.869.59-5.869l.219-.219c4.259-4.4,2.69-12.093,2.69-12.093l.147.146a41.467,41.467,0,0,1,11.543-36.5" fill="#f7b909"/>
|
|
6
|
+
<path id="Path_1818" data-name="Path 1818" d="M75.3,14.154c-10.222-2.894-19.829-.576-21.458,5.177S59.179,32.1,69.4,34.989s19.83.577,21.458-5.177S85.522,17.048,75.3,14.154" fill="#ffe89b"/>
|
|
7
|
+
<path id="Path_1819" data-name="Path 1819" d="M17.414,74.57c-1.07,1.07-2,1.879-.633,3.243L38.762,99.794c1.363,1.363,2.554.817,3.623-.253l.8-.8c1.071-1.071.832-3.045-.531-4.408L22.619,74.3c-1.363-1.363-3.337-1.6-4.407-.531Z" fill="#678da5"/>
|
|
8
|
+
<path id="Path_1820" data-name="Path 1820" d="M12.74,79.243c-1.07,1.07-.832,3.044.531,4.407L33.3,103.683c1.363,1.363,3.337,1.6,4.407.532l.8-.8c1.071-1.071,1.616-2.261.253-3.624L16.781,77.812c-1.364-1.363-2.173-.437-3.243.633Z" fill="#678da5"/>
|
|
9
|
+
<path id="Path_1821" data-name="Path 1821" d="M11.863,91.589a3.833,3.833,0,0,1-.734-4.11l2.032-3.94,20.255,20.255-3.94,2.032a3.833,3.833,0,0,1-4.11-.734Z" fill="#678da5"/>
|
|
10
|
+
<path id="Path_1822" data-name="Path 1822" d="M23.407,103.085a7.224,7.224,0,0,1-9.538-9.538Z" fill="#3a4e69"/>
|
|
11
|
+
<path id="Path_1823" data-name="Path 1823" d="M38.677,99.708s-1.171-1.508-3.061-3.636c-.94-1.07-2.058-2.295-3.278-3.587-.615-.641-1.235-1.318-1.892-1.979L28.464,88.49c-.675-.665-1.35-1.329-2.015-1.982s-1.338-1.278-1.979-1.893c-1.291-1.221-2.517-2.339-3.586-3.278-2.129-1.89-3.638-3.06-3.638-3.06s1.17,1.509,3.06,3.638c.939,1.069,2.057,2.295,3.278,3.586.615.641,1.234,1.319,1.893,1.979L27.459,89.5l2.016,1.981c.661.657,1.338,1.278,1.979,1.892,1.292,1.22,2.517,2.338,3.587,3.278,2.128,1.89,3.636,3.061,3.636,3.061" fill="#3a4e69"/>
|
|
12
|
+
<path id="Path_1824" data-name="Path 1824" d="M32.364,102.743s-.966-1.3-2.549-3.124c-.786-.916-1.725-1.962-2.753-3.061-.518-.546-1.039-1.123-1.6-1.684l-1.675-1.71-1.71-1.676c-.559-.558-1.138-1.078-1.683-1.6-1.1-1.028-2.145-1.967-3.061-2.753-1.821-1.582-3.125-2.547-3.125-2.547s.965,1.3,2.547,3.125c.786.916,1.725,1.963,2.753,3.061.519.545,1.039,1.124,1.6,1.683l1.676,1.71,1.71,1.675c.561.557,1.138,1.078,1.683,1.6,1.1,1.027,2.146,1.966,3.062,2.752,1.821,1.583,3.124,2.549,3.124,2.549" fill="#3a4e69"/>
|
|
13
|
+
<path id="Path_1825" data-name="Path 1825" d="M45.5,60.383c.75-.829,1.535-1.618,2.295-2.381l.2-.2a13.273,13.273,0,0,1-2.833-3.689,5.712,5.712,0,0,1,1.459-6.588,4.463,4.463,0,0,1,5.544-.511c2.6,1.638,3.111,4.531,1.342,7.551a19.8,19.8,0,0,1-2.5,3.191c.431.419.9.881,1.415,1.4l4.5,4.5c.518.516.98.986,1.4,1.418a19.846,19.846,0,0,1,3.191-2.5c3.021-1.768,5.914-1.254,7.55,1.343a4.463,4.463,0,0,1-.51,5.544,5.71,5.71,0,0,1-6.588,1.458,13.336,13.336,0,0,1-3.689-2.832l-.2.2c-.763.76-1.552,1.545-2.382,2.3l-18.4,18.4-1.51-1.51L54.2,69.048l.039-.038c.8-.721,1.541-1.46,2.327-2.242l.216-.216c-.412-.424-.866-.887-1.371-1.389l-4.5-4.5c-.5-.505-.963-.957-1.387-1.369l-.216.217c-.782.786-1.521,1.528-2.242,2.326l-.018.02L28.608,80.293l-1.51-1.51Zm6.165-6.9c.681-1.163,1.5-3.316-.639-4.666a2.335,2.335,0,0,0-2.977.292,3.564,3.564,0,0,0-.971,4.057,11.214,11.214,0,0,0,2.4,3.1,17.832,17.832,0,0,0,2.188-2.779M62.589,64.412a17.893,17.893,0,0,0-2.78,2.187A11.176,11.176,0,0,0,62.9,69a3.566,3.566,0,0,0,4.058-.972,2.333,2.333,0,0,0,.291-2.976,3.529,3.529,0,0,0-.487-.619c-1.338-1.338-3.147-.623-4.178-.02" fill="#f29100"/>
|
|
14
|
+
<path id="Path_1826" data-name="Path 1826" d="M19.6,73.122A3.782,3.782,0,0,1,22.619,74.3L42.652,94.337a3.776,3.776,0,0,1,1.181,3.016Z" fill="#92bfd6"/>
|
|
15
|
+
<path id="Path_1827" data-name="Path 1827" d="M49.306,59.509c-.607.61-1.188,1.194-1.755,1.8L46.041,59.8c.581-.617,1.174-1.213,1.752-1.794l.2-.2-.059-.059.015-.015L49.517,59.3l-.211.212" fill="#c97200"/>
|
|
16
|
+
<path id="Path_1828" data-name="Path 1828" d="M56.778,66.557l1.851,1.851-.014.014-.342-.34-.2.2c-.581.578-1.177,1.172-1.8,1.753l-1.51-1.511c.6-.567,1.188-1.148,1.8-1.755l.212-.211" fill="#c97200"/>
|
|
17
|
+
</svg>
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
|
|
5
|
+
function _interopNamespace(e) {
|
|
6
|
+
if (e && e.__esModule) return e;
|
|
7
|
+
var n = Object.create(null);
|
|
8
|
+
if (e) {
|
|
9
|
+
Object.keys(e).forEach(function (k) {
|
|
10
|
+
if (k !== 'default') {
|
|
11
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
12
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return e[k];
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
n['default'] = e;
|
|
22
|
+
return Object.freeze(n);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
26
|
+
|
|
27
|
+
var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15;
|
|
28
|
+
|
|
29
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
30
|
+
|
|
31
|
+
function SvgIdeaCreator(props) {
|
|
32
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
|
33
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
34
|
+
width: 120,
|
|
35
|
+
height: 120,
|
|
36
|
+
viewBox: "0 0 120 120"
|
|
37
|
+
}, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
|
|
38
|
+
fill: "none",
|
|
39
|
+
d: "M0 0h120v120H0z"
|
|
40
|
+
})), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
41
|
+
"data-name": "Path 1815",
|
|
42
|
+
d: "M97.033 26.012q-.388-.388-.785-.765l-.072-.066q-.366-.346-.736-.681h-.005q-.807-.726-1.642-1.4l-.006-.005a41.549 41.549 0 00-46.7-3.78l-.012.006q-.864.495-1.708 1.033l-.071.046q-.528.338-1.047.693l-.056.038c-.161.111-.322.224-.482.337l-.225.161c-.23.166-.459.333-.686.5-.113.084-.225.168-.337.254l-.358.277-.421.335-.35.284c-.184.152-.368.305-.55.461l-.248.212q-.3.26-.593.523l-.1.09c-.224.2-.446.41-.667.618L39 25.35q-.342.327-.679.662a41.467 41.467 0 00-11.543 36.5l-.146-.146s1.569 7.692-2.691 12.093l-.219.219s-3.862 2.595-.59 5.868l-.561-.562a4.686 4.686 0 00-.234-.215l-.057-.049a4.25 4.25 0 00-.241-.189l-.026-.018a4.146 4.146 0 00-.229-.153l-.062-.038c-.083-.049-.167-.1-.252-.139l-.048-.023a3.95 3.95 0 00-.221-.1l-.067-.028a3.482 3.482 0 00-.254-.089l-.066-.02c-.07-.02-.14-.038-.209-.054-.024-.006-.047-.012-.071-.016a3.566 3.566 0 00-.248-.042L20.2 78.8q-.1-.011-.2-.015h-.069c-.08 0-.159 0-.237.006l-.081.006c-.023 0-.047 0-.069.006a2.315 2.315 0 00-1.392.647l-.8.8c-1.07 1.07-2 1.88-.633 3.243-1.364-1.363-2.173-.437-3.243.633l-.8.8c-1.07 1.07-.832 3.043.531 4.407l-.111-.111-2.032 3.94a3.834 3.834 0 00.734 4.11L13.8 99.26a7.222 7.222 0 009.518 9.518l1.993 1.993a3.832 3.832 0 004.109.734l3.94-2.032-.111-.111c1.363 1.363 3.337 1.6 4.408.531l.8-.8c1.071-1.071 1.616-2.261.253-3.624 1.363 1.363 2.553.818 3.623-.252l.8-.8a2.309 2.309 0 00.647-1.393c0-.023 0-.046.006-.069s.005-.054.007-.082c0-.078.007-.157.005-.237v-.069c0-.065-.008-.131-.014-.2l-.009-.078a3.057 3.057 0 00-.042-.248c0-.024-.01-.047-.016-.071a3.977 3.977 0 00-.054-.208l-.02-.068a3.632 3.632 0 00-.089-.253l-.028-.067a4.306 4.306 0 00-.1-.221l-.023-.048a4.44 4.44 0 00-.139-.252l-.038-.062a4.8 4.8 0 00-.153-.229l-.018-.026a4.25 4.25 0 00-.189-.241l-.048-.057a4.692 4.692 0 00-.216-.233l-.239-.239c3.273 3.273 5.869-.59 5.869-.59l.218-.219c4.4-4.259 12.094-2.69 12.094-2.69a41.492 41.492 0 0034.585-9.76q.974-.859 1.9-1.791a41.516 41.516 0 000-58.714",
|
|
43
|
+
opacity: 0.3
|
|
44
|
+
})), _path3 || (_path3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
45
|
+
"data-name": "Path 1816",
|
|
46
|
+
d: "M38.37 20.333a41.518 41.518 0 1122.217 70.258l.007.007S52.9 89.029 48.5 93.288l-.219.219s-2.6 3.863-5.869.59L31.991 83.674l-1.619-1.619-7.191-7.19c-3.273-3.274.59-5.869.59-5.869l.219-.219c4.259-4.4 2.69-12.093 2.69-12.093l.147.146a41.467 41.467 0 0111.543-36.5",
|
|
47
|
+
fill: "#fdd61b"
|
|
48
|
+
})), _path4 || (_path4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
49
|
+
"data-name": "Path 1817",
|
|
50
|
+
d: "M38.37 20.333a41.542 41.542 0 018.769-6.7A26.684 26.684 0 0042.5 18.1a53.3 53.3 0 00-8.246 13.547 47.363 47.363 0 00-3.786 14.16c-.57 7.789 2.979 15.955 8.126 21.572 4.49 4.905 10.606 10.221 17.53 10.77a24.856 24.856 0 0011.538-1.964 61.214 61.214 0 0021.295-17.657c7.834-10.359 11.1-22.779 7.136-35.41a41.284 41.284 0 00-2.254-5.709 42.153 42.153 0 013.246 2.924A41.523 41.523 0 0160.594 90.6S52.9 89.029 48.5 93.288l-.219.219s-2.6 3.863-5.869.59L23.181 74.865c-3.273-3.274.59-5.869.59-5.869l.219-.219c4.259-4.4 2.69-12.093 2.69-12.093l.147.146a41.467 41.467 0 0111.543-36.5",
|
|
51
|
+
fill: "#f7b909"
|
|
52
|
+
})), _path5 || (_path5 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
53
|
+
"data-name": "Path 1818",
|
|
54
|
+
d: "M75.3 14.154c-10.222-2.894-19.829-.576-21.458 5.177S59.179 32.1 69.4 34.989s19.83.577 21.458-5.177S85.522 17.048 75.3 14.154",
|
|
55
|
+
fill: "#ffe89b"
|
|
56
|
+
})), _path6 || (_path6 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
57
|
+
"data-name": "Path 1819",
|
|
58
|
+
d: "M17.414 74.57c-1.07 1.07-2 1.879-.633 3.243l21.981 21.981c1.363 1.363 2.554.817 3.623-.253l.8-.8c1.071-1.071.832-3.045-.531-4.408L22.619 74.3c-1.363-1.363-3.337-1.6-4.407-.531z",
|
|
59
|
+
fill: "#678da5"
|
|
60
|
+
})), _path7 || (_path7 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
61
|
+
"data-name": "Path 1820",
|
|
62
|
+
d: "M12.74 79.243c-1.07 1.07-.832 3.044.531 4.407L33.3 103.683c1.363 1.363 3.337 1.6 4.407.532l.8-.8c1.071-1.071 1.616-2.261.253-3.624L16.781 77.812c-1.364-1.363-2.173-.437-3.243.633z",
|
|
63
|
+
fill: "#678da5"
|
|
64
|
+
})), _path8 || (_path8 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
65
|
+
"data-name": "Path 1821",
|
|
66
|
+
d: "M11.863 91.589a3.833 3.833 0 01-.734-4.11l2.032-3.94 20.255 20.255-3.94 2.032a3.833 3.833 0 01-4.11-.734z",
|
|
67
|
+
fill: "#678da5"
|
|
68
|
+
})), _path9 || (_path9 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
69
|
+
"data-name": "Path 1822",
|
|
70
|
+
d: "M23.407 103.085a7.224 7.224 0 01-9.538-9.538z",
|
|
71
|
+
fill: "#3a4e69"
|
|
72
|
+
})), _path10 || (_path10 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
73
|
+
"data-name": "Path 1823",
|
|
74
|
+
d: "M38.677 99.708s-1.171-1.508-3.061-3.636c-.94-1.07-2.058-2.295-3.278-3.587-.615-.641-1.235-1.318-1.892-1.979l-1.982-2.016-2.015-1.982c-.665-.653-1.338-1.278-1.979-1.893a134.432 134.432 0 00-3.586-3.278c-2.129-1.89-3.638-3.06-3.638-3.06s1.17 1.509 3.06 3.638a134.432 134.432 0 003.278 3.586c.615.641 1.234 1.319 1.893 1.979l1.982 2.02 2.016 1.981c.661.657 1.338 1.278 1.979 1.892a137.847 137.847 0 003.587 3.278c2.128 1.89 3.636 3.061 3.636 3.061",
|
|
75
|
+
fill: "#3a4e69"
|
|
76
|
+
})), _path11 || (_path11 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
77
|
+
"data-name": "Path 1824",
|
|
78
|
+
d: "M32.364 102.743s-.966-1.3-2.549-3.124a97.875 97.875 0 00-2.753-3.061c-.518-.546-1.039-1.123-1.6-1.684l-1.675-1.71-1.71-1.676c-.559-.558-1.138-1.078-1.683-1.6a99.024 99.024 0 00-3.061-2.753c-1.821-1.582-3.125-2.547-3.125-2.547s.965 1.3 2.547 3.125a96.753 96.753 0 002.753 3.061c.519.545 1.039 1.124 1.6 1.683l1.676 1.71 1.71 1.675c.561.557 1.138 1.078 1.683 1.6 1.1 1.027 2.146 1.966 3.062 2.752a57.511 57.511 0 003.124 2.549",
|
|
79
|
+
fill: "#3a4e69"
|
|
80
|
+
})), _path12 || (_path12 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
81
|
+
"data-name": "Path 1825",
|
|
82
|
+
d: "M45.5 60.383a68.781 68.781 0 012.295-2.381l.2-.2a13.273 13.273 0 01-2.833-3.689 5.712 5.712 0 011.459-6.588 4.463 4.463 0 015.544-.511c2.6 1.638 3.111 4.531 1.342 7.551a19.8 19.8 0 01-2.5 3.191c.431.419.9.881 1.415 1.4l4.5 4.5c.518.516.98.986 1.4 1.418a19.846 19.846 0 013.191-2.5c3.021-1.768 5.914-1.254 7.55 1.343a4.463 4.463 0 01-.51 5.544 5.71 5.71 0 01-6.588 1.458 13.336 13.336 0 01-3.689-2.832l-.2.2a72.896 72.896 0 01-2.382 2.3l-18.4 18.4-1.51-1.51L54.2 69.048l.039-.038c.8-.721 1.541-1.46 2.327-2.242l.216-.216c-.412-.424-.866-.887-1.371-1.389l-4.5-4.5a98.69 98.69 0 00-1.387-1.369l-.216.217c-.782.786-1.521 1.528-2.242 2.326l-.018.02-18.44 18.436-1.51-1.51zm6.165-6.9c.681-1.163 1.5-3.316-.639-4.666a2.335 2.335 0 00-2.977.292 3.564 3.564 0 00-.971 4.057 11.214 11.214 0 002.4 3.1 17.832 17.832 0 002.188-2.779m10.923 10.925a17.893 17.893 0 00-2.78 2.187A11.176 11.176 0 0062.9 69a3.566 3.566 0 004.058-.972 2.333 2.333 0 00.291-2.976 3.529 3.529 0 00-.487-.619c-1.338-1.338-3.147-.623-4.178-.02",
|
|
83
|
+
fill: "#f29100"
|
|
84
|
+
})), _path13 || (_path13 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
85
|
+
"data-name": "Path 1826",
|
|
86
|
+
d: "M19.6 73.122a3.782 3.782 0 013.019 1.178l20.033 20.037a3.776 3.776 0 011.181 3.016z",
|
|
87
|
+
fill: "#92bfd6"
|
|
88
|
+
})), _path14 || (_path14 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
89
|
+
"data-name": "Path 1827",
|
|
90
|
+
d: "M49.306 59.509a81.502 81.502 0 00-1.755 1.8l-1.51-1.509c.581-.617 1.174-1.213 1.752-1.794l.2-.2-.059-.059.015-.015 1.568 1.568-.211.212",
|
|
91
|
+
fill: "#c97200"
|
|
92
|
+
})), _path15 || (_path15 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
93
|
+
"data-name": "Path 1828",
|
|
94
|
+
d: "M56.778 66.557l1.851 1.851-.014.014-.342-.34-.2.2c-.581.578-1.177 1.172-1.8 1.753l-1.51-1.511c.6-.567 1.188-1.148 1.8-1.755l.212-.211",
|
|
95
|
+
fill: "#c97200"
|
|
96
|
+
})));
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
module.exports = SvgIdeaCreator;
|
|
100
|
+
//# sourceMappingURL=idea-creator.svg.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"idea-creator.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageInputPopup.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ImageInputPopup.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -30,11 +30,12 @@ var MagicCropPopup = (function (props) {
|
|
|
30
30
|
img.onload = function () {
|
|
31
31
|
fetch(img.src).then(function (resp) { return resp.blob(); }).then(function (blob) {
|
|
32
32
|
if (retries === 0 || size === blob.size) {
|
|
33
|
-
var delay = retries === 0 ?
|
|
33
|
+
var delay = retries === 0 ? 10000 : 4000;
|
|
34
34
|
setTimeout(function () { return checkImageIsReady(imageUrl, blob.size, retries + 1); }, delay);
|
|
35
35
|
}
|
|
36
36
|
else {
|
|
37
37
|
var croppedImg_1 = new Image();
|
|
38
|
+
croppedImg_1.crossOrigin = "Anonymous";
|
|
38
39
|
croppedImg_1.onload = function () {
|
|
39
40
|
setCroppedImage(croppedImg_1);
|
|
40
41
|
};
|
|
@@ -43,7 +44,7 @@ var MagicCropPopup = (function (props) {
|
|
|
43
44
|
});
|
|
44
45
|
};
|
|
45
46
|
img.crossOrigin = "Anonymous";
|
|
46
|
-
img.src = changeExt(imageUrl, 'png') + "?" + Date.now();
|
|
47
|
+
img.src = changeExt(imageUrl.replace('/image/upload', '/image/upload/w_150'), 'png') + "?" + Date.now();
|
|
47
48
|
};
|
|
48
49
|
React.useEffect(function () {
|
|
49
50
|
if (imageToCrop) {
|
|
@@ -67,10 +68,9 @@ var MagicCropPopup = (function (props) {
|
|
|
67
68
|
React__default['default'].createElement("br", null),
|
|
68
69
|
"Processing your image.",
|
|
69
70
|
React__default['default'].createElement("br", null),
|
|
70
|
-
"This can take
|
|
71
|
+
"This can take a couple of minutes.")),
|
|
71
72
|
React__default['default'].createElement(MagicCropPopup_styles.Text, null,
|
|
72
|
-
"
|
|
73
|
-
React__default['default'].createElement("br", null),
|
|
73
|
+
"Select next to make final edits.",
|
|
74
74
|
React__default['default'].createElement("br", null),
|
|
75
75
|
"Not happy? Try manual cut-out instead.")),
|
|
76
76
|
React__default['default'].createElement(MagicCropPopup_styles.Actions, null,
|
|
@@ -11,8 +11,8 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
|
11
11
|
|
|
12
12
|
var Title = styled__default['default'].div(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n font-size: 60px;\n font-family: 'Rammetto One';\n text-shadow: 0px 4px 0px #A6A6A6, 0px 8px 0px rgba(0,0,0, .5);\n margin-bottom: 20px;\n text-align: center;\n width: 100%;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n @media (max-width: 850px) and (max-height: 850px), (max-width: 700px) {\n font-size: 32px;\n text-shadow: 0px 2px 0px #A6A6A6, 0px 2px 0px rgba(0,0,0, .5);\n }\n"], ["\n font-size: 60px;\n font-family: 'Rammetto One';\n text-shadow: 0px 4px 0px #A6A6A6, 0px 8px 0px rgba(0,0,0, .5);\n margin-bottom: 20px;\n text-align: center;\n width: 100%;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n @media (max-width: 850px) and (max-height: 850px), (max-width: 700px) {\n font-size: 32px;\n text-shadow: 0px 2px 0px #A6A6A6, 0px 2px 0px rgba(0,0,0, .5);\n }\n"])));
|
|
13
13
|
var Container = styled__default['default'].div(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n width: 100%;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n margin-bottom: 20px;\n font-size: 24px;\n @media (max-height: 650px) {\n font-size: 20px;\n }\n @media (max-height: 370px) {\n font-size: 16px;\n }\n"], ["\n width: 100%;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n margin-bottom: 20px;\n font-size: 24px;\n @media (max-height: 650px) {\n font-size: 20px;\n }\n @media (max-height: 370px) {\n font-size: 16px;\n }\n"])));
|
|
14
|
-
var DrawingContainer = styled__default['default'].div(templateObject_3 || (templateObject_3 = tslib.__makeTemplateObject(["\n position: relative;\n padding: 20px;\n border-radius: 50px;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 350px;\n background-color: #701EA8;\n color: white;\n text-align: center;\n margin-bottom: 20px;\n @media (max-height: 650px) {\n width: 50%;\n margin-bottom: 0px;\n padding: 10px;\n height: 220px;\n }\n @media (max-width: 400px) {\n height: 250px;\n padding: 10px;\n }\n @media (max-height: 450px) {\n height: 200px;\n }\n @media (max-height: 370px) {\n height: 150px;\n }\n"], ["\n position: relative;\n padding: 20px;\n border-radius: 50px;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 350px;\n background-color: #701EA8;\n color: white;\n text-align: center;\n margin-bottom: 20px;\n @media (max-height: 650px) {\n width: 50%;\n margin-bottom: 0px;\n padding: 10px;\n height: 220px;\n }\n @media (max-width: 400px) {\n height: 250px;\n padding: 10px;\n }\n @media (max-height: 450px) {\n height: 200px;\n }\n @media (max-height: 370px) {\n height: 150px;\n }\n"])));
|
|
15
|
-
var Text = styled__default['default'].div(templateObject_4 || (templateObject_4 = tslib.__makeTemplateObject(["\n color: white;\n width: 100%;\n @media (max-height: 650px) {\n width: 50%;\n padding-left: 40px;\n }\n @media (max-height: 370px) {\n padding-left: 20px;\n }\n"], ["\n color: white;\n width: 100%;\n @media (max-height: 650px) {\n width: 50%;\n padding-left: 40px;\n }\n @media (max-height: 370px) {\n padding-left: 20px;\n }\n"])));
|
|
14
|
+
var DrawingContainer = styled__default['default'].div(templateObject_3 || (templateObject_3 = tslib.__makeTemplateObject(["\n position: relative;\n padding: 20px;\n border-radius: 50px;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 350px;\n background-color: #701EA8;\n color: white;\n text-align: center;\n margin-bottom: 20px;\n @media (max-height: 750px) {\n height: 300px;\n }\n @media (max-height: 650px) {\n width: 50%;\n margin-bottom: 0px;\n padding: 10px;\n height: 220px;\n }\n @media (max-width: 400px) {\n height: 250px;\n padding: 10px;\n }\n @media (max-height: 450px) {\n height: 200px;\n }\n @media (max-height: 370px) {\n height: 150px;\n }\n"], ["\n position: relative;\n padding: 20px;\n border-radius: 50px;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 350px;\n background-color: #701EA8;\n color: white;\n text-align: center;\n margin-bottom: 20px;\n @media (max-height: 750px) {\n height: 300px;\n }\n @media (max-height: 650px) {\n width: 50%;\n margin-bottom: 0px;\n padding: 10px;\n height: 220px;\n }\n @media (max-width: 400px) {\n height: 250px;\n padding: 10px;\n }\n @media (max-height: 450px) {\n height: 200px;\n }\n @media (max-height: 370px) {\n height: 150px;\n }\n"])));
|
|
15
|
+
var Text = styled__default['default'].div(templateObject_4 || (templateObject_4 = tslib.__makeTemplateObject(["\n color: white;\n width: 100%;\n text-align: center;\n @media (max-height: 650px) {\n width: 50%;\n padding-left: 40px;\n }\n @media (max-height: 370px) {\n padding-left: 20px;\n }\n"], ["\n color: white;\n width: 100%;\n text-align: center;\n @media (max-height: 650px) {\n width: 50%;\n padding-left: 40px;\n }\n @media (max-height: 370px) {\n padding-left: 20px;\n }\n"])));
|
|
16
16
|
var Image = styled__default['default'].div(templateObject_5 || (templateObject_5 = tslib.__makeTemplateObject(["\n position: relative;\n background-image: url(", ");\n background-position: center;\n background-size: contain;\n background-repeat: no-repeat;\n width: 100%;\n height: 100%;\n"], ["\n position: relative;\n background-image: url(", ");\n background-position: center;\n background-size: contain;\n background-repeat: no-repeat;\n width: 100%;\n height: 100%;\n"])), function (props) { return props.src; });
|
|
17
17
|
var Actions = styled__default['default'].div(templateObject_6 || (templateObject_6 = tslib.__makeTemplateObject(["\n position: relative;\n display: flex;\n justify-content: space-between;\n width: 100%;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n"], ["\n position: relative;\n display: flex;\n justify-content: space-between;\n width: 100%;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n"])));
|
|
18
18
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
@@ -124,6 +124,7 @@ var Sketch = (function () {
|
|
|
124
124
|
}
|
|
125
125
|
else if (data.imageSrc) {
|
|
126
126
|
var img_1 = new Image;
|
|
127
|
+
img_1.crossOrigin = "Anonymous";
|
|
127
128
|
img_1.onload = function () { doMerge(img_1); };
|
|
128
129
|
img_1.src = data.imageSrc;
|
|
129
130
|
}
|
|
@@ -141,15 +142,11 @@ var Sketch = (function () {
|
|
|
141
142
|
return;
|
|
142
143
|
this.model.lastActionIndex -= 1;
|
|
143
144
|
this.drawingLayer.clear();
|
|
144
|
-
console.log('Last action Index before undo', this.model.lastActionIndex);
|
|
145
145
|
for (var i = 0; i <= this.model.lastActionIndex; i += 1) {
|
|
146
|
-
console.log('I=', i);
|
|
147
146
|
if (this.model.actions[i].type === 'STROKE' && this.model.actions[i].model) {
|
|
148
|
-
console.log('draw stroke');
|
|
149
147
|
this.drawUndoStroke(this.model.actions[i].model);
|
|
150
148
|
}
|
|
151
149
|
else if (this.model.actions[i].type === 'IMAGE_MERGE' && this.model.actions[i]) {
|
|
152
|
-
console.log('merge image');
|
|
153
150
|
this.mergeImage(this.model.actions[i].data, false);
|
|
154
151
|
}
|
|
155
152
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sketch.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Sketch.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -120,6 +120,7 @@ var drawingToolArrowUp = require('../../assets/icons/drawing-tool-arrow-up.svg.j
|
|
|
120
120
|
var drawingToolArrowDown = require('../../assets/icons/drawing-tool-arrow-down.svg.js');
|
|
121
121
|
var drawingToolArrowLeft = require('../../assets/icons/drawing-tool-arrow-left.svg.js');
|
|
122
122
|
var drawingToolArrowRight = require('../../assets/icons/drawing-tool-arrow-right.svg.js');
|
|
123
|
+
var ideaCreator = require('../../assets/icons/idea-creator.svg.js');
|
|
123
124
|
|
|
124
125
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
125
126
|
|
|
@@ -242,7 +243,8 @@ var ICONS = {
|
|
|
242
243
|
'drawing-tool-arrow-up': React__default['default'].createElement(drawingToolArrowUp, null),
|
|
243
244
|
'drawing-tool-arrow-down': React__default['default'].createElement(drawingToolArrowDown, null),
|
|
244
245
|
'drawing-tool-arrow-left': React__default['default'].createElement(drawingToolArrowLeft, null),
|
|
245
|
-
'drawing-tool-arrow-right': React__default['default'].createElement(drawingToolArrowRight, null)
|
|
246
|
+
'drawing-tool-arrow-right': React__default['default'].createElement(drawingToolArrowRight, null),
|
|
247
|
+
'idea-creator': React__default['default'].createElement(ideaCreator, null)
|
|
246
248
|
};
|
|
247
249
|
|
|
248
250
|
exports.ICONS = ICONS;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"icons.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
|
|
5
|
+
function useInterval(callback, delay) {
|
|
6
|
+
var savedCallback = React.useRef(callback);
|
|
7
|
+
React.useLayoutEffect(function () {
|
|
8
|
+
savedCallback.current = callback;
|
|
9
|
+
}, [callback]);
|
|
10
|
+
React.useEffect(function () {
|
|
11
|
+
if (!delay) {
|
|
12
|
+
return;
|
|
13
|
+
}
|
|
14
|
+
var id = setInterval(function () { return savedCallback.current(); }, delay);
|
|
15
|
+
return function () { return clearInterval(id); };
|
|
16
|
+
}, [delay]);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
module.exports = useInterval;
|
|
20
|
+
//# sourceMappingURL=useInterval.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useInterval.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
|
package/dist/index.d.ts
CHANGED
|
@@ -8,6 +8,10 @@ import useAsync from './hooks/useAsync';
|
|
|
8
8
|
import useConfettis from './hooks/useConfettis';
|
|
9
9
|
import useMountState from './hooks/useMountState';
|
|
10
10
|
import useCloudinary from './hooks/useCloudinary';
|
|
11
|
+
import useInterval from './hooks/useInterval';
|
|
12
|
+
import useEventListener from './hooks/useEventListener';
|
|
13
|
+
import useElementSize from './hooks/useElementSize';
|
|
14
|
+
import useDebounce from './hooks/useDebounce';
|
|
11
15
|
import DrawingTool from './components/DrawingTool/DrawingTool';
|
|
12
16
|
import { DrawingToolProvider, useDrawingTool } from './components/DrawingTool/DrawingToolProvider';
|
|
13
|
-
export { Button, IconButton, Modal, Icon, Avatar, ModalProvider, DrawingTool, DrawingToolProvider, useDrawingTool, useModalState, useAsync, useMountState, useConfettis, useCloudinary };
|
|
17
|
+
export { Button, IconButton, Modal, Icon, Avatar, ModalProvider, DrawingTool, DrawingToolProvider, useDrawingTool, useModalState, useAsync, useMountState, useConfettis, useCloudinary, useInterval, useElementSize, useEventListener, useDebounce };
|
package/dist/index.js
CHANGED
|
@@ -12,6 +12,10 @@ var useAsync = require('./hooks/useAsync.js');
|
|
|
12
12
|
var index = require('./hooks/useConfettis/index.js');
|
|
13
13
|
var useMountState = require('./hooks/useMountState.js');
|
|
14
14
|
var index$1 = require('./hooks/useCloudinary/index.js');
|
|
15
|
+
var useInterval = require('./hooks/useInterval.js');
|
|
16
|
+
var useEventListener = require('./hooks/useEventListener.js');
|
|
17
|
+
var useElementSize = require('./hooks/useElementSize.js');
|
|
18
|
+
var useDebounce = require('./hooks/useDebounce.js');
|
|
15
19
|
var DrawingTool = require('./components/DrawingTool/DrawingTool.js');
|
|
16
20
|
var DrawingToolProvider = require('./components/DrawingTool/DrawingToolProvider.js');
|
|
17
21
|
|
|
@@ -28,6 +32,10 @@ exports.useAsync = useAsync;
|
|
|
28
32
|
exports.useConfettis = index;
|
|
29
33
|
exports.useMountState = useMountState;
|
|
30
34
|
exports.useCloudinary = index$1;
|
|
35
|
+
exports.useInterval = useInterval;
|
|
36
|
+
exports.useEventListener = useEventListener;
|
|
37
|
+
exports.useElementSize = useElementSize;
|
|
38
|
+
exports.useDebounce = useDebounce;
|
|
31
39
|
exports.DrawingTool = DrawingTool;
|
|
32
40
|
exports.DrawingToolProvider = DrawingToolProvider.DrawingToolProvider;
|
|
33
41
|
exports.useDrawingTool = DrawingToolProvider.useDrawingTool;
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|