nzk-react-components 0.3.7 → 0.4.0-0
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/components/Button/Button.d.ts +2 -1
- package/dist/components/DatePicker/DatePicker.d.ts +16 -0
- package/dist/components/DatePicker/DatePicker.js +60 -0
- package/dist/components/DatePicker/DatePicker.js.map +1 -0
- package/dist/components/DatePicker/DatePicker.stories.d.ts +6 -0
- package/dist/components/DatePicker/index.d.ts +2 -0
- package/dist/components/DatePicker/index.js +8 -0
- package/dist/components/{DrawingTool/components/CropChoicePopup → DatePicker}/index.js.map +0 -0
- package/dist/components/DrawingTool/DrawingTool.d.ts +0 -3
- package/dist/components/DrawingTool/DrawingTool.js +45 -83
- package/dist/components/DrawingTool/DrawingTool.js.map +1 -1
- package/dist/components/DrawingTool/DrawingTool.styles.d.ts +1 -7
- package/dist/components/DrawingTool/DrawingTool.styles.js +5 -6
- package/dist/components/DrawingTool/DrawingTool.styles.js.map +1 -1
- package/dist/components/DrawingTool/DrawingToolProvider.d.ts +4 -5
- package/dist/components/DrawingTool/DrawingToolProvider.js +9 -15
- package/dist/components/DrawingTool/DrawingToolProvider.js.map +1 -1
- package/dist/components/DrawingTool/components/Header/Header.js +2 -2
- package/dist/components/DrawingTool/lib/Sketch.js +5 -2
- package/dist/components/DrawingTool/lib/Sketch.js.map +1 -1
- package/dist/components/Input/Input.d.ts +7 -0
- package/dist/components/Input/Input.js +19 -0
- package/dist/components/Input/Input.js.map +1 -0
- package/dist/components/Input/Input.stories.d.ts +6 -0
- package/dist/components/Input/index.d.ts +2 -0
- package/dist/components/Input/index.js +8 -0
- package/dist/components/{DrawingTool/components/ImageInputPopup → Input}/index.js.map +0 -0
- package/dist/index.d.ts +3 -3
- package/dist/index.js +4 -5
- package/dist/index.js.map +1 -1
- package/package.json +2 -5
- package/dist/.DS_Store +0 -0
- package/dist/assets/.DS_Store +0 -0
- package/dist/assets/icons/.DS_Store +0 -0
- package/dist/components/DrawingTool/components/CropChoicePopup/CropChoicePopup.d.ts +0 -8
- package/dist/components/DrawingTool/components/CropChoicePopup/CropChoicePopup.js +0 -27
- package/dist/components/DrawingTool/components/CropChoicePopup/CropChoicePopup.js.map +0 -1
- package/dist/components/DrawingTool/components/CropChoicePopup/CropChoicePopup.styles.d.ts +0 -5
- package/dist/components/DrawingTool/components/CropChoicePopup/CropChoicePopup.styles.js +0 -20
- package/dist/components/DrawingTool/components/CropChoicePopup/CropChoicePopup.styles.js.map +0 -1
- package/dist/components/DrawingTool/components/CropChoicePopup/index.d.ts +0 -2
- package/dist/components/DrawingTool/components/CropChoicePopup/index.js +0 -8
- package/dist/components/DrawingTool/components/ImageInputPopup/ImageInputPopup.d.ts +0 -9
- package/dist/components/DrawingTool/components/ImageInputPopup/ImageInputPopup.js +0 -83
- package/dist/components/DrawingTool/components/ImageInputPopup/ImageInputPopup.js.map +0 -1
- package/dist/components/DrawingTool/components/ImageInputPopup/ImageInputPopup.styles.d.ts +0 -4
- package/dist/components/DrawingTool/components/ImageInputPopup/ImageInputPopup.styles.js +0 -22
- package/dist/components/DrawingTool/components/ImageInputPopup/ImageInputPopup.styles.js.map +0 -1
- package/dist/components/DrawingTool/components/ImageInputPopup/index.d.ts +0 -2
- package/dist/components/DrawingTool/components/ImageInputPopup/index.js +0 -8
- package/dist/components/DrawingTool/components/Loader.d.ts +0 -19
- package/dist/components/DrawingTool/components/Loader.js +0 -35
- package/dist/components/DrawingTool/components/Loader.js.map +0 -1
- package/dist/components/DrawingTool/components/MagicCropPopup/MagicCropPopup.d.ts +0 -8
- package/dist/components/DrawingTool/components/MagicCropPopup/MagicCropPopup.js +0 -82
- package/dist/components/DrawingTool/components/MagicCropPopup/MagicCropPopup.js.map +0 -1
- package/dist/components/DrawingTool/components/MagicCropPopup/MagicCropPopup.styles.d.ts +0 -8
- package/dist/components/DrawingTool/components/MagicCropPopup/MagicCropPopup.styles.js +0 -26
- package/dist/components/DrawingTool/components/MagicCropPopup/MagicCropPopup.styles.js.map +0 -1
- package/dist/components/DrawingTool/components/MagicCropPopup/index.d.ts +0 -2
- package/dist/components/DrawingTool/components/MagicCropPopup/index.js +0 -8
- package/dist/components/DrawingTool/components/MagicCropPopup/index.js.map +0 -1
- package/dist/components/DrawingTool/components/ManualCropPopup/ManualCropPopup.d.ts +0 -7
- package/dist/components/DrawingTool/components/ManualCropPopup/ManualCropPopup.js +0 -25
- package/dist/components/DrawingTool/components/ManualCropPopup/ManualCropPopup.js.map +0 -1
- package/dist/components/DrawingTool/components/ManualCropPopup/ManualCropPopup.styles.d.ts +0 -4
- package/dist/components/DrawingTool/components/ManualCropPopup/ManualCropPopup.styles.js +0 -18
- package/dist/components/DrawingTool/components/ManualCropPopup/ManualCropPopup.styles.js.map +0 -1
- package/dist/components/DrawingTool/components/ManualCropPopup/index.d.ts +0 -2
- package/dist/components/DrawingTool/components/ManualCropPopup/index.js +0 -8
- package/dist/components/DrawingTool/components/ManualCropPopup/index.js.map +0 -1
- package/dist/components/DrawingTool/components/Popup.d.ts +0 -13
- package/dist/components/DrawingTool/components/Popup.js +0 -34
- package/dist/components/DrawingTool/components/Popup.js.map +0 -1
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var tslib = require('tslib');
|
|
6
|
-
var styled = require('styled-components');
|
|
7
|
-
|
|
8
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
|
-
|
|
10
|
-
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
11
|
-
|
|
12
|
-
var Container = styled__default['default'].div(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n flex-wrap: wrap;\n font-size: 24px;\n text-align: center;\n > :last-child {\n width: 100%;\n display: flex;\n justify-content: center;\n }\n"], ["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n flex-wrap: wrap;\n font-size: 24px;\n text-align: center;\n > :last-child {\n width: 100%;\n display: flex;\n justify-content: center;\n }\n"])));
|
|
13
|
-
var Image = styled__default['default'].div(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n width: 100%;\n height: 250px;\n background-image: url(", ");\n background-size: contain;\n background-position: center;\n background-repeat: no-repeat;\n @media (max-height: 400px) {\n height: 170px;\n }\n"], ["\n width: 100%;\n height: 250px;\n background-image: url(", ");\n background-size: contain;\n background-position: center;\n background-repeat: no-repeat;\n @media (max-height: 400px) {\n height: 170px;\n }\n"])), function (props) { return props.src; });
|
|
14
|
-
var templateObject_1, templateObject_2;
|
|
15
|
-
|
|
16
|
-
exports.Container = Container;
|
|
17
|
-
exports.Image = Image;
|
|
18
|
-
//# sourceMappingURL=ManualCropPopup.styles.js.map
|
package/dist/components/DrawingTool/components/ManualCropPopup/ManualCropPopup.styles.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ManualCropPopup.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare const QuitButton: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
-
interface Props {
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
onDismiss?: undefined | (() => void);
|
|
6
|
-
}
|
|
7
|
-
declare const Popup: {
|
|
8
|
-
(props: Props): JSX.Element;
|
|
9
|
-
defaultProps: {
|
|
10
|
-
onDismiss: undefined;
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
export default Popup;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var tslib = require('tslib');
|
|
6
|
-
var React = require('react');
|
|
7
|
-
var styled = require('styled-components');
|
|
8
|
-
var Button = require('../../Button/Button.js');
|
|
9
|
-
var Icon = require('../../Icon/Icon.js');
|
|
10
|
-
|
|
11
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
-
|
|
13
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
|
-
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
15
|
-
|
|
16
|
-
var Overlay = styled__default['default'].div(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n position: fixed;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n z-index: 100;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: rgba(0,0,0, .4);\n"], ["\n position: fixed;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n z-index: 100;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: rgba(0,0,0, .4);\n"])));
|
|
17
|
-
var Container = styled__default['default'].div(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n position: relative;\n width: 90%;\n max-width: 900px;\n border-radius: 50px;\n padding: 40px;\n background-color: #341644;\n box-shadow: 0 -5px 0 #531D75, 0 10px 0 #1C042B, 0 14px 0 rgba(0,0,0,0.3);\n color: white;\n * {\n box-sizing: border-box;\n }\n @media (max-width: 850px) and (max-height: 850px), (max-width: 700px) {\n width: 100%;\n height: 100%;\n border-radius: 0px;\n box-shadow: none;\n padding: 20px;\n }\n"], ["\n position: relative;\n width: 90%;\n max-width: 900px;\n border-radius: 50px;\n padding: 40px;\n background-color: #341644;\n box-shadow: 0 -5px 0 #531D75, 0 10px 0 #1C042B, 0 14px 0 rgba(0,0,0,0.3);\n color: white;\n * {\n box-sizing: border-box;\n }\n @media (max-width: 850px) and (max-height: 850px), (max-width: 700px) {\n width: 100%;\n height: 100%;\n border-radius: 0px;\n box-shadow: none;\n padding: 20px;\n }\n"])));
|
|
18
|
-
var QuitButton = styled__default['default'].div(templateObject_3 || (templateObject_3 = tslib.__makeTemplateObject(["\n position: absolute;\n top: -15px;\n right: -15px;\n @media (max-width: 850px) and (max-height: 850px), (max-width: 700px) {\n top: 15px;\n right: 15px;\n }\n"], ["\n position: absolute;\n top: -15px;\n right: -15px;\n @media (max-width: 850px) and (max-height: 850px), (max-width: 700px) {\n top: 15px;\n right: 15px;\n }\n"])));
|
|
19
|
-
var Popup = function (props) {
|
|
20
|
-
return React__default['default'].createElement(Overlay, null,
|
|
21
|
-
React__default['default'].createElement(Container, null,
|
|
22
|
-
props.onDismiss && React__default['default'].createElement(QuitButton, { onClick: props.onDismiss },
|
|
23
|
-
React__default['default'].createElement(Button, { size: "regular", round: true, theme: 'red' },
|
|
24
|
-
React__default['default'].createElement(Icon, { name: 'close' }))),
|
|
25
|
-
props.children));
|
|
26
|
-
};
|
|
27
|
-
Popup.defaultProps = {
|
|
28
|
-
onDismiss: undefined
|
|
29
|
-
};
|
|
30
|
-
var templateObject_1, templateObject_2, templateObject_3;
|
|
31
|
-
|
|
32
|
-
exports.QuitButton = QuitButton;
|
|
33
|
-
exports['default'] = Popup;
|
|
34
|
-
//# sourceMappingURL=Popup.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Popup.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|