nzk-react-components 0.2.19-9 → 0.3.0

package/dist/components/Modal/Modal.styles.js

@@ -2,14 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
-var styledComponents_browser_esm = require('../../node_modules/styled-components/dist/styled-components.browser.esm.js');
+var tslib = require('tslib');
+var styled = require('styled-components');
 
-var Wrapper = styledComponents_browser_esm['default'].div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  position: relative;\n  background-color: #341644;\n  border-radius: 45px;\n  padding-bottom: 15px;\n  padding: 20px 40px;\n  max-width: 760px;\n  box-shadow: 0 -5px 0 #531D75, 0 10px 0 #1C042B, 0 14px 0 rgba(0,0,0,0.3);\n  box-sizing: border-box;\n  color: #fff;\n  display: inline-flex;\n  flex-direction: column;\n  min-width: 340px;\n"], ["\n  position: relative;\n  background-color: #341644;\n  border-radius: 45px;\n  padding-bottom: 15px;\n  padding: 20px 40px;\n  max-width: 760px;\n  box-shadow: 0 -5px 0 #531D75, 0 10px 0 #1C042B, 0 14px 0 rgba(0,0,0,0.3);\n  box-sizing: border-box;\n  color: #fff;\n  display: inline-flex;\n  flex-direction: column;\n  min-width: 340px;\n"])));
-var Title = styledComponents_browser_esm['default'].div(templateObject_2 || (templateObject_2 = tslib_es6.__makeTemplateObject(["\n  color: #fff;\n  font-family: 'Rammetto One';\n  text-align: center;\n  font-size: 26px;\n  margin-bottom: 10px;\n"], ["\n  color: #fff;\n  font-family: 'Rammetto One';\n  text-align: center;\n  font-size: 26px;\n  margin-bottom: 10px;\n"])));
-var Content = styledComponents_browser_esm['default'].div(templateObject_4 || (templateObject_4 = tslib_es6.__makeTemplateObject(["\n  background-color: #ffffff0a;\n  flex: 1;\n  border-radius: 20px;\n  font-size: 18px;\n  height: 100%;\n  padding: 20px 15px;\n  ", "\n"], ["\n  background-color: #ffffff0a;\n  flex: 1;\n  border-radius: 20px;\n  font-size: 18px;\n  height: 100%;\n  padding: 20px 15px;\n  ", "\n"])), function (props) { return props.hasError && styledComponents_browser_esm.css(templateObject_3 || (templateObject_3 = tslib_es6.__makeTemplateObject(["\n    box-shadow: 0px 0px 3px 1px #ff000055;\n  "], ["\n    box-shadow: 0px 0px 3px 1px #ff000055;\n  "]))); });
-var Actions = styledComponents_browser_esm['default'].div(templateObject_5 || (templateObject_5 = tslib_es6.__makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  margin-top: 15px;\n  > * { margin-right: 10px; }\n  > :last-child { margin-right: 0; }\n"], ["\n  display: flex;\n  justify-content: center;\n  margin-top: 15px;\n  > * { margin-right: 10px; }\n  > :last-child { margin-right: 0; }\n"])));
-var QuitButton = styledComponents_browser_esm['default'].div(templateObject_6 || (templateObject_6 = tslib_es6.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(11px, -16px);\n"], ["\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(11px, -16px);\n"])));
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+var Wrapper = styled__default['default'].div(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n  position: relative;\n  background-color: #341644;\n  border-radius: 45px;\n  padding-bottom: 15px;\n  padding: 20px 40px;\n  max-width: 760px;\n  box-shadow: 0 -5px 0 #531D75, 0 10px 0 #1C042B, 0 14px 0 rgba(0,0,0,0.3);\n  box-sizing: border-box;\n  color: #fff;\n  display: inline-flex;\n  flex-direction: column;\n  min-width: 340px;\n"], ["\n  position: relative;\n  background-color: #341644;\n  border-radius: 45px;\n  padding-bottom: 15px;\n  padding: 20px 40px;\n  max-width: 760px;\n  box-shadow: 0 -5px 0 #531D75, 0 10px 0 #1C042B, 0 14px 0 rgba(0,0,0,0.3);\n  box-sizing: border-box;\n  color: #fff;\n  display: inline-flex;\n  flex-direction: column;\n  min-width: 340px;\n"])));
+var Title = styled__default['default'].div(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n  color: #fff;\n  font-family: 'Rammetto One';\n  text-align: center;\n  font-size: 26px;\n  margin-bottom: 10px;\n"], ["\n  color: #fff;\n  font-family: 'Rammetto One';\n  text-align: center;\n  font-size: 26px;\n  margin-bottom: 10px;\n"])));
+var Content = styled__default['default'].div(templateObject_4 || (templateObject_4 = tslib.__makeTemplateObject(["\n  background-color: #ffffff0a;\n  flex: 1;\n  border-radius: 20px;\n  font-size: 18px;\n  height: 100%;\n  padding: 20px 15px;\n  ", "\n"], ["\n  background-color: #ffffff0a;\n  flex: 1;\n  border-radius: 20px;\n  font-size: 18px;\n  height: 100%;\n  padding: 20px 15px;\n  ", "\n"])), function (props) { return props.hasError && styled.css(templateObject_3 || (templateObject_3 = tslib.__makeTemplateObject(["\n    box-shadow: 0px 0px 3px 1px #ff000055;\n  "], ["\n    box-shadow: 0px 0px 3px 1px #ff000055;\n  "]))); });
+var Actions = styled__default['default'].div(templateObject_5 || (templateObject_5 = tslib.__makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  margin-top: 15px;\n  > * { margin-right: 10px; }\n  > :last-child { margin-right: 0; }\n"], ["\n  display: flex;\n  justify-content: center;\n  margin-top: 15px;\n  > * { margin-right: 10px; }\n  > :last-child { margin-right: 0; }\n"])));
+var QuitButton = styled__default['default'].div(templateObject_6 || (templateObject_6 = tslib.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(11px, -16px);\n"], ["\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(11px, -16px);\n"])));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
 
 exports.Actions = Actions;

package/dist/components/Modal/Modal.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Modal.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Modal/ModalState.js

@@ -2,17 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
+var tslib = require('tslib');
 var React = require('react');
-var index = require('../../node_modules/shortid/index.js');
-var styledComponents_browser_esm = require('../../node_modules/styled-components/dist/styled-components.browser.esm.js');
-var unstatedNext = require('../../node_modules/unstated-next/dist/unstated-next.mjs.js');
+var shortid = require('shortid');
+var styled = require('styled-components');
+var unstatedNext = require('unstated-next');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var shortid__default = /*#__PURE__*/_interopDefaultLegacy(shortid);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var Overlay = styledComponents_browser_esm['default'].div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: ", ";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 999999999;\n"], ["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: ", ";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 999999999;\n"])), function (props) { return props.active ? 'rgba(0,0,0,0.7)' : 'rgba(0,0,0,0)'; });
+var Overlay = styled__default['default'].div(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: ", ";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 999999999;\n"], ["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: ", ";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 999999999;\n"])), function (props) { return props.active ? 'rgba(0,0,0,0.7)' : 'rgba(0,0,0,0)'; });
 var ModalState = function () {
     var _a = React.useState({}), modals = _a[0], setModals = _a[1];
     var modalsStack = React.useMemo(function () {
@@ -24,15 +26,15 @@ var ModalState = function () {
     var close = function (key) {
         var keyToRemove = key || lastModalKey;
         setModals(function (modals) {
-            var newModals = tslib_es6.__assign({}, modals);
+            var newModals = tslib.__assign({}, modals);
             delete newModals[keyToRemove];
             return newModals;
         });
     };
     var open = function (modal, key) {
-        var id = "" + (key || index.generate());
+        var id = "" + (key || shortid__default['default'].generate());
         setModals(function (modals) {
-            var newModals = tslib_es6.__assign({}, modals);
+            var newModals = tslib.__assign({}, modals);
             newModals[id] = React__default['default'].cloneElement(modal, { id: id, dismiss: function () { return close(id); } });
             return newModals;
         });

package/dist/components/Modal/ModalState.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalState.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ModalState.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/hooks/useAsync.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../node_modules/tslib/tslib.es6.js');
+var tslib = require('tslib');
 var React = require('react');
 
 var initialProps = {
@@ -11,14 +11,14 @@ var initialProps = {
 };
 var useAsync = function (props) {
     if (props === void 0) { props = initialProps; }
-    var _a = tslib_es6.__assign({}, props), asyncFunc = _a.asyncFunc, immediate = _a.immediate, funcParams = _a.funcParams, initialData = _a.initialData;
+    var _a = tslib.__assign({}, props), asyncFunc = _a.asyncFunc, immediate = _a.immediate, funcParams = _a.funcParams, initialData = _a.initialData;
     var _b = React.useState(immediate), loading = _b[0], setLoading = _b[1];
     var _c = React.useState(initialData), data = _c[0], setData = _c[1];
     var _d = React.useState(null), error = _d[0], setError = _d[1];
     var mountedRef = React.useRef(true);
     var execute = React.useCallback(function (params) {
         setLoading(true);
-        return asyncFunc(tslib_es6.__assign(tslib_es6.__assign({}, funcParams), params))
+        return asyncFunc(tslib.__assign(tslib.__assign({}, funcParams), params))
             .then(function (res) {
             if (!mountedRef.current)
                 return null;

package/dist/hooks/useConfettis/animations.js

@@ -2,8 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
-var confetti_module = require('../../node_modules/canvas-confetti/dist/confetti.module.mjs.js');
+var tslib = require('tslib');
+var confetti = require('canvas-confetti');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var confetti__default = /*#__PURE__*/_interopDefaultLegacy(confetti);
 
 function randomInRange(min, max) {
     return Math.random() * (max - min) + min;
@@ -11,7 +15,7 @@ function randomInRange(min, max) {
 var ANIMATIONS = {
     basicCanon: function (_a) {
         var _b = _a.confettiOptions, _c = _b.particleCount, particleCount = _c === void 0 ? 100 : _c, _d = _b.spread, spread = _d === void 0 ? 70 : _d, _e = _b.origin, origin = _e === void 0 ? { y: 0.6 } : _e;
-        confetti_module({
+        confetti__default['default']({
             particleCount: particleCount,
             spread: spread,
             origin: origin,
@@ -27,8 +31,8 @@ var ANIMATIONS = {
                 return clearInterval(interval);
             }
             var particleCount = 50 * (timeLeft / durationInMs);
-            confetti_module(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, defaults), confettiOptions), { particleCount: particleCount, origin: { x: randomInRange(0.1, 0.3), y: Math.random() - 0.2 } }));
-            confetti_module(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, defaults), confettiOptions), { particleCount: particleCount, origin: { x: randomInRange(0.7, 0.9), y: Math.random() - 0.2 } }));
+            confetti__default['default'](tslib.__assign(tslib.__assign(tslib.__assign({}, defaults), confettiOptions), { particleCount: particleCount, origin: { x: randomInRange(0.1, 0.3), y: Math.random() - 0.2 } }));
+            confetti__default['default'](tslib.__assign(tslib.__assign(tslib.__assign({}, defaults), confettiOptions), { particleCount: particleCount, origin: { x: randomInRange(0.7, 0.9), y: Math.random() - 0.2 } }));
             return null;
         }, 250);
     },
@@ -39,17 +43,17 @@ var ANIMATIONS = {
             particleCount: 2,
             origin: { x: 0, y: 0.5 },
         } : _d;
-        return tslib_es6.__awaiter(void 0, void 0, void 0, function () {
+        return tslib.__awaiter(void 0, void 0, void 0, function () {
             function frame() {
-                confetti_module(tslib_es6.__assign({}, options));
-                confetti_module(tslib_es6.__assign(tslib_es6.__assign({}, options), { angle: 2 * options.angle, origin: tslib_es6.__assign(tslib_es6.__assign({}, options.origin), { x: 1 - options.origin.x }) }));
+                confetti__default['default'](tslib.__assign({}, options));
+                confetti__default['default'](tslib.__assign(tslib.__assign({}, options), { angle: 2 * options.angle, origin: tslib.__assign(tslib.__assign({}, options.origin), { x: 1 - options.origin.x }) }));
                 if (Date.now() < end) {
                     requestAnimationFrame(frame);
                 }
             }
             var end, options;
             var _e, _f;
-            return tslib_es6.__generator(this, function (_g) {
+            return tslib.__generator(this, function (_g) {
                 end = Date.now() + durationInMs;
                 options = {
                     angle: confettiOptions.angle || 60,

package/dist/hooks/useConfettis/animations.js.map

@@ -1 +1 @@
-{"version":3,"file":"animations.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"animations.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/hooks/useConfettis/index.js

@@ -1,11 +1,15 @@
 'use strict';
 
-var confetti_module = require('../../node_modules/canvas-confetti/dist/confetti.module.mjs.js');
+var confetti = require('canvas-confetti');
 var animations = require('./animations.js');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var confetti__default = /*#__PURE__*/_interopDefaultLegacy(confetti);
+
 var useConfettis = function () {
     var cannon = function () {
-        confetti_module({
+        confetti__default['default']({
             particleCount: 100,
             spread: 70,
             origin: { y: 0.6 }
@@ -13,7 +17,7 @@ var useConfettis = function () {
     };
     return {
         cannon: cannon,
-        confetti: confetti_module,
+        confetti: confetti__default['default'],
         ANIMATIONS: animations.ANIMATIONS
     };
 };

package/dist/hooks/useConfettis/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}