nuudel-core 0.1.1 → 0.1.2
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/build/main/index.d.ts +3 -1
- package/build/main/index.js +13 -1
- package/build/main/lib/components/Box/index.d.ts +6 -0
- package/build/main/lib/components/Box/index.jsx +12 -0
- package/build/main/lib/components/Button/index.d.ts +27 -0
- package/build/main/lib/components/Button/index.jsx +109 -0
- package/build/main/lib/components/Checkbox/index.d.ts +6 -0
- package/build/main/lib/components/Checkbox/index.jsx +12 -0
- package/build/main/lib/components/Choices/index.d.ts +13 -0
- package/build/main/lib/components/Choices/index.jsx +28 -0
- package/build/main/lib/components/ColorBox/index.d.ts +6 -0
- package/build/main/lib/components/ColorBox/index.jsx +45 -0
- package/build/main/lib/components/Container/index.d.ts +14 -0
- package/build/main/lib/components/Container/index.jsx +40 -0
- package/build/main/lib/components/Dialog/index.d.ts +13 -0
- package/build/main/lib/components/Dialog/index.jsx +115 -0
- package/build/main/lib/components/Divider/index.d.ts +6 -0
- package/build/main/lib/components/Divider/index.jsx +12 -0
- package/build/main/lib/components/Drawer/index.d.ts +9 -0
- package/build/main/lib/components/Drawer/index.jsx +91 -0
- package/build/main/lib/components/Grid/index.d.ts +6 -0
- package/build/main/lib/components/Grid/index.jsx +12 -0
- package/build/main/lib/components/IFrame/index.d.ts +4 -0
- package/build/main/lib/components/IFrame/index.jsx +121 -0
- package/build/main/lib/components/IFrame/types.d.ts +33 -0
- package/build/main/lib/components/IFrame/types.js +3 -0
- package/build/main/lib/components/Image/index.d.ts +17 -0
- package/build/main/lib/components/Image/index.jsx +44 -0
- package/build/main/lib/components/Link/index.d.ts +19 -0
- package/build/main/lib/components/Link/index.jsx +68 -0
- package/build/main/lib/components/Map/index.d.ts +3 -0
- package/build/main/lib/components/Map/index.jsx +63 -0
- package/build/main/lib/components/Menu/index.d.ts +15 -0
- package/build/main/lib/components/Menu/index.jsx +31 -0
- package/build/main/lib/components/MessageBar/index.d.ts +15 -0
- package/build/main/lib/components/MessageBar/index.jsx +50 -0
- package/build/main/lib/components/MessageBox/index.d.ts +11 -0
- package/build/main/lib/components/MessageBox/index.jsx +86 -0
- package/build/main/lib/components/NoSsr/index.d.ts +3 -0
- package/build/main/lib/components/NoSsr/index.jsx +12 -0
- package/build/main/lib/components/NumberFormatInput/index.d.ts +8 -0
- package/build/main/lib/components/NumberFormatInput/index.jsx +32 -0
- package/build/main/lib/components/Rating/index.d.ts +6 -0
- package/build/main/lib/components/Rating/index.jsx +12 -0
- package/build/main/lib/components/ReCaptcha/index.d.ts +22 -0
- package/build/main/lib/components/ReCaptcha/index.jsx +81 -0
- package/build/main/lib/components/Select/index.d.ts +14 -0
- package/build/main/lib/components/Select/index.jsx +54 -0
- package/build/main/lib/components/Slider/index.d.ts +6 -0
- package/build/main/lib/components/Slider/index.jsx +12 -0
- package/build/main/lib/components/Slideshow/index.d.ts +44 -0
- package/build/main/lib/components/Slideshow/index.jsx +106 -0
- package/build/main/lib/components/Spinner/index.d.ts +8 -0
- package/build/main/lib/components/Spinner/index.jsx +59 -0
- package/build/main/lib/components/Stepper/index.d.ts +8 -0
- package/build/main/lib/components/Stepper/index.jsx +86 -0
- package/build/main/lib/components/Switch/index.d.ts +9 -0
- package/build/main/lib/components/Switch/index.jsx +26 -0
- package/build/main/lib/components/TagsInput/index.d.ts +2 -0
- package/build/main/lib/components/TagsInput/index.jsx +9 -0
- package/build/main/lib/components/Text/index.d.ts +10 -0
- package/build/main/lib/components/Text/index.jsx +42 -0
- package/build/main/lib/components/TextField/index.d.ts +8 -0
- package/build/main/lib/components/TextField/index.jsx +28 -0
- package/build/main/lib/components/Tooltip/index.d.ts +6 -0
- package/build/main/lib/components/Tooltip/index.jsx +12 -0
- package/build/main/lib/components/index.d.ts +30 -0
- package/build/main/lib/components/index.js +86 -0
- package/build/main/lib/controls/formFields/FileUploadField.jsx +5 -5
- package/build/main/lib/controls/formFields/FormField.jsx +7 -7
- package/build/main/lib/controls/formFields/RNFieldChoiceEdit.jsx +3 -3
- package/build/main/lib/controls/formFields/RNFieldImageDisplay.jsx +5 -5
- package/build/main/lib/controls/formFields/RNFieldLookupDisplay.jsx +7 -7
- package/build/main/lib/controls/formFields/RNFieldNumberEdit.jsx +3 -3
- package/build/main/lib/controls/formFields/RNFieldObjectEdit.jsx +3 -3
- package/build/main/lib/controls/formFields/RNFieldTextDisplay.jsx +3 -3
- package/build/main/lib/controls/formFields/RNFieldTextEdit.jsx +4 -4
- package/build/main/lib/controls/formFields/RNFieldUrlDisplay.jsx +4 -4
- package/build/main/lib/controls/formFields/RNFieldUrlEdit.jsx +3 -3
- package/build/main/lib/controls/formFields/RNFormField.jsx +7 -7
- package/build/main/lib/forms/DetailForm/DetailForm.d.ts +1 -1
- package/build/main/lib/forms/DetailForm/DetailForm.jsx +21 -21
- package/build/main/lib/forms/Upload/index.jsx +4 -4
- package/build/module/index.d.ts +3 -1
- package/build/module/index.js +3 -1
- package/build/module/lib/components/Box/index.d.ts +6 -0
- package/build/module/lib/components/Box/index.jsx +5 -0
- package/build/module/lib/components/Button/index.d.ts +27 -0
- package/build/module/lib/components/Button/index.jsx +74 -0
- package/build/module/lib/components/Checkbox/index.d.ts +6 -0
- package/build/module/lib/components/Checkbox/index.jsx +5 -0
- package/build/module/lib/components/Choices/index.d.ts +13 -0
- package/build/module/lib/components/Choices/index.jsx +7 -0
- package/build/module/lib/components/ColorBox/index.d.ts +6 -0
- package/build/module/lib/components/ColorBox/index.jsx +40 -0
- package/build/module/lib/components/Container/index.d.ts +14 -0
- package/build/module/lib/components/Container/index.jsx +23 -0
- package/build/module/lib/components/Dialog/index.d.ts +13 -0
- package/build/module/lib/components/Dialog/index.jsx +79 -0
- package/build/module/lib/components/Divider/index.d.ts +6 -0
- package/build/module/lib/components/Divider/index.jsx +5 -0
- package/build/module/lib/components/Drawer/index.d.ts +9 -0
- package/build/module/lib/components/Drawer/index.jsx +53 -0
- package/build/module/lib/components/Grid/index.d.ts +6 -0
- package/build/module/lib/components/Grid/index.jsx +5 -0
- package/build/module/lib/components/IFrame/index.d.ts +4 -0
- package/build/module/lib/components/IFrame/index.jsx +100 -0
- package/build/module/lib/components/IFrame/types.d.ts +33 -0
- package/build/module/lib/components/IFrame/types.js +2 -0
- package/build/module/lib/components/Image/index.d.ts +17 -0
- package/build/module/lib/components/Image/index.jsx +27 -0
- package/build/module/lib/components/Link/index.d.ts +19 -0
- package/build/module/lib/components/Link/index.jsx +50 -0
- package/build/module/lib/components/Map/index.d.ts +3 -0
- package/build/module/lib/components/Map/index.jsx +39 -0
- package/build/module/lib/components/Menu/index.d.ts +15 -0
- package/build/module/lib/components/Menu/index.jsx +10 -0
- package/build/module/lib/components/MessageBar/index.d.ts +15 -0
- package/build/module/lib/components/MessageBar/index.jsx +31 -0
- package/build/module/lib/components/MessageBox/index.d.ts +11 -0
- package/build/module/lib/components/MessageBox/index.jsx +53 -0
- package/build/module/lib/components/NoSsr/index.d.ts +3 -0
- package/build/module/lib/components/NoSsr/index.jsx +7 -0
- package/build/module/lib/components/NumberFormatInput/index.d.ts +8 -0
- package/build/module/lib/components/NumberFormatInput/index.jsx +11 -0
- package/build/module/lib/components/Rating/index.d.ts +6 -0
- package/build/module/lib/components/Rating/index.jsx +5 -0
- package/build/module/lib/components/ReCaptcha/index.d.ts +22 -0
- package/build/module/lib/components/ReCaptcha/index.jsx +60 -0
- package/build/module/lib/components/Select/index.d.ts +14 -0
- package/build/module/lib/components/Select/index.jsx +36 -0
- package/build/module/lib/components/Slider/index.d.ts +6 -0
- package/build/module/lib/components/Slider/index.jsx +5 -0
- package/build/module/lib/components/Slideshow/index.d.ts +44 -0
- package/build/module/lib/components/Slideshow/index.jsx +80 -0
- package/build/module/lib/components/Spinner/index.d.ts +8 -0
- package/build/module/lib/components/Spinner/index.jsx +42 -0
- package/build/module/lib/components/Stepper/index.d.ts +8 -0
- package/build/module/lib/components/Stepper/index.jsx +67 -0
- package/build/module/lib/components/Switch/index.d.ts +9 -0
- package/build/module/lib/components/Switch/index.jsx +5 -0
- package/build/module/lib/components/TagsInput/index.d.ts +2 -0
- package/build/module/lib/components/TagsInput/index.jsx +3 -0
- package/build/module/lib/components/Text/index.d.ts +10 -0
- package/build/module/lib/components/Text/index.jsx +13 -0
- package/build/module/lib/components/TextField/index.d.ts +8 -0
- package/build/module/lib/components/TextField/index.jsx +14 -0
- package/build/module/lib/components/Tooltip/index.d.ts +6 -0
- package/build/module/lib/components/Tooltip/index.jsx +5 -0
- package/build/module/lib/components/index.d.ts +30 -0
- package/build/module/lib/components/index.js +31 -0
- package/build/module/lib/controls/formFields/FileUploadField.jsx +2 -2
- package/build/module/lib/controls/formFields/FormField.jsx +2 -2
- package/build/module/lib/controls/formFields/RNFieldChoiceEdit.jsx +2 -2
- package/build/module/lib/controls/formFields/RNFieldImageDisplay.jsx +2 -2
- package/build/module/lib/controls/formFields/RNFieldLookupDisplay.jsx +2 -2
- package/build/module/lib/controls/formFields/RNFieldNumberEdit.jsx +2 -2
- package/build/module/lib/controls/formFields/RNFieldObjectEdit.jsx +2 -2
- package/build/module/lib/controls/formFields/RNFieldTextDisplay.jsx +2 -2
- package/build/module/lib/controls/formFields/RNFieldTextEdit.jsx +2 -2
- package/build/module/lib/controls/formFields/RNFieldUrlDisplay.jsx +2 -2
- package/build/module/lib/controls/formFields/RNFieldUrlEdit.jsx +2 -2
- package/build/module/lib/controls/formFields/RNFormField.jsx +2 -2
- package/build/module/lib/forms/DetailForm/DetailForm.d.ts +1 -1
- package/build/module/lib/forms/DetailForm/DetailForm.jsx +2 -2
- package/build/module/lib/forms/Upload/index.jsx +2 -2
- package/package.json +11 -3
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const dynamic_1 = __importDefault(require("next/dynamic"));
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const NoSsr = props => <react_1.default.Fragment>{props.children}</react_1.default.Fragment>;
|
|
9
|
+
exports.default = (0, dynamic_1.default)(() => Promise.resolve(NoSsr), {
|
|
10
|
+
ssr: false,
|
|
11
|
+
});
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL05vU3NyL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLDJEQUFtQztBQUNuQyxrREFBMEI7QUFFMUIsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDLGVBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLEVBQUUsZUFBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0FBRXpFLGtCQUFlLElBQUEsaUJBQU8sRUFBQyxHQUFHLEVBQUUsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxFQUFFO0lBQ25ELEdBQUcsRUFBRSxLQUFLO0NBQ1gsQ0FBQyxDQUFDIn0=
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.NumberFormatInput = void 0;
|
|
18
|
+
const react_number_format_1 = __importDefault(require("react-number-format"));
|
|
19
|
+
const NumberFormatInput = (_a) => {
|
|
20
|
+
var { inputRef, onChange } = _a, props = __rest(_a, ["inputRef", "onChange"]);
|
|
21
|
+
return (<react_number_format_1.default {...props} getInputRef={inputRef} onValueChange={values => {
|
|
22
|
+
onChange({
|
|
23
|
+
target: {
|
|
24
|
+
name: props.name,
|
|
25
|
+
value: values.value,
|
|
26
|
+
},
|
|
27
|
+
});
|
|
28
|
+
}} thousandSeparator isNumericString allowEmptyFormatting allowLeadingZeros/>);
|
|
29
|
+
};
|
|
30
|
+
exports.NumberFormatInput = NumberFormatInput;
|
|
31
|
+
exports.default = exports.NumberFormatInput;
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL051bWJlckZvcm1hdElucHV0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDhFQUErQztBQVF4QyxNQUFNLGlCQUFpQixHQUFpQyxDQUFDLEVBSS9ELEVBQUUsRUFBRTtRQUoyRCxFQUM5RCxRQUFRLEVBQ1IsUUFBUSxPQUVULEVBREksS0FBSyxjQUhzRCx3QkFJL0QsQ0FEUztJQUNKLE9BQUEsQ0FDSixDQUFDLDZCQUFZLENBQ1gsSUFBSSxLQUFLLENBQUMsQ0FDVixXQUFXLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FDdEIsYUFBYSxDQUFDLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDdEIsUUFBUSxDQUFDO2dCQUNQLE1BQU0sRUFBRTtvQkFDTixJQUFJLEVBQUUsS0FBSyxDQUFDLElBQUk7b0JBQ2hCLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSztpQkFDcEI7YUFDRixDQUFDLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FDRixpQkFBaUIsQ0FDakIsZUFBZSxDQUNmLG9CQUFvQixDQUNwQixpQkFBaUIsRUFFakIsQ0FDSCxDQUFBO0NBQUEsQ0FBQztBQXRCVyxRQUFBLGlCQUFpQixxQkFzQjVCO0FBRUYsa0JBQWUseUJBQWlCLENBQUMifQ==
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Rating = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const Rating_1 = __importDefault(require("@material-ui/lab/Rating"));
|
|
9
|
+
const Rating = props => (<Rating_1.default {...props}/>);
|
|
10
|
+
exports.Rating = Rating;
|
|
11
|
+
exports.default = exports.Rating;
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1JhdGluZy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsa0RBQTBCO0FBQzFCLHFFQUFrRTtBQUszRCxNQUFNLE1BQU0sR0FBMkIsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUNyRCxDQUFDLGdCQUFVLENBQUMsSUFBSSxLQUFLLENBQUMsRUFBRyxDQUMxQixDQUFDO0FBRlcsUUFBQSxNQUFNLFVBRWpCO0FBRUYsa0JBQWUsY0FBTSxDQUFDIn0=
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Component } from 'react';
|
|
2
|
+
import { IWithGoogleReCaptchaProps } from 'react-google-recaptcha-v3';
|
|
3
|
+
export interface IProps extends IWithGoogleReCaptchaProps {
|
|
4
|
+
captchaDomain?: string;
|
|
5
|
+
onReceiveToken: (captchaToken: string) => void;
|
|
6
|
+
siteKey: string;
|
|
7
|
+
action: string;
|
|
8
|
+
}
|
|
9
|
+
export declare type IState = {
|
|
10
|
+
token?: string;
|
|
11
|
+
};
|
|
12
|
+
declare class ReCaptcha extends Component<IProps, IState> {
|
|
13
|
+
static defaultProps: {
|
|
14
|
+
siteKey: string;
|
|
15
|
+
action: string;
|
|
16
|
+
};
|
|
17
|
+
constructor(props: IProps);
|
|
18
|
+
handleVerifyRecaptcha: () => Promise<void>;
|
|
19
|
+
onReCAPTCHAChange: (token: string) => Promise<void>;
|
|
20
|
+
render(): JSX.Element;
|
|
21
|
+
}
|
|
22
|
+
export default ReCaptcha;
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
+
}) : function(o, v) {
|
|
12
|
+
o["default"] = v;
|
|
13
|
+
});
|
|
14
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
+
if (mod && mod.__esModule) return mod;
|
|
16
|
+
var result = {};
|
|
17
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
+
__setModuleDefault(result, mod);
|
|
19
|
+
return result;
|
|
20
|
+
};
|
|
21
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
|
+
const react_1 = __importStar(require("react"));
|
|
23
|
+
const react_google_recaptcha_v3_1 = require("react-google-recaptcha-v3");
|
|
24
|
+
const nuudel_utils_1 = require("nuudel-utils");
|
|
25
|
+
const { WEB = '' } = process.env;
|
|
26
|
+
class ReCaptcha extends react_1.Component {
|
|
27
|
+
constructor(props) {
|
|
28
|
+
super(props);
|
|
29
|
+
this.handleVerifyRecaptcha = async () => {
|
|
30
|
+
const { executeRecaptcha } = this.props.googleReCaptchaProps;
|
|
31
|
+
if (!executeRecaptcha) {
|
|
32
|
+
console.log('Recaptcha has not been loaded');
|
|
33
|
+
return;
|
|
34
|
+
}
|
|
35
|
+
const token = await executeRecaptcha(this.props.action);
|
|
36
|
+
this.setState({ token });
|
|
37
|
+
};
|
|
38
|
+
this.onReCAPTCHAChange = async (token) => {
|
|
39
|
+
let uri = typeof window.location === 'undefined'
|
|
40
|
+
? WEB
|
|
41
|
+
: window.location.protocol +
|
|
42
|
+
'//' +
|
|
43
|
+
window.location.host +
|
|
44
|
+
(window.location.port !== '80' && window.location.port !== '443'
|
|
45
|
+
? ':' + window.location.port
|
|
46
|
+
: '');
|
|
47
|
+
try {
|
|
48
|
+
// Ping the google recaptcha verify API to verify the captcha code you received
|
|
49
|
+
const r = await (0, nuudel_utils_1.HttpClient)(`${uri}/recaptcha`, {
|
|
50
|
+
method: 'post',
|
|
51
|
+
body: JSON.stringify({ captcha: token }),
|
|
52
|
+
headers: {
|
|
53
|
+
'Content-Type': 'application/json; charset=utf-8',
|
|
54
|
+
},
|
|
55
|
+
});
|
|
56
|
+
if (r.status === 200) {
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
catch (error) { }
|
|
60
|
+
};
|
|
61
|
+
this.state = { token: undefined };
|
|
62
|
+
}
|
|
63
|
+
render() {
|
|
64
|
+
const { token } = this.state;
|
|
65
|
+
return (<div>
|
|
66
|
+
<react_google_recaptcha_v3_1.GoogleReCaptchaProvider reCaptchaKey={this.props.siteKey}>
|
|
67
|
+
<react_google_recaptcha_v3_1.GoogleReCaptcha onVerify={(token) => {
|
|
68
|
+
this.props.onReceiveToken(token);
|
|
69
|
+
}} action={this.props.action}/>
|
|
70
|
+
</react_google_recaptcha_v3_1.GoogleReCaptchaProvider>
|
|
71
|
+
<button onClick={this.handleVerifyRecaptcha}>Verify Recaptcha</button>
|
|
72
|
+
<p>Token: {token}</p>
|
|
73
|
+
</div>);
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
ReCaptcha.defaultProps = {
|
|
77
|
+
siteKey: process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY,
|
|
78
|
+
action: 'homepage', // 'login'
|
|
79
|
+
};
|
|
80
|
+
exports.default = ReCaptcha;
|
|
81
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1JlQ2FwdGNoYS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsK0NBQXlDO0FBQ3pDLHlFQUltQztBQUNuQywrQ0FBMEM7QUFXMUMsTUFBTSxFQUFFLEdBQUcsR0FBRyxFQUFFLEVBQUUsR0FBRyxPQUFPLENBQUMsR0FBRyxDQUFDO0FBRWpDLE1BQU0sU0FBVSxTQUFRLGlCQUF5QjtJQU0vQyxZQUFZLEtBQWE7UUFDdkIsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBSWYsMEJBQXFCLEdBQUcsS0FBSyxJQUFJLEVBQUU7WUFDakMsTUFBTSxFQUFFLGdCQUFnQixFQUFFLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxvQkFBb0IsQ0FBQztZQUU3RCxJQUFJLENBQUMsZ0JBQWdCLEVBQUU7Z0JBQ3JCLE9BQU8sQ0FBQyxHQUFHLENBQUMsK0JBQStCLENBQUMsQ0FBQztnQkFDN0MsT0FBTzthQUNSO1lBRUQsTUFBTSxLQUFLLEdBQUcsTUFBTSxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBRXhELElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO1FBQzNCLENBQUMsQ0FBQztRQUVGLHNCQUFpQixHQUFHLEtBQUssRUFBRSxLQUFhLEVBQUUsRUFBRTtZQUMxQyxJQUFJLEdBQUcsR0FDTCxPQUFPLE1BQU0sQ0FBQyxRQUFRLEtBQUssV0FBVztnQkFDcEMsQ0FBQyxDQUFDLEdBQUc7Z0JBQ0wsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsUUFBUTtvQkFDeEIsSUFBSTtvQkFDSixNQUFNLENBQUMsUUFBUSxDQUFDLElBQUk7b0JBQ3BCLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEtBQUssSUFBSSxJQUFJLE1BQU0sQ0FBQyxRQUFRLENBQUMsSUFBSSxLQUFLLEtBQUs7d0JBQzlELENBQUMsQ0FBQyxHQUFHLEdBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQyxJQUFJO3dCQUM1QixDQUFDLENBQUMsRUFBRSxDQUFDLENBQUM7WUFFZCxJQUFJO2dCQUNGLCtFQUErRTtnQkFDL0UsTUFBTSxDQUFDLEdBQUcsTUFBTSxJQUFBLHlCQUFVLEVBQUMsR0FBRyxHQUFHLFlBQVksRUFBRTtvQkFDN0MsTUFBTSxFQUFFLE1BQU07b0JBQ2QsSUFBSSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLENBQUM7b0JBQ3hDLE9BQU8sRUFBRTt3QkFDUCxjQUFjLEVBQUUsaUNBQWlDO3FCQUNsRDtpQkFDRixDQUFDLENBQUM7Z0JBRUgsSUFBSSxDQUFDLENBQUMsTUFBTSxLQUFLLEdBQUcsRUFBRTtpQkFDckI7YUFDRjtZQUFDLE9BQU8sS0FBSyxFQUFFLEdBQUU7UUFDcEIsQ0FBQyxDQUFDO1FBeENBLElBQUksQ0FBQyxLQUFLLEdBQUcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLENBQUM7SUFDcEMsQ0FBQztJQXlDRCxNQUFNO1FBQ0osTUFBTSxFQUFFLEtBQUssRUFBRSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7UUFDN0IsT0FBTyxDQUNMLENBQUMsR0FBRyxDQUNGO1FBQUEsQ0FBQyxtREFBdUIsQ0FBQyxZQUFZLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUN4RDtVQUFBLENBQUMsMkNBQWUsQ0FDZCxRQUFRLENBQUMsQ0FBQyxDQUFDLEtBQWEsRUFBRSxFQUFFO2dCQUMxQixJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNuQyxDQUFDLENBQUMsQ0FDRixNQUFNLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxFQUU5QjtRQUFBLEVBQUUsbURBQXVCLENBQ3pCO1FBQUEsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLHFCQUFxQixDQUFDLENBQUMsZ0JBQWdCLEVBQUUsTUFBTSxDQUNyRTtRQUFBLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQ3RCO01BQUEsRUFBRSxHQUFHLENBQUMsQ0FDUCxDQUFDO0lBQ0osQ0FBQzs7QUFqRWEsc0JBQVksR0FBRztJQUMzQixPQUFPLEVBQUUsT0FBTyxDQUFDLEdBQUcsQ0FBQyw4QkFBOEI7SUFDbkQsTUFBTSxFQUFFLFVBQVUsRUFBRSxVQUFVO0NBQy9CLENBQUM7QUFpRUosa0JBQWUsU0FBUyxDQUFDIn0=
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SelectProps } from '@material-ui/core';
|
|
3
|
+
interface ISelectProps extends SelectProps {
|
|
4
|
+
options: ISelectItem[];
|
|
5
|
+
onChange(e: any): any;
|
|
6
|
+
}
|
|
7
|
+
interface ISelectItem {
|
|
8
|
+
value: string | any;
|
|
9
|
+
label: string;
|
|
10
|
+
icon?: any;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
}
|
|
13
|
+
export declare const Select: React.FC<ISelectProps>;
|
|
14
|
+
export default Select;
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.Select = void 0;
|
|
18
|
+
const react_1 = __importDefault(require("react"));
|
|
19
|
+
const core_1 = require("@material-ui/core");
|
|
20
|
+
exports.Select = react_1.default.forwardRef((_a, ref) => {
|
|
21
|
+
var { options, onChange } = _a, props = __rest(_a, ["options", "onChange"]);
|
|
22
|
+
const handleChange = (event) => {
|
|
23
|
+
const value = event.target.value;
|
|
24
|
+
if (onChange) {
|
|
25
|
+
onChange(value && value instanceof Array && value.length > 0 ? value[0] : value);
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
const handleChangeMultiple = (event) => {
|
|
29
|
+
const { options } = event.target;
|
|
30
|
+
const value = [];
|
|
31
|
+
for (let i = 0, l = options.length; i < l; i += 1) {
|
|
32
|
+
if (options[i].selected) {
|
|
33
|
+
value.push(options[i].value);
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
if (onChange) {
|
|
37
|
+
onChange(value);
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
/*
|
|
41
|
+
useEffect(() => {
|
|
42
|
+
if (onChange) {
|
|
43
|
+
onChange(props.value);
|
|
44
|
+
}
|
|
45
|
+
}, [props.value]); // */
|
|
46
|
+
return (<core_1.Select ref={ref} {...props} onChange={props.multiple ? handleChangeMultiple : handleChange}>
|
|
47
|
+
{options.map((option, i) => (<core_1.MenuItem key={i} value={option.value} disabled={option.disabled === true}>
|
|
48
|
+
{option.icon && option.icon}
|
|
49
|
+
{option.label}
|
|
50
|
+
</core_1.MenuItem>))}
|
|
51
|
+
</core_1.Select>);
|
|
52
|
+
});
|
|
53
|
+
exports.default = exports.Select;
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1NlbGVjdC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxrREFBeUM7QUFDekMsNENBQWdGO0FBY25FLFFBQUEsTUFBTSxHQUEyQixlQUFLLENBQUMsVUFBVSxDQUc1RCxDQUFDLEVBQStCLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBeEMsRUFBRSxPQUFPLEVBQUUsUUFBUSxPQUFZLEVBQVAsS0FBSyxjQUE3Qix1QkFBK0IsQ0FBRjtJQUM5QixNQUFNLFlBQVksR0FBRyxDQUFDLEtBQTRDLEVBQUUsRUFBRTtRQUNwRSxNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQWlCLENBQUM7UUFDN0MsSUFBSSxRQUFRLEVBQUU7WUFDWixRQUFRLENBQ04sS0FBSyxJQUFJLEtBQUssWUFBWSxLQUFLLElBQUksS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUN2RSxDQUFDO1NBQ0g7SUFDSCxDQUFDLENBQUM7SUFFRixNQUFNLG9CQUFvQixHQUFHLENBQzNCLEtBQTRDLEVBQzVDLEVBQUU7UUFDRixNQUFNLEVBQUUsT0FBTyxFQUFFLEdBQUcsS0FBSyxDQUFDLE1BQTJCLENBQUM7UUFDdEQsTUFBTSxLQUFLLEdBQWEsRUFBRSxDQUFDO1FBQzNCLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxPQUFPLENBQUMsTUFBTSxFQUFFLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUNqRCxJQUFJLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQUU7Z0JBQ3ZCLEtBQUssQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDO2FBQzlCO1NBQ0Y7UUFDRCxJQUFJLFFBQVEsRUFBRTtZQUNaLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUNqQjtJQUNILENBQUMsQ0FBQztJQUVGOzs7Ozs0QkFLd0I7SUFFeEIsT0FBTyxDQUNMLENBQUMsYUFBVSxDQUNULEdBQUcsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUNULElBQUksS0FBSyxDQUFDLENBQ1YsUUFBUSxDQUFDLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUUvRDtNQUFBLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLE1BQW1CLEVBQUUsQ0FBUyxFQUFFLEVBQUUsQ0FBQyxDQUMvQyxDQUFDLGVBQVEsQ0FDUCxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FDUCxLQUFLLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQ3BCLFFBQVEsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxRQUFRLEtBQUssSUFBSSxDQUFDLENBRW5DO1VBQUEsQ0FBQyxNQUFNLENBQUMsSUFBSSxJQUFJLE1BQU0sQ0FBQyxJQUFJLENBQzNCO1VBQUEsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUNmO1FBQUEsRUFBRSxlQUFRLENBQUMsQ0FDWixDQUFDLENBQ0o7SUFBQSxFQUFFLGFBQVUsQ0FBQyxDQUNkLENBQUM7QUFDSixDQUFDLENBQUMsQ0FBQztBQUVILGtCQUFlLGNBQU0sQ0FBQyJ9
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Slider = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const core_1 = require("@material-ui/core");
|
|
9
|
+
const Slider = props => (<core_1.Slider {...props}/>);
|
|
10
|
+
exports.Slider = Slider;
|
|
11
|
+
exports.default = exports.Slider;
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1NsaWRlci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsa0RBQTBCO0FBQzFCLDRDQUFzRTtBQUkvRCxNQUFNLE1BQU0sR0FBMkIsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUNyRCxDQUFDLGFBQVUsQ0FBQyxJQUFJLEtBQUssQ0FBQyxFQUFHLENBQzFCLENBQUM7QUFGVyxRQUFBLE1BQU0sVUFFakI7QUFFRixrQkFBZSxjQUFNLENBQUMifQ==
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import swiper from 'swiper';
|
|
3
|
+
import 'swiper/swiper.min.css';
|
|
4
|
+
import 'swiper/components/navigation/navigation.min.css';
|
|
5
|
+
import 'swiper/components/pagination/pagination.min.css';
|
|
6
|
+
import 'swiper/components/scrollbar/scrollbar.min.css';
|
|
7
|
+
import 'swiper/components/thumbs/thumbs.min.css';
|
|
8
|
+
export interface ISliderProps {
|
|
9
|
+
contex?: any;
|
|
10
|
+
style?: any;
|
|
11
|
+
images: any[];
|
|
12
|
+
ratio: number;
|
|
13
|
+
columns: number;
|
|
14
|
+
borderRadius: number;
|
|
15
|
+
showPagination: boolean;
|
|
16
|
+
}
|
|
17
|
+
export interface ISliderStates {
|
|
18
|
+
ActiveSlide: number;
|
|
19
|
+
ratio: number;
|
|
20
|
+
thumbsSwiper: swiper | null;
|
|
21
|
+
}
|
|
22
|
+
export declare class Slideshow extends React.Component<ISliderProps, ISliderStates> {
|
|
23
|
+
constructor(props: ISliderProps);
|
|
24
|
+
static defaultProps: {
|
|
25
|
+
componentId: string;
|
|
26
|
+
images: any[];
|
|
27
|
+
columns: number;
|
|
28
|
+
ratio: number;
|
|
29
|
+
showPagination: boolean;
|
|
30
|
+
borderRadius: number;
|
|
31
|
+
style: {};
|
|
32
|
+
};
|
|
33
|
+
componentWillUnmount(): void;
|
|
34
|
+
private openProduct;
|
|
35
|
+
/**
|
|
36
|
+
* Render item of carousel
|
|
37
|
+
*/
|
|
38
|
+
_renderItem: ({ item, index }: {
|
|
39
|
+
item: any;
|
|
40
|
+
index: any;
|
|
41
|
+
}) => JSX.Element;
|
|
42
|
+
render(): JSX.Element;
|
|
43
|
+
}
|
|
44
|
+
export default Slideshow;
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
+
}) : function(o, v) {
|
|
12
|
+
o["default"] = v;
|
|
13
|
+
});
|
|
14
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
+
if (mod && mod.__esModule) return mod;
|
|
16
|
+
var result = {};
|
|
17
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
+
__setModuleDefault(result, mod);
|
|
19
|
+
return result;
|
|
20
|
+
};
|
|
21
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
22
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
23
|
+
};
|
|
24
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
+
exports.Slideshow = void 0;
|
|
26
|
+
const react_1 = __importDefault(require("react"));
|
|
27
|
+
// import Swiper core and required modules
|
|
28
|
+
const swiper_1 = __importStar(require("swiper"));
|
|
29
|
+
const react_2 = require("swiper/react");
|
|
30
|
+
// Import swiper styles
|
|
31
|
+
require("swiper/swiper.min.css");
|
|
32
|
+
require("swiper/components/navigation/navigation.min.css");
|
|
33
|
+
require("swiper/components/pagination/pagination.min.css");
|
|
34
|
+
require("swiper/components/scrollbar/scrollbar.min.css");
|
|
35
|
+
require("swiper/components/thumbs/thumbs.min.css");
|
|
36
|
+
const __1 = require("../");
|
|
37
|
+
//import { isServer } from '@Utils';
|
|
38
|
+
const styles_module_scss_1 = __importDefault(require("./styles.module.scss"));
|
|
39
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
40
|
+
swiper_1.default.use([swiper_1.Navigation, swiper_1.Pagination, swiper_1.Scrollbar, swiper_1.A11y, swiper_1.Thumbs]);
|
|
41
|
+
class Slideshow extends react_1.default.Component {
|
|
42
|
+
constructor(props) {
|
|
43
|
+
super(props);
|
|
44
|
+
this.openProduct = (item) => { };
|
|
45
|
+
/**
|
|
46
|
+
* Render item of carousel
|
|
47
|
+
*/
|
|
48
|
+
this._renderItem = ({ item, index }) => {
|
|
49
|
+
return (<div className={styles_module_scss_1.default.slideContainer}>
|
|
50
|
+
<__1.Link className={styles_module_scss_1.default.slideInnerContainer} onClick={(ev) => this.openProduct(item)}>
|
|
51
|
+
{item && item.uri ? (<__1.Image src={item.uri} className={(0, clsx_1.default)(styles_module_scss_1.default.image, {
|
|
52
|
+
backgroundColor: '#fff',
|
|
53
|
+
borderRadius: this.props.borderRadius,
|
|
54
|
+
})}/>) : (<__1.Image src={require('../../../public/images/placeholder.png')}/>)}
|
|
55
|
+
{!!item.title && <__1.Text className={styles_module_scss_1.default.title}>{item.title}</__1.Text>}
|
|
56
|
+
{!!item.subtitle && (<__1.Text className={styles_module_scss_1.default.subtitle}>{item.subtitle}</__1.Text>)}
|
|
57
|
+
</__1.Link>
|
|
58
|
+
</div>);
|
|
59
|
+
};
|
|
60
|
+
this.state = {
|
|
61
|
+
ActiveSlide: 0,
|
|
62
|
+
ratio: props.ratio > 0 ? props.ratio : 0,
|
|
63
|
+
thumbsSwiper: null,
|
|
64
|
+
};
|
|
65
|
+
}
|
|
66
|
+
componentWillUnmount() { }
|
|
67
|
+
render() {
|
|
68
|
+
const { images } = this.props;
|
|
69
|
+
if (images instanceof Array && images.length > 0) {
|
|
70
|
+
const { ActiveSlide } = this.state;
|
|
71
|
+
return (<div className={(0, clsx_1.default)(styles_module_scss_1.default.sliderContainer, this.props.style)}>
|
|
72
|
+
<react_2.Swiper
|
|
73
|
+
// install Swiper modules
|
|
74
|
+
//modules={[Navigation, Pagination, Scrollbar, A11y]}
|
|
75
|
+
//observer={isServer}
|
|
76
|
+
spaceBetween={0} slidesPerView={1} navigation
|
|
77
|
+
//pagination={{ clickable: true }}
|
|
78
|
+
//scrollbar={{ draggable: true }}
|
|
79
|
+
thumbs={{ swiper: this.state.thumbsSwiper }} onSwiper={(swiper) => { }} onSlideChange={() => console.log('slide change')} className={styles_module_scss_1.default.mainSlider}>
|
|
80
|
+
{images.map((img, i) => (<react_2.SwiperSlide key={i} virtualIndex={i}>
|
|
81
|
+
<__1.Image src={img.uri}/>
|
|
82
|
+
</react_2.SwiperSlide>))}
|
|
83
|
+
</react_2.Swiper>
|
|
84
|
+
<react_2.Swiper onSwiper={(sw) => this.setState({ thumbsSwiper: sw })} spaceBetween={10} slidesPerView={4} freeMode={true} navigation watchSlidesProgress={true} className={styles_module_scss_1.default.thumbSlider}>
|
|
85
|
+
{images.map((img, i) => (<react_2.SwiperSlide key={i} virtualIndex={i}>
|
|
86
|
+
<__1.Image src={img.uri}/>
|
|
87
|
+
</react_2.SwiperSlide>))}
|
|
88
|
+
</react_2.Swiper>
|
|
89
|
+
</div>);
|
|
90
|
+
}
|
|
91
|
+
else
|
|
92
|
+
return <></>;
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
exports.Slideshow = Slideshow;
|
|
96
|
+
Slideshow.defaultProps = {
|
|
97
|
+
componentId: '',
|
|
98
|
+
images: [],
|
|
99
|
+
columns: 1,
|
|
100
|
+
ratio: 1,
|
|
101
|
+
showPagination: true,
|
|
102
|
+
borderRadius: 0,
|
|
103
|
+
style: {},
|
|
104
|
+
};
|
|
105
|
+
exports.default = Slideshow;
|
|
106
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1NsaWRlc2hvdy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGtEQUEwQjtBQUMxQiwwQ0FBMEM7QUFDMUMsaURBTWdCO0FBQ2hCLHdDQUFtRDtBQUNuRCx1QkFBdUI7QUFDdkIsaUNBQStCO0FBQy9CLDJEQUF5RDtBQUN6RCwyREFBeUQ7QUFDekQseURBQXVEO0FBQ3ZELG1EQUFpRDtBQUNqRCwyQkFBd0M7QUFDeEMsb0NBQW9DO0FBQ3BDLDhFQUEwQztBQUMxQyxnREFBd0I7QUFFeEIsZ0JBQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxtQkFBVSxFQUFFLG1CQUFVLEVBQUUsa0JBQVMsRUFBRSxhQUFJLEVBQUUsZUFBTSxDQUFDLENBQUMsQ0FBQztBQWtCOUQsTUFBYSxTQUFVLFNBQVEsZUFBSyxDQUFDLFNBQXNDO0lBQ3pFLFlBQVksS0FBbUI7UUFDN0IsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBcUJQLGdCQUFXLEdBQUcsQ0FBQyxJQUFTLEVBQUUsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUV4Qzs7V0FFRztRQUNILGdCQUFXLEdBQUcsQ0FBQyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFO1lBQ2hDLE9BQU8sQ0FDTCxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsQ0FBQyw0QkFBTSxDQUFDLGNBQWMsQ0FBQyxDQUNwQztRQUFBLENBQUMsUUFBSSxDQUNILFNBQVMsQ0FBQyxDQUFDLDRCQUFNLENBQUMsbUJBQW1CLENBQUMsQ0FDdEMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FFeEM7VUFBQSxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUNsQixDQUFDLFNBQUssQ0FDSixHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQ2QsU0FBUyxDQUFDLENBQUMsSUFBQSxjQUFJLEVBQUMsNEJBQU0sQ0FBQyxLQUFLLEVBQUU7d0JBQzVCLGVBQWUsRUFBRSxNQUFNO3dCQUN2QixZQUFZLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZO3FCQUN0QyxDQUFDLENBQUMsRUFDSCxDQUNILENBQUMsQ0FBQyxDQUFDLENBQ0YsQ0FBQyxTQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsT0FBTyxDQUFDLHdDQUF3QyxDQUFDLENBQUMsRUFBRyxDQUNsRSxDQUNEO1VBQUEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLFFBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyw0QkFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFLFFBQUksQ0FBQyxDQUNuRTtVQUFBLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLElBQUksQ0FDbEIsQ0FBQyxRQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsNEJBQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRSxRQUFJLENBQUMsQ0FDekQsQ0FDSDtRQUFBLEVBQUUsUUFBSSxDQUNSO01BQUEsRUFBRSxHQUFHLENBQUMsQ0FDUCxDQUFDO1FBQ0osQ0FBQyxDQUFDO1FBakRBLElBQUksQ0FBQyxLQUFLLEdBQUc7WUFDWCxXQUFXLEVBQUUsQ0FBQztZQUNkLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUN4QyxZQUFZLEVBQUUsSUFBSTtTQUNuQixDQUFDO0lBQ0osQ0FBQztJQVlNLG9CQUFvQixLQUFVLENBQUM7SUFrQ3RDLE1BQU07UUFDSixNQUFNLEVBQUUsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUM5QixJQUFJLE1BQU0sWUFBWSxLQUFLLElBQUksTUFBTSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDaEQsTUFBTSxFQUFFLFdBQVcsRUFBRSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7WUFFbkMsT0FBTyxDQUNMLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQyxDQUFDLElBQUEsY0FBSSxFQUFDLDRCQUFNLENBQUMsZUFBZSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FDN0Q7VUFBQSxDQUFDLGNBQU07WUFDTCx5QkFBeUI7WUFDekIscURBQXFEO1lBQ3JELHFCQUFxQjtZQUNyQixZQUFZLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FDaEIsYUFBYSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQ2pCLFVBQVU7WUFDVixrQ0FBa0M7WUFDbEMsaUNBQWlDO1lBQ2pDLE1BQU0sQ0FBQyxDQUFDLEVBQUUsTUFBTSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxFQUFFLENBQUMsQ0FDNUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRSxHQUFFLENBQUMsQ0FBQyxDQUN6QixhQUFhLENBQUMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQ2pELFNBQVMsQ0FBQyxDQUFDLDRCQUFNLENBQUMsVUFBVSxDQUFDLENBRTdCO1lBQUEsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxFQUFFLENBQVMsRUFBRSxFQUFFLENBQUMsQ0FDOUIsQ0FBQyxtQkFBVyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUNuQztnQkFBQSxDQUFDLFNBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLEVBQ3RCO2NBQUEsRUFBRSxtQkFBVyxDQUFDLENBQ2YsQ0FBQyxDQUNKO1VBQUEsRUFBRSxjQUFNLENBQ1I7VUFBQSxDQUFDLGNBQU0sQ0FDTCxRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQVUsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFLFlBQVksRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQzlELFlBQVksQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUNqQixhQUFhLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FDakIsUUFBUSxDQUFDLENBQUMsSUFBSSxDQUFDLENBQ2YsVUFBVSxDQUNWLG1CQUFtQixDQUFDLENBQUMsSUFBSSxDQUFDLENBQzFCLFNBQVMsQ0FBQyxDQUFDLDRCQUFNLENBQUMsV0FBVyxDQUFDLENBRTlCO1lBQUEsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxFQUFFLENBQVMsRUFBRSxFQUFFLENBQUMsQ0FDOUIsQ0FBQyxtQkFBVyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUNuQztnQkFBQSxDQUFDLFNBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLEVBQ3RCO2NBQUEsRUFBRSxtQkFBVyxDQUFDLENBQ2YsQ0FBQyxDQUNKO1VBQUEsRUFBRSxjQUFNLENBQ1Y7UUFBQSxFQUFFLEdBQUcsQ0FBQyxDQUNQLENBQUM7U0FDSDs7WUFBTSxPQUFPLEVBQUUsR0FBRyxDQUFDO0lBQ3RCLENBQUM7O0FBcEdILDhCQXFHQztBQTFGUSxzQkFBWSxHQUFHO0lBQ3BCLFdBQVcsRUFBRSxFQUFFO0lBQ2YsTUFBTSxFQUFFLEVBQUU7SUFDVixPQUFPLEVBQUUsQ0FBQztJQUNWLEtBQUssRUFBRSxDQUFDO0lBQ1IsY0FBYyxFQUFFLElBQUk7SUFDcEIsWUFBWSxFQUFFLENBQUM7SUFDZixLQUFLLEVBQUUsRUFBRTtDQUNWLENBQUM7QUFvRkosa0JBQWUsU0FBUyxDQUFDIn0=
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { FunctionComponent } from 'react';
|
|
2
|
+
import { CircularProgressProps } from '@material-ui/core';
|
|
3
|
+
interface IProps extends CircularProgressProps {
|
|
4
|
+
overflowHide?: boolean;
|
|
5
|
+
clickClose?: boolean;
|
|
6
|
+
}
|
|
7
|
+
declare const Spinner: FunctionComponent<IProps>;
|
|
8
|
+
export default Spinner;
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
const react_1 = __importDefault(require("react"));
|
|
18
|
+
const core_1 = require("@material-ui/core");
|
|
19
|
+
const styles_1 = require("@material-ui/core/styles");
|
|
20
|
+
const useStyles = (0, styles_1.makeStyles)((theme) => (0, styles_1.createStyles)({
|
|
21
|
+
root: {
|
|
22
|
+
display: 'flex',
|
|
23
|
+
},
|
|
24
|
+
backdrop: {
|
|
25
|
+
zIndex: theme.zIndex.drawer + 1,
|
|
26
|
+
color: '#fff',
|
|
27
|
+
},
|
|
28
|
+
}));
|
|
29
|
+
const Spinner = (_a) => {
|
|
30
|
+
var { overflowHide } = _a, props = __rest(_a, ["overflowHide"]);
|
|
31
|
+
const classes = useStyles();
|
|
32
|
+
const { clickClose = false, size = 48 } = props;
|
|
33
|
+
const [open, setOpen] = react_1.default.useState(true);
|
|
34
|
+
const handleClose = () => {
|
|
35
|
+
if (clickClose)
|
|
36
|
+
setOpen(false);
|
|
37
|
+
};
|
|
38
|
+
const handleToggle = () => {
|
|
39
|
+
setOpen(!open);
|
|
40
|
+
};
|
|
41
|
+
return !overflowHide ? (<div style={{
|
|
42
|
+
position: 'absolute',
|
|
43
|
+
top: '50%',
|
|
44
|
+
left: '50%',
|
|
45
|
+
marginTop: -(Number(size) / 2),
|
|
46
|
+
marginLeft: -(Number(size) / 2),
|
|
47
|
+
zIndex: 999,
|
|
48
|
+
alignItems: 'center',
|
|
49
|
+
justifyContent: 'center',
|
|
50
|
+
}}>
|
|
51
|
+
<core_1.CircularProgress {...props}/>
|
|
52
|
+
</div>) : (<div>
|
|
53
|
+
<core_1.Backdrop className={classes.backdrop} open={open} onClick={handleClose}>
|
|
54
|
+
<core_1.CircularProgress {...props}/>
|
|
55
|
+
</core_1.Backdrop>
|
|
56
|
+
</div>);
|
|
57
|
+
};
|
|
58
|
+
exports.default = Spinner;
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1NwaW5uZXIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxrREFBaUQ7QUFDakQsNENBSTJCO0FBQzNCLHFEQUEyRTtBQUUzRSxNQUFNLFNBQVMsR0FBRyxJQUFBLG1CQUFVLEVBQUMsQ0FBQyxLQUFZLEVBQUUsRUFBRSxDQUM1QyxJQUFBLHFCQUFZLEVBQUM7SUFDWCxJQUFJLEVBQUU7UUFDSixPQUFPLEVBQUUsTUFBTTtLQUNoQjtJQUNELFFBQVEsRUFBRTtRQUNSLE1BQU0sRUFBRSxLQUFLLENBQUMsTUFBTSxDQUFDLE1BQU0sR0FBRyxDQUFDO1FBQy9CLEtBQUssRUFBRSxNQUFNO0tBQ2Q7Q0FDRixDQUFDLENBQ0gsQ0FBQztBQU9GLE1BQU0sT0FBTyxHQUE4QixDQUFDLEVBQTBCLEVBQUUsRUFBRTtRQUE5QixFQUFFLFlBQVksT0FBWSxFQUFQLEtBQUssY0FBeEIsZ0JBQTBCLENBQUY7SUFDbEUsTUFBTSxPQUFPLEdBQUcsU0FBUyxFQUFFLENBQUM7SUFDNUIsTUFBTSxFQUFFLFVBQVUsR0FBRyxLQUFLLEVBQUUsSUFBSSxHQUFHLEVBQUUsRUFBRSxHQUFHLEtBQUssQ0FBQztJQUNoRCxNQUFNLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxHQUFHLGVBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDN0MsTUFBTSxXQUFXLEdBQUcsR0FBRyxFQUFFO1FBQ3ZCLElBQUksVUFBVTtZQUFFLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNqQyxDQUFDLENBQUM7SUFFRixNQUFNLFlBQVksR0FBRyxHQUFHLEVBQUU7UUFDeEIsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDakIsQ0FBQyxDQUFDO0lBRUYsT0FBTyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsQ0FDckIsQ0FBQyxHQUFHLENBQ0YsS0FBSyxDQUFDLENBQUM7WUFDTCxRQUFRLEVBQUUsVUFBVTtZQUNwQixHQUFHLEVBQUUsS0FBSztZQUNWLElBQUksRUFBRSxLQUFLO1lBQ1gsU0FBUyxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBQzlCLFVBQVUsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUMvQixNQUFNLEVBQUUsR0FBRztZQUNYLFVBQVUsRUFBRSxRQUFRO1lBQ3BCLGNBQWMsRUFBRSxRQUFRO1NBQ3pCLENBQUMsQ0FFRjtNQUFBLENBQUMsdUJBQWdCLENBQUMsSUFBSSxLQUFLLENBQUMsRUFDOUI7SUFBQSxFQUFFLEdBQUcsQ0FBQyxDQUNQLENBQUMsQ0FBQyxDQUFDLENBQ0YsQ0FBQyxHQUFHLENBQ0Y7TUFBQSxDQUFDLGVBQVEsQ0FBQyxTQUFTLENBQUMsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQ3RFO1FBQUEsQ0FBQyx1QkFBZ0IsQ0FBQyxJQUFJLEtBQUssQ0FBQyxFQUM5QjtNQUFBLEVBQUUsZUFBUSxDQUNaO0lBQUEsRUFBRSxHQUFHLENBQUMsQ0FDUCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsa0JBQWUsT0FBTyxDQUFDIn0=
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
const react_1 = __importDefault(require("react"));
|
|
18
|
+
const core_1 = require("@material-ui/core");
|
|
19
|
+
const nuudel_utils_1 = require("nuudel-utils");
|
|
20
|
+
const getSteps = (status, step = 'Facility') => {
|
|
21
|
+
let activeStep = 0;
|
|
22
|
+
let values = [];
|
|
23
|
+
switch (status) {
|
|
24
|
+
case 'Pending':
|
|
25
|
+
case 'Created':
|
|
26
|
+
case 'Pickedup':
|
|
27
|
+
case 'Canceled':
|
|
28
|
+
case 'Deleted':
|
|
29
|
+
activeStep = 0;
|
|
30
|
+
values = [status, step, 'InTransit', 'Delivered'];
|
|
31
|
+
break;
|
|
32
|
+
case 'Facility':
|
|
33
|
+
case 'Failed':
|
|
34
|
+
activeStep = 1;
|
|
35
|
+
values = ['Created', status, 'InTransit', 'Delivered'];
|
|
36
|
+
break;
|
|
37
|
+
case 'InTransit':
|
|
38
|
+
activeStep = 2;
|
|
39
|
+
values = ['Created', step, status, 'Delivered'];
|
|
40
|
+
break;
|
|
41
|
+
case 'Returned':
|
|
42
|
+
case 'Delivered':
|
|
43
|
+
case 'Declined':
|
|
44
|
+
activeStep = 3;
|
|
45
|
+
values = ['Created', step, 'InTransit', status];
|
|
46
|
+
break;
|
|
47
|
+
default:
|
|
48
|
+
break;
|
|
49
|
+
}
|
|
50
|
+
return { values, activeStep };
|
|
51
|
+
};
|
|
52
|
+
const isStepFailed = (status) => {
|
|
53
|
+
let failedStatus = false;
|
|
54
|
+
switch (status) {
|
|
55
|
+
case 'Canceled':
|
|
56
|
+
case 'Failed':
|
|
57
|
+
case 'Declined':
|
|
58
|
+
case 'Returned':
|
|
59
|
+
case 'Deleted':
|
|
60
|
+
failedStatus = true;
|
|
61
|
+
break;
|
|
62
|
+
default:
|
|
63
|
+
break;
|
|
64
|
+
}
|
|
65
|
+
return failedStatus;
|
|
66
|
+
};
|
|
67
|
+
const Steppers = (_a) => {
|
|
68
|
+
var { children, step } = _a, props = __rest(_a, ["children", "step"]);
|
|
69
|
+
return (<>
|
|
70
|
+
{children}
|
|
71
|
+
<core_1.Stepper {...props} activeStep={getSteps(props.status, step).activeStep} alternativeLabel style={{ width: '100%' }}>
|
|
72
|
+
{getSteps(props.status, step).values.map((label, index) => {
|
|
73
|
+
const stepProps = {};
|
|
74
|
+
const labelProps = {};
|
|
75
|
+
if (isStepFailed(label)) {
|
|
76
|
+
labelProps.error = true;
|
|
77
|
+
}
|
|
78
|
+
return (<core_1.Step key={label} {...stepProps}>
|
|
79
|
+
<core_1.StepLabel {...labelProps}>{(0, nuudel_utils_1.t)(label)}</core_1.StepLabel>
|
|
80
|
+
</core_1.Step>);
|
|
81
|
+
})}
|
|
82
|
+
</core_1.Stepper>
|
|
83
|
+
</>);
|
|
84
|
+
};
|
|
85
|
+
exports.default = Steppers;
|
|
86
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1N0ZXBwZXIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxrREFBMEI7QUFDMUIsNENBQTJFO0FBQzNFLCtDQUFpQztBQU9qQyxNQUFNLFFBQVEsR0FBRyxDQUFDLE1BQWMsRUFBRSxJQUFJLEdBQUcsVUFBVSxFQUFFLEVBQUU7SUFDckQsSUFBSSxVQUFVLEdBQVcsQ0FBQyxDQUFDO0lBQzNCLElBQUksTUFBTSxHQUFhLEVBQUUsQ0FBQztJQUMxQixRQUFRLE1BQU0sRUFBRTtRQUNkLEtBQUssU0FBUyxDQUFDO1FBQ2YsS0FBSyxTQUFTLENBQUM7UUFDZixLQUFLLFVBQVUsQ0FBQztRQUNoQixLQUFLLFVBQVUsQ0FBQztRQUNoQixLQUFLLFNBQVM7WUFDWixVQUFVLEdBQUcsQ0FBQyxDQUFDO1lBQ2YsTUFBTSxHQUFHLENBQUMsTUFBTSxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsV0FBVyxDQUFDLENBQUM7WUFDbEQsTUFBTTtRQUNSLEtBQUssVUFBVSxDQUFDO1FBQ2hCLEtBQUssUUFBUTtZQUNYLFVBQVUsR0FBRyxDQUFDLENBQUM7WUFDZixNQUFNLEdBQUcsQ0FBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLFdBQVcsRUFBRSxXQUFXLENBQUMsQ0FBQztZQUN2RCxNQUFNO1FBQ1IsS0FBSyxXQUFXO1lBQ2QsVUFBVSxHQUFHLENBQUMsQ0FBQztZQUNmLE1BQU0sR0FBRyxDQUFDLFNBQVMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLFdBQVcsQ0FBQyxDQUFDO1lBQ2hELE1BQU07UUFDUixLQUFLLFVBQVUsQ0FBQztRQUNoQixLQUFLLFdBQVcsQ0FBQztRQUNqQixLQUFLLFVBQVU7WUFDYixVQUFVLEdBQUcsQ0FBQyxDQUFDO1lBQ2YsTUFBTSxHQUFHLENBQUMsU0FBUyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsTUFBTSxDQUFDLENBQUM7WUFDaEQsTUFBTTtRQUNSO1lBQ0UsTUFBTTtLQUNUO0lBQ0QsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsQ0FBQztBQUNoQyxDQUFDLENBQUM7QUFFRixNQUFNLFlBQVksR0FBRyxDQUFDLE1BQWMsRUFBRSxFQUFFO0lBQ3RDLElBQUksWUFBWSxHQUFZLEtBQUssQ0FBQztJQUNsQyxRQUFRLE1BQU0sRUFBRTtRQUNkLEtBQUssVUFBVSxDQUFDO1FBQ2hCLEtBQUssUUFBUSxDQUFDO1FBQ2QsS0FBSyxVQUFVLENBQUM7UUFDaEIsS0FBSyxVQUFVLENBQUM7UUFDaEIsS0FBSyxTQUFTO1lBQ1osWUFBWSxHQUFHLElBQUksQ0FBQztZQUNwQixNQUFNO1FBQ1I7WUFDRSxNQUFNO0tBQ1Q7SUFDRCxPQUFPLFlBQVksQ0FBQztBQUN0QixDQUFDLENBQUM7QUFFRixNQUFNLFFBQVEsR0FBNEIsQ0FBQyxFQUE0QixFQUFFLEVBQUU7UUFBaEMsRUFBRSxRQUFRLEVBQUUsSUFBSSxPQUFZLEVBQVAsS0FBSyxjQUExQixvQkFBNEIsQ0FBRjtJQUFPLE9BQUEsQ0FDMUUsRUFDRTtJQUFBLENBQUMsUUFBUSxDQUNUO0lBQUEsQ0FBQyxjQUFPLENBQ04sSUFBSSxLQUFLLENBQUMsQ0FDVixVQUFVLENBQUMsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FDcEQsZ0JBQWdCLENBQ2hCLEtBQUssQ0FBQyxDQUFDLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxDQUFDLENBRXpCO01BQUEsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxFQUFFO1lBQ3hELE1BQU0sU0FBUyxHQUE0QixFQUFFLENBQUM7WUFDOUMsTUFBTSxVQUFVLEdBRVosRUFBRSxDQUFDO1lBQ1AsSUFBSSxZQUFZLENBQUMsS0FBSyxDQUFDLEVBQUU7Z0JBQ3ZCLFVBQVUsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO2FBQ3pCO1lBQ0QsT0FBTyxDQUNMLENBQUMsV0FBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLElBQUksU0FBUyxDQUFDLENBQzlCO1lBQUEsQ0FBQyxnQkFBUyxDQUFDLElBQUksVUFBVSxDQUFDLENBQUMsQ0FBQyxJQUFBLGdCQUFDLEVBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxnQkFBUyxDQUNsRDtVQUFBLEVBQUUsV0FBSSxDQUFDLENBQ1IsQ0FBQztRQUNKLENBQUMsQ0FBQyxDQUNKO0lBQUEsRUFBRSxjQUFPLENBQ1g7RUFBQSxHQUFHLENBQ0osQ0FBQTtDQUFBLENBQUM7QUFFRixrQkFBZSxRQUFRLENBQUMifQ==
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SwitchProps } from '@material-ui/core';
|
|
3
|
+
interface ISwitchProps extends SwitchProps {
|
|
4
|
+
label?: string;
|
|
5
|
+
labelPlacement?: 'end' | 'start' | 'top' | 'bottom';
|
|
6
|
+
labelValue?: any;
|
|
7
|
+
}
|
|
8
|
+
export declare const Switch: React.FC<ISwitchProps>;
|
|
9
|
+
export default Switch;
|