nuudel-core 0.1.18 → 0.1.23
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/lib/components/Button/style.scss +3 -0
- package/build/main/lib/components/ColorBox/index.js +2 -2
- package/build/main/lib/components/MultiSelect/index.js +2 -2
- package/build/main/lib/theme/styles/styles.module.scss +17 -3
- package/build/{module/lib/theme/variables/colors.scss → main/lib/theme/variables/_colors.scss} +0 -0
- package/build/{module/lib/theme/variables/palette.scss → main/lib/theme/variables/_palette.scss} +0 -0
- package/build/{module/lib/theme/variables/sizes.scss → main/lib/theme/variables/_sizes.scss} +0 -0
- package/build/module/lib/components/ColorBox/index.js +2 -2
- package/build/module/lib/components/MultiSelect/index.js +2 -2
- package/build/module/lib/theme/styles/styles.module.scss +14 -0
- package/package.json +3 -2
- package/build/main/lib/components/Map/index.d.ts +0 -4
- package/build/main/lib/components/Map/index.js +0 -34
- package/build/main/lib/components/Slideshow/index.d.ts +0 -41
- package/build/main/lib/components/Slideshow/index.js +0 -77
- package/build/main/lib/components/Slideshow/styles.module.scss +0 -53
- package/build/main/lib/components/styles.module.scss +0 -17
- package/build/module/lib/components/Map/index.d.ts +0 -4
- package/build/module/lib/components/Map/index.js +0 -29
- package/build/module/lib/components/Slideshow/index.d.ts +0 -41
- package/build/module/lib/components/Slideshow/index.js +0 -51
- package/build/module/lib/components/Slideshow/styles.module.scss +0 -53
- package/build/module/lib/components/styles.module.scss +0 -17
|
@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
-
const styles_module_scss_1 = __importDefault(require("
|
|
7
|
+
const styles_module_scss_1 = __importDefault(require("../../theme/styles/styles.module.scss"));
|
|
8
8
|
const colors = {
|
|
9
9
|
Clear: 'linear-gradient(to top right, #fff calc(50% - 1px), rgba(255,0,0,1), #fff calc(50% + 1px)',
|
|
10
10
|
Multi: 'linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(255,0,219,1) 25%, rgba(252,220,0,1) 50%, rgba(9,255,0,1) 75%, rgba(0,52,255,1) 100%)',
|
|
@@ -42,4 +42,4 @@ const ColorBox = ({ color }) => {
|
|
|
42
42
|
return color === 'None' ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0)) : ((0, jsx_runtime_1.jsx)("span", { style: style, className: styles_module_scss_1.default.colorbox }, void 0));
|
|
43
43
|
};
|
|
44
44
|
exports.default = ColorBox;
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvQ29sb3JCb3gvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUNBLCtGQUEyRDtBQU8zRCxNQUFNLE1BQU0sR0FBRztJQUNiLEtBQUssRUFDSCwyRkFBMkY7SUFDN0YsS0FBSyxFQUNILHNJQUFzSTtJQUN4SSxLQUFLLEVBQUUsU0FBUztJQUNoQixJQUFJLEVBQUUsU0FBUztJQUNmLEtBQUssRUFBRSxTQUFTO0lBQ2hCLElBQUksRUFBRSxTQUFTO0lBQ2YsS0FBSyxFQUFFLFNBQVM7SUFDaEIsR0FBRyxFQUFFLFNBQVM7SUFDZCxLQUFLLEVBQUUsU0FBUztJQUNoQixLQUFLLEVBQUUsU0FBUztJQUNoQixLQUFLLEVBQUUsU0FBUztJQUNoQixNQUFNLEVBQUUsU0FBUztJQUNqQixJQUFJLEVBQUUsU0FBUztJQUNmLE1BQU0sRUFBRSxTQUFTO0lBQ2pCLE1BQU0sRUFBRSxTQUFTO0lBQ2pCLE1BQU0sRUFBRSxTQUFTO0lBQ2pCLElBQUksRUFBRSxTQUFTO0NBQ2hCLENBQUM7QUFFRixNQUFNLEtBQUssR0FBRyxDQUFDLEtBQWEsRUFBRSxFQUFFO0lBQzlCLElBQUksTUFBTSxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsRUFBRTtRQUNoQyxLQUFLLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO0tBQ3ZCO1NBQU0sSUFBSSxDQUFDLEtBQUssRUFBRTtRQUNqQixLQUFLLEdBQUcsYUFBYSxDQUFDO0tBQ3ZCO0lBQ0QsT0FBTyxLQUFLLENBQUM7QUFDZixDQUFDLENBQUM7QUFFRixNQUFNLFFBQVEsR0FBd0IsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUU7SUFDbEQsS0FBSyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNyQixJQUFJLEtBQUssR0FBUSxFQUFFLGVBQWUsRUFBRSxLQUFLLEVBQUUsQ0FBQztJQUM1QyxJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLEVBQUU7UUFDMUMsS0FBSyxHQUFHLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxDQUFDO0tBQy9CO0lBQ0QsT0FBTyxLQUFLLEtBQUssTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUN4QiwwREFBSyxDQUNOLENBQUMsQ0FBQyxDQUFDLENBQ0YsaUNBQU0sS0FBSyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsNEJBQU0sQ0FBQyxRQUFRLFdBQVMsQ0FDeEQsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLGtCQUFlLFFBQVEsQ0FBQyJ9
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const core_1 = require("@material-ui/core");
|
|
9
|
-
const styles_module_scss_1 = __importDefault(require("
|
|
9
|
+
const styles_module_scss_1 = __importDefault(require("../../theme/styles/styles.module.scss"));
|
|
10
10
|
const nuudel_utils_1 = require("nuudel-utils");
|
|
11
11
|
const ITEM_HEIGHT = 48;
|
|
12
12
|
const ITEM_PADDING_TOP = 8;
|
|
@@ -49,4 +49,4 @@ class MultiSelectField extends react_1.default.Component {
|
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
51
|
exports.default = MultiSelectField;
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvTXVsdGlTZWxlY3QvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGtEQUEwQjtBQUMxQiw0Q0FRMkI7QUFDM0IsK0ZBQTJEO0FBQzNELCtDQUFpQztBQW1CakMsTUFBTSxXQUFXLEdBQUcsRUFBRSxDQUFDO0FBQ3ZCLE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxDQUFDO0FBQzNCLE1BQU0sU0FBUyxHQUFHO0lBQ2hCLFVBQVUsRUFBRTtRQUNWLEtBQUssRUFBRTtZQUNMLFNBQVMsRUFBRSxXQUFXLEdBQUcsR0FBRyxHQUFHLGdCQUFnQjtZQUMvQyxLQUFLLEVBQUUsR0FBRztTQUNYO0tBQ0Y7Q0FDRixDQUFDO0FBRUYsTUFBcUIsZ0JBQWlCLFNBQVEsZUFBSyxDQUFDLFNBR25EO0lBQ0MsWUFBWSxLQUF3QjtRQUNsQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFNZiwwQkFBcUIsR0FBRyxDQUFDLEtBQTRDLEVBQUUsRUFBRTtZQUN2RSxNQUFNLEVBQUUsT0FBTyxFQUFFLEdBQUcsS0FBSyxDQUFDLE1BQTJCLENBQUM7WUFDdEQsSUFBSSxNQUFNLEdBQWEsRUFBRSxDQUFDO1lBQzFCLElBQUksQ0FBQyxPQUFPLEVBQUU7Z0JBQ1osTUFBTSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBaUIsQ0FBQzthQUN6QztpQkFBTTtnQkFDTCxLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFO29CQUM5QyxJQUFJLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQUU7d0JBQ3ZCLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxD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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
@use
|
|
2
|
-
@import '../../theme/variables/colors';
|
|
3
|
-
@import '../../theme/variables/sizes';
|
|
1
|
+
@use 'sass:map';
|
|
2
|
+
@import '../../theme/variables/colors.scss';
|
|
3
|
+
@import '../../theme/variables/sizes.scss';
|
|
4
4
|
|
|
5
5
|
.searchBar {
|
|
6
6
|
font-family: $fontfamily;
|
|
@@ -178,3 +178,17 @@ $ccolor: #08182b;
|
|
|
178
178
|
.swichPadding {
|
|
179
179
|
padding-top: $padding * 2;
|
|
180
180
|
}
|
|
181
|
+
|
|
182
|
+
.colorbox {
|
|
183
|
+
width: 10px;
|
|
184
|
+
height: 10px;
|
|
185
|
+
display: inline-block;
|
|
186
|
+
margin-right: 5px;
|
|
187
|
+
border: 1px solid '#999';
|
|
188
|
+
}
|
|
189
|
+
.multiSelect-container {
|
|
190
|
+
z-index: 999;
|
|
191
|
+
}
|
|
192
|
+
.multichoice {
|
|
193
|
+
font-size: $h6;
|
|
194
|
+
}
|
package/build/{module/lib/theme/variables/colors.scss → main/lib/theme/variables/_colors.scss}
RENAMED
|
File without changes
|
package/build/{module/lib/theme/variables/palette.scss → main/lib/theme/variables/_palette.scss}
RENAMED
|
File without changes
|
package/build/{module/lib/theme/variables/sizes.scss → main/lib/theme/variables/_sizes.scss}
RENAMED
|
File without changes
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import styles from '
|
|
2
|
+
import styles from '../../theme/styles/styles.module.scss';
|
|
3
3
|
const colors = {
|
|
4
4
|
Clear: 'linear-gradient(to top right, #fff calc(50% - 1px), rgba(255,0,0,1), #fff calc(50% + 1px)',
|
|
5
5
|
Multi: 'linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(255,0,219,1) 25%, rgba(252,220,0,1) 50%, rgba(9,255,0,1) 75%, rgba(0,52,255,1) 100%)',
|
|
@@ -37,4 +37,4 @@ const ColorBox = ({ color }) => {
|
|
|
37
37
|
return color === 'None' ? (_jsx(_Fragment, {}, void 0)) : (_jsx("span", { style: style, className: styles.colorbox }, void 0));
|
|
38
38
|
};
|
|
39
39
|
export default ColorBox;
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvQ29sb3JCb3gvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQSxPQUFPLE1BQU0sTUFBTSx1Q0FBdUMsQ0FBQztBQU8zRCxNQUFNLE1BQU0sR0FBRztJQUNiLEtBQUssRUFDSCwyRkFBMkY7SUFDN0YsS0FBSyxFQUNILHNJQUFzSTtJQUN4SSxLQUFLLEVBQUUsU0FBUztJQUNoQixJQUFJLEVBQUUsU0FBUztJQUNmLEtBQUssRUFBRSxTQUFTO0lBQ2hCLElBQUksRUFBRSxTQUFTO0lBQ2YsS0FBSyxFQUFFLFNBQVM7SUFDaEIsR0FBRyxFQUFFLFNBQVM7SUFDZCxLQUFLLEVBQUUsU0FBUztJQUNoQixLQUFLLEVBQUUsU0FBUztJQUNoQixLQUFLLEVBQUUsU0FBUztJQUNoQixNQUFNLEVBQUUsU0FBUztJQUNqQixJQUFJLEVBQUUsU0FBUztJQUNmLE1BQU0sRUFBRSxTQUFTO0lBQ2pCLE1BQU0sRUFBRSxTQUFTO0lBQ2pCLE1BQU0sRUFBRSxTQUFTO0lBQ2pCLElBQUksRUFBRSxTQUFTO0NBQ2hCLENBQUM7QUFFRixNQUFNLEtBQUssR0FBRyxDQUFDLEtBQWEsRUFBRSxFQUFFO0lBQzlCLElBQUksTUFBTSxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsRUFBRTtRQUNoQyxLQUFLLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO0tBQ3ZCO1NBQU0sSUFBSSxDQUFDLEtBQUssRUFBRTtRQUNqQixLQUFLLEdBQUcsYUFBYSxDQUFDO0tBQ3ZCO0lBQ0QsT0FBTyxLQUFLLENBQUM7QUFDZixDQUFDLENBQUM7QUFFRixNQUFNLFFBQVEsR0FBd0IsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUU7SUFDbEQsS0FBSyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNyQixJQUFJLEtBQUssR0FBUSxFQUFFLGVBQWUsRUFBRSxLQUFLLEVBQUUsQ0FBQztJQUM1QyxJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLEVBQUU7UUFDMUMsS0FBSyxHQUFHLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxDQUFDO0tBQy9CO0lBQ0QsT0FBTyxLQUFLLEtBQUssTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUN4QiwyQkFBSyxDQUNOLENBQUMsQ0FBQyxDQUFDLENBQ0YsZUFBTSxLQUFLLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUMsUUFBUSxXQUFTLENBQ3hELENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixlQUFlLFFBQVEsQ0FBQyJ9
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { OutlinedInput, InputLabel, MenuItem, ListItemText, Select, Checkbox, FormControl, } from '@material-ui/core';
|
|
4
|
-
import styles from '
|
|
4
|
+
import styles from '../../theme/styles/styles.module.scss';
|
|
5
5
|
import { t } from 'nuudel-utils';
|
|
6
6
|
const ITEM_HEIGHT = 48;
|
|
7
7
|
const ITEM_PADDING_TOP = 8;
|
|
@@ -43,4 +43,4 @@ export default class MultiSelectField extends React.Component {
|
|
|
43
43
|
.join(', '), MenuProps: MenuProps, children: this.props.items.map((value) => (_jsxs(MenuItem, { value: value.name, children: [_jsx(Checkbox, { color: "primary", checked: this.state.selectedItems.indexOf(value.name) >= 0 }, void 0), _jsx(ListItemText, { primary: t(value.name, { defaultValue: value.name }) }, void 0)] }, value.id))) }, void 0)] }, void 0) }, void 0));
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvTXVsdGlTZWxlY3QvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUNMLGFBQWEsRUFDYixVQUFVLEVBQ1YsUUFBUSxFQUNSLFlBQVksRUFDWixNQUFNLEVBQ04sUUFBUSxFQUNSLFdBQVcsR0FDWixNQUFNLG1CQUFtQixDQUFDO0FBQzNCLE9BQU8sTUFBTSxNQUFNLHVDQUF1QyxDQUFDO0FBQzNELE9BQU8sRUFBRSxDQUFDLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFtQmpDLE1BQU0sV0FBVyxHQUFHLEVBQUUsQ0FBQztBQUN2QixNQUFNLGdCQUFnQixHQUFHLENBQUMsQ0FBQztBQUMzQixNQUFNLFNBQVMsR0FBRztJQUNoQixVQUFVLEVBQUU7UUFDVixLQUFLLEVBQUU7WUFDTCxTQUFTLEVBQUUsV0FBVyxHQUFHLEdBQUcsR0FBRyxnQkFBZ0I7WUFDL0MsS0FBSyxFQUFFLEdBQUc7U0FDWDtLQUNGO0NBQ0YsQ0FBQztBQUVGLE1BQU0sQ0FBQyxPQUFPLE9BQU8sZ0JBQWlCLFNBQVEsS0FBSyxDQUFDLFNBR25EO0lBQ0MsWUFBWSxLQUF3QjtRQUNsQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDYixJQUFJLENBQUMsS0FBSyxHQUFHO1lBQ1gsYUFBYSxFQUFFLEtBQUssQ0FBQyxhQUFhLElBQUksRUFBRTtTQUN6QyxDQUFDO0lBQ0osQ0FBQztJQUVELHFCQUFxQixHQUFHLENBQUMsS0FBNEMsRUFBRSxFQUFFO1FBQ3ZFLE1BQU0sRUFBRSxPQUFPLEVBQUUsR0FBRyxLQUFLLENBQUMsTUFBMkIsQ0FBQztRQUN0RCxJQUFJLE1BQU0sR0FBYSxFQUFFLENBQUM7UUFDMUIsSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUNaLE1BQU0sR0FBRyxLQUFL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
|
|
@@ -178,3 +178,17 @@ $ccolor: #08182b;
|
|
|
178
178
|
.swichPadding {
|
|
179
179
|
padding-top: $padding * 2;
|
|
180
180
|
}
|
|
181
|
+
|
|
182
|
+
.colorbox {
|
|
183
|
+
width: 10px;
|
|
184
|
+
height: 10px;
|
|
185
|
+
display: inline-block;
|
|
186
|
+
margin-right: 5px;
|
|
187
|
+
border: 1px solid '#999';
|
|
188
|
+
}
|
|
189
|
+
.multiSelect-container {
|
|
190
|
+
z-index: 999;
|
|
191
|
+
}
|
|
192
|
+
.multichoice {
|
|
193
|
+
font-size: $h6;
|
|
194
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "nuudel-core",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.23",
|
|
4
4
|
"description": "Web components for react with material UI",
|
|
5
5
|
"main": "build/main/index.js",
|
|
6
6
|
"typings": "build/main/index.d.ts",
|
|
@@ -23,7 +23,8 @@
|
|
|
23
23
|
"build": "run-p build:*",
|
|
24
24
|
"build:main": "tsc -p tsconfig.json",
|
|
25
25
|
"build:module": "tsc -p tsconfig.module.json",
|
|
26
|
-
"
|
|
26
|
+
"prebuild": "tsm src",
|
|
27
|
+
"postbuild": "cpy --cwd=src --parents '**/*.scss' ../build/module/ && cpy --cwd=src --parents '**/*.scss' ../build/main/",
|
|
27
28
|
"fix": "run-s fix:*",
|
|
28
29
|
"fix:prettier": "prettier \"src/**/*.ts\" --write",
|
|
29
30
|
"fix:lint": "eslint src --ext .ts --fix",
|
|
@@ -1,34 +0,0 @@
|
|
|
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 jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
-
const react_1 = require("react");
|
|
8
|
-
const mapbox_gl_1 = __importDefault(require("mapbox-gl"));
|
|
9
|
-
require("./Map.css");
|
|
10
|
-
mapbox_gl_1.default.accessToken = process.env.NEXT_PUBLIC_MAPBOX_ACCESSTOKEN;
|
|
11
|
-
const Map = () => {
|
|
12
|
-
const mapContainerRef = (0, react_1.useRef)(null);
|
|
13
|
-
const [lng, setLng] = (0, react_1.useState)(5);
|
|
14
|
-
const [lat, setLat] = (0, react_1.useState)(34);
|
|
15
|
-
const [zoom, setZoom] = (0, react_1.useState)(1.5);
|
|
16
|
-
(0, react_1.useEffect)(() => {
|
|
17
|
-
const map = new mapbox_gl_1.default.Map({
|
|
18
|
-
container: mapContainerRef.current,
|
|
19
|
-
style: 'mapbox://styles/mapbox/streets-v11',
|
|
20
|
-
center: [lng, lat],
|
|
21
|
-
zoom: zoom,
|
|
22
|
-
});
|
|
23
|
-
map.addControl(new mapbox_gl_1.default.NavigationControl(), 'top-right');
|
|
24
|
-
map.on('move', () => {
|
|
25
|
-
setLng(map.getCenter().lng.toFixed(4));
|
|
26
|
-
setLat(map.getCenter().lat.toFixed(4));
|
|
27
|
-
setZoom(map.getZoom().toFixed(2));
|
|
28
|
-
});
|
|
29
|
-
return () => map.remove();
|
|
30
|
-
}, []);
|
|
31
|
-
return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "sidebarStyle" }, { children: (0, jsx_runtime_1.jsxs)("div", { children: ["Longitude: ", lng, " | Latitude: ", lat, " | Zoom: ", zoom] }, void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", { className: "map-container", ref: mapContainerRef }, void 0)] }, void 0));
|
|
32
|
-
};
|
|
33
|
-
exports.default = Map;
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvTWFwL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFDQSxpQ0FBMkQ7QUFDM0QsMERBQWlDO0FBQ2pDLHFCQUFtQjtBQUVuQixtQkFBUSxDQUFDLFdBQVcsR0FBRyxPQUFPLENBQUMsR0FBRyxDQUFDLDhCQUE4QixDQUFDO0FBRWxFLE1BQU0sR0FBRyxHQUFHLEdBQUcsRUFBRTtJQUNmLE1BQU0sZUFBZSxHQUFHLElBQUEsY0FBTSxFQUFDLElBQUksQ0FBQyxDQUFDO0lBRXJDLE1BQU0sQ0FBQyxHQUFHLEVBQUUsTUFBTSxDQUFDLEdBQUcsSUFBQSxnQkFBUSxFQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ2xDLE1BQU0sQ0FBQyxHQUFHLEVBQUUsTUFBTSxDQUFDLEdBQUcsSUFBQSxnQkFBUSxFQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ25DLE1BQU0sQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDLEdBQUcsSUFBQSxnQkFBUSxFQUFDLEdBQUcsQ0FBQyxDQUFDO0lBR3RDLElBQUEsaUJBQVMsRUFBQyxHQUFHLEVBQUU7UUFDYixNQUFNLEdBQUcsR0FBRyxJQUFJLG1CQUFRLENBQUMsR0FBRyxDQUFDO1lBQzNCLFNBQVMsRUFBRSxlQUFlLENBQUMsT0FBTztZQUNsQyxLQUFLLEVBQUUsb0NBQW9DO1lBQzNDLE1BQU0sRUFBRSxDQUFDLEdBQUcsRUFBRSxHQUFHLENBQUM7WUFDbEIsSUFBSSxFQUFFLElBQUk7U0FDWCxDQUFDLENBQUM7UUFHSCxHQUFHLENBQUMsVUFBVSxDQUFDLElBQUksbUJBQVEsQ0FBQyxpQkFBaUIsRUFBRSxFQUFFLFdBQVcsQ0FBQyxDQUFDO1FBRTlELEdBQUcsQ0FBQyxFQUFFLENBQUMsTUFBTSxFQUFFLEdBQUcsRUFBRTtZQUNsQixNQUFNLENBQUMsR0FBRyxDQUFDLFNBQVMsRUFBRSxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUN2QyxNQUFNLENBQUMsR0FBRyxDQUFDLFNBQVMsRUFBRSxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUN2QyxPQUFPLENBQUMsR0FBRyxDQUFDLE9BQU8sRUFBRSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3BDLENBQUMsQ0FBQyxDQUFDO1FBR0gsT0FBTyxHQUFHLEVBQUUsQ0FBQyxHQUFHLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDNUIsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRVAsT0FBTyxDQUNMLDRDQUNFLDhDQUFLLFNBQVMsRUFBQyxjQUFjLGdCQUMzQiwyREFDYyxHQUFHLG1CQUFlLEdBQUcsZUFBVyxJQUFJLFlBQzVDLFlBQ0YsRUFDTixnQ0FBSyxTQUFTLEVBQUMsZUFBZSxFQUFDLEdBQUcsRUFBRSxlQUFlLFdBQUksWUFDbkQsQ0FDUCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsa0JBQWUsR0FBRyxDQUFDIn0=
|
|
@@ -1,41 +0,0 @@
|
|
|
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
|
-
_renderItem: ({ item, index }: {
|
|
36
|
-
item: any;
|
|
37
|
-
index: any;
|
|
38
|
-
}) => JSX.Element;
|
|
39
|
-
render(): JSX.Element;
|
|
40
|
-
}
|
|
41
|
-
export default Slideshow;
|
|
@@ -1,77 +0,0 @@
|
|
|
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 jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
|
-
const react_1 = __importDefault(require("react"));
|
|
28
|
-
const swiper_1 = __importStar(require("swiper"));
|
|
29
|
-
const react_2 = require("swiper/react");
|
|
30
|
-
require("swiper/swiper.min.css");
|
|
31
|
-
require("swiper/components/navigation/navigation.min.css");
|
|
32
|
-
require("swiper/components/pagination/pagination.min.css");
|
|
33
|
-
require("swiper/components/scrollbar/scrollbar.min.css");
|
|
34
|
-
require("swiper/components/thumbs/thumbs.min.css");
|
|
35
|
-
const __1 = require("../");
|
|
36
|
-
const styles_module_scss_1 = __importDefault(require("./styles.module.scss"));
|
|
37
|
-
const clsx_1 = __importDefault(require("clsx"));
|
|
38
|
-
swiper_1.default.use([swiper_1.Navigation, swiper_1.Pagination, swiper_1.Scrollbar, swiper_1.A11y, swiper_1.Thumbs]);
|
|
39
|
-
class Slideshow extends react_1.default.Component {
|
|
40
|
-
constructor(props) {
|
|
41
|
-
super(props);
|
|
42
|
-
this.openProduct = (item) => { };
|
|
43
|
-
this._renderItem = ({ item, index }) => {
|
|
44
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: styles_module_scss_1.default.slideContainer }, { children: (0, jsx_runtime_1.jsxs)(__1.Link, Object.assign({ className: styles_module_scss_1.default.slideInnerContainer, onClick: (ev) => this.openProduct(item) }, { children: [item && item.uri ? ((0, jsx_runtime_1.jsx)(__1.Image, { src: item.uri, className: (0, clsx_1.default)(styles_module_scss_1.default.image, {
|
|
45
|
-
backgroundColor: '#fff',
|
|
46
|
-
borderRadius: this.props.borderRadius,
|
|
47
|
-
}) }, void 0)) : ((0, jsx_runtime_1.jsx)(__1.Image, { src: require('../../../public/images/placeholder.png') }, void 0)), !!item.title && (0, jsx_runtime_1.jsx)(__1.Text, Object.assign({ className: styles_module_scss_1.default.title }, { children: item.title }), void 0), !!item.subtitle && ((0, jsx_runtime_1.jsx)(__1.Text, Object.assign({ className: styles_module_scss_1.default.subtitle }, { children: item.subtitle }), void 0))] }), void 0) }), void 0));
|
|
48
|
-
};
|
|
49
|
-
this.state = {
|
|
50
|
-
ActiveSlide: 0,
|
|
51
|
-
ratio: props.ratio > 0 ? props.ratio : 0,
|
|
52
|
-
thumbsSwiper: null,
|
|
53
|
-
};
|
|
54
|
-
}
|
|
55
|
-
componentWillUnmount() { }
|
|
56
|
-
render() {
|
|
57
|
-
const { images } = this.props;
|
|
58
|
-
if (images instanceof Array && images.length > 0) {
|
|
59
|
-
const { ActiveSlide } = this.state;
|
|
60
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, clsx_1.default)(styles_module_scss_1.default.sliderContainer, this.props.style) }, { children: [(0, jsx_runtime_1.jsx)(react_2.Swiper, Object.assign({ spaceBetween: 0, slidesPerView: 1, navigation: true, thumbs: { swiper: this.state.thumbsSwiper }, onSwiper: (swiper) => { }, onSlideChange: () => console.log('slide change'), className: styles_module_scss_1.default.mainSlider }, { children: images.map((img, i) => ((0, jsx_runtime_1.jsx)(react_2.SwiperSlide, Object.assign({ virtualIndex: i }, { children: (0, jsx_runtime_1.jsx)(__1.Image, { src: img.uri }, void 0) }), i))) }), void 0), (0, jsx_runtime_1.jsx)(react_2.Swiper, Object.assign({ onSwiper: (sw) => this.setState({ thumbsSwiper: sw }), spaceBetween: 10, slidesPerView: 4, freeMode: true, navigation: true, watchSlidesProgress: true, className: styles_module_scss_1.default.thumbSlider }, { children: images.map((img, i) => ((0, jsx_runtime_1.jsx)(react_2.SwiperSlide, Object.assign({ virtualIndex: i }, { children: (0, jsx_runtime_1.jsx)(__1.Image, { src: img.uri }, void 0) }), i))) }), void 0)] }), void 0));
|
|
61
|
-
}
|
|
62
|
-
else
|
|
63
|
-
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
exports.Slideshow = Slideshow;
|
|
67
|
-
Slideshow.defaultProps = {
|
|
68
|
-
componentId: '',
|
|
69
|
-
images: [],
|
|
70
|
-
columns: 1,
|
|
71
|
-
ratio: 1,
|
|
72
|
-
showPagination: true,
|
|
73
|
-
borderRadius: 0,
|
|
74
|
-
style: {},
|
|
75
|
-
};
|
|
76
|
-
exports.default = Slideshow;
|
|
77
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvU2xpZGVzaG93L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGtEQUEwQjtBQUUxQixpREFNZ0I7QUFDaEIsd0NBQW1EO0FBRW5ELGlDQUErQjtBQUMvQiwyREFBeUQ7QUFDekQsMkRBQXlEO0FBQ3pELHlEQUF1RDtBQUN2RCxtREFBaUQ7QUFDakQsMkJBQXdDO0FBRXhDLDhFQUEwQztBQUMxQyxnREFBd0I7QUFFeEIsZ0JBQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxtQkFBVSxFQUFFLG1CQUFVLEVBQUUsa0JBQVMsRUFBRSxhQUFJLEVBQUUsZUFBTSxDQUFDLENBQUMsQ0FBQztBQWtCOUQsTUFBYSxTQUFVLFNBQVEsZUFBSyxDQUFDLFNBQXNDO0lBQ3pFLFlBQVksS0FBbUI7UUFDN0IsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBcUJQLGdCQUFXLEdBQUcsQ0FBQyxJQUFTLEVBQUUsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUt4QyxnQkFBVyxHQUFHLENBQUMsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRTtZQUNoQyxPQUFPLENBQ0wsOENBQUssU0FBUyxFQUFFLDRCQUFNLENBQUMsY0FBYyxnQkFDbkMsd0JBQUMsUUFBSSxrQkFDSCxTQUFTLEVBQUUsNEJBQU0sQ0FBQyxtQkFBbUIsRUFDckMsT0FBTyxFQUFFLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxpQkFFdEMsSUFBSSxJQUFJLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQ2xCLHVCQUFDLFNBQUssSUFDSixHQUFHLEVBQUUsSUFBSSxDQUFDLEdBQUcsRUFDYixTQUFTLEVBQUUsSUFBQSxjQUFJLEVBQUMsNEJBQU0sQ0FBQyxLQUFLLEVBQUU7Z0NBQzVCLGVBQWUsRUFBRSxNQUFNO2dDQUN2QixZQUFZLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZOzZCQUN0QyxDQUFDLFdBQ0YsQ0FDSCxDQUFDLENBQUMsQ0FBQyxDQUNGLHVCQUFDLFNBQUssSUFBQyxHQUFHLEVBQUUsT0FBTyxDQUFDLHdDQUF3QyxDQUFDLFdBQUksQ0FDbEUsRUFDQSxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSx1QkFBQyxRQUFJLGtCQUFDLFNBQVMsRUFBRSw0QkFBTSxDQUFDLEtBQUssZ0JBQUcsSUFBSSxDQUFDLEtBQUssWUFBUSxFQUNsRSxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUNsQix1QkFBQyxRQUFJLGtCQUFDLFNBQVMsRUFBRSw0QkFBTSxDQUFDLFFBQVEsZ0JBQUcsSUFBSSxDQUFDLFFBQVEsWUFBUSxDQUN6RCxhQUNJLFlBQ0gsQ0FDUCxDQUFDO1FBQ0osQ0FBQyxDQUFDO1FBakRBLElBQUksQ0FBQyxLQUFLLEdBQUc7WUFDWCxXQUFXLEVBQUUsQ0FBQztZQUNkLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUN4QyxZQUFZLEVBQUUsSUFBSTtTQUNuQixDQUFDO0lBQ0osQ0FBQztJQVlNLG9CQUFvQixLQUFVLENBQUM7SUFrQ3RDLE1BQU07UUFDSixNQUFNLEVBQUUsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUM5QixJQUFJLE1BQU0sWUFBWSxLQUFLLElBQUksTUFBTSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDaEQsTUFBTSxFQUFFLFdBQVcsRUFBRSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7WUFFbkMsT0FBTyxDQUNMLCtDQUFLLFNBQVMsRUFBRSxJQUFBLGNBQUksRUFBQyw0QkFBTSxDQUFDLGVBQWUsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxpQkFDNUQsdUJBQUMsY0FBTSxrQkFJTCxZQUFZLEVBQUUsQ0FBQyxFQUNmLGFBQWEsRUFBRSxDQUFDLEVBQ2hCLFVBQVUsUUFHVixNQUFNLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLEVBQUUsRUFDM0MsUUFBUSxFQUFFLENBQUMsTUFBTSxFQUFFLEVBQUUsR0FBRSxDQUFDLEVBQ3hCLGFBQWEsRUFBRSxHQUFHLEVBQUUsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLGNBQWMsQ0FBQyxFQUNoRCxTQUFTLEVBQUUsNEJBQU0sQ0FBQyxVQUFVLGdCQUUzQixNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxFQUFFLENBQVMsRUFBRSxFQUFFLENBQUMsQ0FDOUIsdUJBQUMsbUJBQVcsa0JBQVMsWUFBWSxFQUFFLENBQUMsZ0JBQ2xDLHVCQUFDLFNBQUssSUFBQyxHQUFHLEVBQUUsR0FBRyxDQUFDLEdBQUcsV0FBSSxLQURQLENBQUMsQ0FFTCxDQUNmLENBQUMsWUFDSyxFQUNULHVCQUFDLGNBQU0sa0JBQ0wsUUFBUSxFQUFFLENBQUMsRUFBVSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUUsWUFBWSxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQzdELFlBQVksRUFBRSxFQUFFLEVBQ2hCLGFBQWEsRUFBRSxDQUFDLEVBQ2hCLFFBQVEsRUFBRSxJQUFJLEVBQ2QsVUFBVSxRQUNWLG1CQUFtQixFQUFFLElBQUksRUFDekIsU0FBUyxFQUFFLDRCQUFNLENBQUMsV0FBVyxnQkFFNUIsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsRUFBRSxDQUFTLEVBQUUsRUFBRSxDQUFDLENBQzlCLHVCQUFDLG1CQUFXLGtCQUFTLFlBQVksRUFBRSxDQUFDLGdCQUNsQyx1QkFBQyxTQUFLLElBQUMsR0FBRyxFQUFFLEdBQUcsQ0FBQyxHQUFHLFdBQUksS0FEUCxDQUFDLENBRUwsQ0FDZixDQUFDLFlBQ0ssYUFDTCxDQUNQLENBQUM7U0FDSDs7WUFBTSxPQUFPLDBEQUFLLENBQUM7SUFDdEIsQ0FBQzs7QUFwR0gsOEJBcUdDO0FBMUZRLHNCQUFZLEdBQUc7SUFDcEIsV0FBVyxFQUFFLEVBQUU7SUFDZixNQUFNLEVBQUUsRUFBRTtJQUNWLE9BQU8sRUFBRSxDQUFDO0lBQ1YsS0FBSyxFQUFFLENBQUM7SUFDUixjQUFjLEVBQUUsSUFBSTtJQUNwQixZQUFZLEVBQUUsQ0FBQztJQUNmLEtBQUssRUFBRSxFQUFFO0NBQ1YsQ0FBQztBQW9GSixrQkFBZSxTQUFTLENBQUMifQ==
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
.sliderContainer {
|
|
2
|
-
flex: 1;
|
|
3
|
-
max-width: 100%;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.slideInnerContainer {
|
|
7
|
-
flex: 1;
|
|
8
|
-
flex-direction: column;
|
|
9
|
-
flex-wrap: 'nowrap';
|
|
10
|
-
justify-content: 'flex-start';
|
|
11
|
-
align-items: 'stretch';
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.slideContainer {
|
|
15
|
-
flex: 1;
|
|
16
|
-
align-items: 'stretch';
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.image {
|
|
20
|
-
align-self: 'center';
|
|
21
|
-
width: 100%;
|
|
22
|
-
max-height: 100%;
|
|
23
|
-
position: 'relative';
|
|
24
|
-
border-radius: 0;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.title {
|
|
28
|
-
position: 'relative';
|
|
29
|
-
background-color: 'transparent';
|
|
30
|
-
font-weight: 'normal';
|
|
31
|
-
text-align: 'left';
|
|
32
|
-
}
|
|
33
|
-
.subtitle {
|
|
34
|
-
position: 'relative';
|
|
35
|
-
padding: 0;
|
|
36
|
-
background-color: 'transparent';
|
|
37
|
-
font-weight: 'normal';
|
|
38
|
-
text-align: 'left';
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.swiper {
|
|
42
|
-
width: 100%;
|
|
43
|
-
height: 100%;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.thumbSlider {
|
|
47
|
-
padding: 20px 0;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.mainSlider {
|
|
51
|
-
border: 1px solid rgb(201, 201, 201);
|
|
52
|
-
background-color: #fff;
|
|
53
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
@use 'sass:map';
|
|
2
|
-
@import '../../theme/variables/colors';
|
|
3
|
-
@import '../../theme/variables/sizes';
|
|
4
|
-
|
|
5
|
-
.colorbox {
|
|
6
|
-
width: 10px;
|
|
7
|
-
height: 10px;
|
|
8
|
-
display: inline-block;
|
|
9
|
-
margin-right: 5px;
|
|
10
|
-
border: 1px solid '#999';
|
|
11
|
-
}
|
|
12
|
-
.multiSelect-container {
|
|
13
|
-
z-index: 999;
|
|
14
|
-
}
|
|
15
|
-
.multichoice {
|
|
16
|
-
font-size: $h6;
|
|
17
|
-
}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useRef, useEffect, useState } from 'react';
|
|
3
|
-
import mapboxgl from 'mapbox-gl';
|
|
4
|
-
import './Map.css';
|
|
5
|
-
mapboxgl.accessToken = process.env.NEXT_PUBLIC_MAPBOX_ACCESSTOKEN;
|
|
6
|
-
const Map = () => {
|
|
7
|
-
const mapContainerRef = useRef(null);
|
|
8
|
-
const [lng, setLng] = useState(5);
|
|
9
|
-
const [lat, setLat] = useState(34);
|
|
10
|
-
const [zoom, setZoom] = useState(1.5);
|
|
11
|
-
useEffect(() => {
|
|
12
|
-
const map = new mapboxgl.Map({
|
|
13
|
-
container: mapContainerRef.current,
|
|
14
|
-
style: 'mapbox://styles/mapbox/streets-v11',
|
|
15
|
-
center: [lng, lat],
|
|
16
|
-
zoom: zoom,
|
|
17
|
-
});
|
|
18
|
-
map.addControl(new mapboxgl.NavigationControl(), 'top-right');
|
|
19
|
-
map.on('move', () => {
|
|
20
|
-
setLng(map.getCenter().lng.toFixed(4));
|
|
21
|
-
setLat(map.getCenter().lat.toFixed(4));
|
|
22
|
-
setZoom(map.getZoom().toFixed(2));
|
|
23
|
-
});
|
|
24
|
-
return () => map.remove();
|
|
25
|
-
}, []);
|
|
26
|
-
return (_jsxs("div", { children: [_jsx("div", { className: "sidebarStyle", children: _jsxs("div", { children: ["Longitude: ", lng, " | Latitude: ", lat, " | Zoom: ", zoom] }, void 0) }, void 0), _jsx("div", { className: "map-container", ref: mapContainerRef }, void 0)] }, void 0));
|
|
27
|
-
};
|
|
28
|
-
export default Map;
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvTWFwL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBYyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQzNELE9BQU8sUUFBUSxNQUFNLFdBQVcsQ0FBQztBQUNqQyxPQUFPLFdBQVcsQ0FBQztBQUVuQixRQUFRLENBQUMsV0FBVyxHQUFHLE9BQU8sQ0FBQyxHQUFHLENBQUMsOEJBQThCLENBQUM7QUFFbEUsTUFBTSxHQUFHLEdBQUcsR0FBRyxFQUFFO0lBQ2YsTUFBTSxlQUFlLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBRXJDLE1BQU0sQ0FBQyxHQUFHLEVBQUUsTUFBTSxDQUFDLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ2xDLE1BQU0sQ0FBQyxHQUFHLEVBQUUsTUFBTSxDQUFDLEdBQUcsUUFBUSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ25DLE1BQU0sQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDLEdBQUcsUUFBUSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBR3RDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixNQUFNLEdBQUcsR0FBRyxJQUFJLFFBQVEsQ0FBQyxHQUFHLENBQUM7WUFDM0IsU0FBUyxFQUFFLGVBQWUsQ0FBQyxPQUFPO1lBQ2xDLEtBQUssRUFBRSxvQ0FBb0M7WUFDM0MsTUFBTSxFQUFFLENBQUMsR0FBRyxFQUFFLEdBQUcsQ0FBQztZQUNsQixJQUFJLEVBQUUsSUFBSTtTQUNYLENBQUMsQ0FBQztRQUdILEdBQUcsQ0FBQyxVQUFVLENBQUMsSUFBSSxRQUFRLENBQUMsaUJBQWlCLEVBQUUsRUFBRSxXQUFXLENBQUMsQ0FBQztRQUU5RCxHQUFHLENBQUMsRUFBRSxDQUFDLE1BQU0sRUFBRSxHQUFHLEVBQUU7WUFDbEIsTUFBTSxDQUFDLEdBQUcsQ0FBQyxTQUFTLEVBQUUsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDdkMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxTQUFTLEVBQUUsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDdkMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxPQUFPLEVBQUUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNwQyxDQUFDLENBQUMsQ0FBQztRQUdILE9BQU8sR0FBRyxFQUFFLENBQUMsR0FBRyxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQzVCLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLE9BQU8sQ0FDTCwwQkFDRSxjQUFLLFNBQVMsRUFBQyxjQUFjLFlBQzNCLHlDQUNjLEdBQUcsbUJBQWUsR0FBRyxlQUFXLElBQUksWUFDNUMsV0FDRixFQUNOLGNBQUssU0FBUyxFQUFDLGVBQWUsRUFBQyxHQUFHLEVBQUUsZUFBZSxXQUFJLFlBQ25ELENBQ1AsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLGVBQWUsR0FBRyxDQUFDIn0=
|
|
@@ -1,41 +0,0 @@
|
|
|
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
|
-
_renderItem: ({ item, index }: {
|
|
36
|
-
item: any;
|
|
37
|
-
index: any;
|
|
38
|
-
}) => JSX.Element;
|
|
39
|
-
render(): JSX.Element;
|
|
40
|
-
}
|
|
41
|
-
export default Slideshow;
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import swiper, { Navigation, Pagination, Scrollbar, A11y, Thumbs, } from 'swiper';
|
|
4
|
-
import { Swiper, SwiperSlide } from 'swiper/react';
|
|
5
|
-
import 'swiper/swiper.min.css';
|
|
6
|
-
import 'swiper/components/navigation/navigation.min.css';
|
|
7
|
-
import 'swiper/components/pagination/pagination.min.css';
|
|
8
|
-
import 'swiper/components/scrollbar/scrollbar.min.css';
|
|
9
|
-
import 'swiper/components/thumbs/thumbs.min.css';
|
|
10
|
-
import { Text, Link, Image } from '../';
|
|
11
|
-
import styles from './styles.module.scss';
|
|
12
|
-
import clsx from 'clsx';
|
|
13
|
-
swiper.use([Navigation, Pagination, Scrollbar, A11y, Thumbs]);
|
|
14
|
-
export class Slideshow extends React.Component {
|
|
15
|
-
constructor(props) {
|
|
16
|
-
super(props);
|
|
17
|
-
this.state = {
|
|
18
|
-
ActiveSlide: 0,
|
|
19
|
-
ratio: props.ratio > 0 ? props.ratio : 0,
|
|
20
|
-
thumbsSwiper: null,
|
|
21
|
-
};
|
|
22
|
-
}
|
|
23
|
-
static defaultProps = {
|
|
24
|
-
componentId: '',
|
|
25
|
-
images: [],
|
|
26
|
-
columns: 1,
|
|
27
|
-
ratio: 1,
|
|
28
|
-
showPagination: true,
|
|
29
|
-
borderRadius: 0,
|
|
30
|
-
style: {},
|
|
31
|
-
};
|
|
32
|
-
componentWillUnmount() { }
|
|
33
|
-
openProduct = (item) => { };
|
|
34
|
-
_renderItem = ({ item, index }) => {
|
|
35
|
-
return (_jsx("div", { className: styles.slideContainer, children: _jsxs(Link, { className: styles.slideInnerContainer, onClick: (ev) => this.openProduct(item), children: [item && item.uri ? (_jsx(Image, { src: item.uri, className: clsx(styles.image, {
|
|
36
|
-
backgroundColor: '#fff',
|
|
37
|
-
borderRadius: this.props.borderRadius,
|
|
38
|
-
}) }, void 0)) : (_jsx(Image, { src: require('../../../public/images/placeholder.png') }, void 0)), !!item.title && _jsx(Text, { className: styles.title, children: item.title }, void 0), !!item.subtitle && (_jsx(Text, { className: styles.subtitle, children: item.subtitle }, void 0))] }, void 0) }, void 0));
|
|
39
|
-
};
|
|
40
|
-
render() {
|
|
41
|
-
const { images } = this.props;
|
|
42
|
-
if (images instanceof Array && images.length > 0) {
|
|
43
|
-
const { ActiveSlide } = this.state;
|
|
44
|
-
return (_jsxs("div", { className: clsx(styles.sliderContainer, this.props.style), children: [_jsx(Swiper, { spaceBetween: 0, slidesPerView: 1, navigation: true, thumbs: { swiper: this.state.thumbsSwiper }, onSwiper: (swiper) => { }, onSlideChange: () => console.log('slide change'), className: styles.mainSlider, children: images.map((img, i) => (_jsx(SwiperSlide, { virtualIndex: i, children: _jsx(Image, { src: img.uri }, void 0) }, i))) }, void 0), _jsx(Swiper, { onSwiper: (sw) => this.setState({ thumbsSwiper: sw }), spaceBetween: 10, slidesPerView: 4, freeMode: true, navigation: true, watchSlidesProgress: true, className: styles.thumbSlider, children: images.map((img, i) => (_jsx(SwiperSlide, { virtualIndex: i, children: _jsx(Image, { src: img.uri }, void 0) }, i))) }, void 0)] }, void 0));
|
|
45
|
-
}
|
|
46
|
-
else
|
|
47
|
-
return _jsx(_Fragment, {}, void 0);
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
export default Slideshow;
|
|
51
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvU2xpZGVzaG93L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sTUFBTSxFQUFFLEVBQ2IsVUFBVSxFQUNWLFVBQVUsRUFDVixTQUFTLEVBQ1QsSUFBSSxFQUNKLE1BQU0sR0FDUCxNQUFNLFFBQVEsQ0FBQztBQUNoQixPQUFPLEVBQUUsTUFBTSxFQUFFLFdBQVcsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUVuRCxPQUFPLHVCQUF1QixDQUFDO0FBQy9CLE9BQU8saURBQWlELENBQUM7QUFDekQsT0FBTyxpREFBaUQsQ0FBQztBQUN6RCxPQUFPLCtDQUErQyxDQUFDO0FBQ3ZELE9BQU8seUNBQXlDLENBQUM7QUFDakQsT0FBTyxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLE1BQU0sS0FBSyxDQUFDO0FBRXhDLE9BQU8sTUFBTSxNQUFNLHNCQUFzQixDQUFDO0FBQzFDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQztBQUV4QixNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsVUFBVSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUM7QUFrQjlELE1BQU0sT0FBTyxTQUFVLFNBQVEsS0FBSyxDQUFDLFNBQXNDO0lBQ3pFLFlBQVksS0FBbUI7UUFDN0IsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRWIsSUFBSSxDQUFDLEtBQUssR0FBRztZQUNYLFdBQVcsRUFBRSxDQUFDO1lBQ2QsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3hDLFlBQVksRUFBRSxJQUFJO1NBQ25CLENBQUM7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
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
.sliderContainer {
|
|
2
|
-
flex: 1;
|
|
3
|
-
max-width: 100%;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.slideInnerContainer {
|
|
7
|
-
flex: 1;
|
|
8
|
-
flex-direction: column;
|
|
9
|
-
flex-wrap: 'nowrap';
|
|
10
|
-
justify-content: 'flex-start';
|
|
11
|
-
align-items: 'stretch';
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.slideContainer {
|
|
15
|
-
flex: 1;
|
|
16
|
-
align-items: 'stretch';
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.image {
|
|
20
|
-
align-self: 'center';
|
|
21
|
-
width: 100%;
|
|
22
|
-
max-height: 100%;
|
|
23
|
-
position: 'relative';
|
|
24
|
-
border-radius: 0;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.title {
|
|
28
|
-
position: 'relative';
|
|
29
|
-
background-color: 'transparent';
|
|
30
|
-
font-weight: 'normal';
|
|
31
|
-
text-align: 'left';
|
|
32
|
-
}
|
|
33
|
-
.subtitle {
|
|
34
|
-
position: 'relative';
|
|
35
|
-
padding: 0;
|
|
36
|
-
background-color: 'transparent';
|
|
37
|
-
font-weight: 'normal';
|
|
38
|
-
text-align: 'left';
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.swiper {
|
|
42
|
-
width: 100%;
|
|
43
|
-
height: 100%;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.thumbSlider {
|
|
47
|
-
padding: 20px 0;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.mainSlider {
|
|
51
|
-
border: 1px solid rgb(201, 201, 201);
|
|
52
|
-
background-color: #fff;
|
|
53
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
@use 'sass:map';
|
|
2
|
-
@import '../../theme/variables/colors';
|
|
3
|
-
@import '../../theme/variables/sizes';
|
|
4
|
-
|
|
5
|
-
.colorbox {
|
|
6
|
-
width: 10px;
|
|
7
|
-
height: 10px;
|
|
8
|
-
display: inline-block;
|
|
9
|
-
margin-right: 5px;
|
|
10
|
-
border: 1px solid '#999';
|
|
11
|
-
}
|
|
12
|
-
.multiSelect-container {
|
|
13
|
-
z-index: 999;
|
|
14
|
-
}
|
|
15
|
-
.multichoice {
|
|
16
|
-
font-size: $h6;
|
|
17
|
-
}
|