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,50 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import clsx from 'clsx';
|
|
3
|
+
import { useRouter } from 'next/router';
|
|
4
|
+
import NextLink from 'next/link';
|
|
5
|
+
import { Link as MuiLink } from '@material-ui/core';
|
|
6
|
+
const NextLinkComposed = React.forwardRef(({ children, to, linkAs, href, replace, scroll, passHref, shallow, prefetch, locale, ...props }, ref) => {
|
|
7
|
+
return (<NextLink href={to} prefetch={prefetch} as={linkAs} replace={replace} scroll={scroll} shallow={shallow} passHref={passHref} locale={locale}>
|
|
8
|
+
<a ref={ref} {...props}>
|
|
9
|
+
{children}
|
|
10
|
+
</a>
|
|
11
|
+
</NextLink>);
|
|
12
|
+
});
|
|
13
|
+
// A styled version of the Next.js Link component:
|
|
14
|
+
// https://nextjs.org/docs/#with-link
|
|
15
|
+
const Link = React.forwardRef(({ children, activeClassName = 'active', as: linkAs, className: classNameProps, href, noLinkStyle, role, // Link don't have roles.
|
|
16
|
+
...props }, ref) => {
|
|
17
|
+
const router = useRouter();
|
|
18
|
+
const pathname = typeof href === 'string'
|
|
19
|
+
? href
|
|
20
|
+
: href && href.pathname
|
|
21
|
+
? href.pathname
|
|
22
|
+
: '';
|
|
23
|
+
const className = clsx(classNameProps, {
|
|
24
|
+
[activeClassName]: router.pathname === pathname && activeClassName,
|
|
25
|
+
});
|
|
26
|
+
const isExternal = (typeof href === 'string' &&
|
|
27
|
+
(href.indexOf('http') === 0 || href.indexOf('mailto:') === 0)) ||
|
|
28
|
+
props.onClick;
|
|
29
|
+
if (isExternal) {
|
|
30
|
+
if (noLinkStyle) {
|
|
31
|
+
return (<a className={className} href={href} ref={ref} {...props}>
|
|
32
|
+
{children}
|
|
33
|
+
</a>);
|
|
34
|
+
}
|
|
35
|
+
return (<MuiLink className={className} href={href} ref={ref} {...props}>
|
|
36
|
+
{children}
|
|
37
|
+
</MuiLink>);
|
|
38
|
+
}
|
|
39
|
+
if (noLinkStyle) {
|
|
40
|
+
return (<NextLinkComposed className={className} ref={ref} to={href} {...props}>
|
|
41
|
+
{children}
|
|
42
|
+
</NextLinkComposed>);
|
|
43
|
+
}
|
|
44
|
+
return (<MuiLink component={NextLinkComposed} linkAs={linkAs} className={className} ref={ref} to={href} {...props}>
|
|
45
|
+
{children}
|
|
46
|
+
</MuiLink>);
|
|
47
|
+
});
|
|
48
|
+
export default Link;
|
|
49
|
+
//const Link: React.FC<ILinkProps> = ({ children, ...props }) => ( <NextLink {...props}>{children}</NextLink> );
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL0xpbmsvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLElBQUksTUFBTSxNQUFNLENBQUM7QUFDeEIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUN4QyxPQUFPLFFBQVEsTUFBTSxXQUFXLENBQUM7QUFDakMsT0FBTyxFQUFFLElBQUksSUFBSSxPQUFPLEVBQWEsTUFBTSxtQkFBbUIsQ0FBQztBQWUvRCxNQUFNLGdCQUFnQixHQUE2QixLQUFLLENBQUMsVUFBVSxDQUlqRSxDQUNFLEVBQ0UsUUFBUSxFQUNSLEVBQUUsRUFDRixNQUFNLEVBQ04sSUFBSSxFQUNKLE9BQU8sRUFDUCxNQUFNLEVBQ04sUUFBUSxFQUNSLE9BQU8sRUFDUCxRQUFRLEVBQ1IsTUFBTSxFQUNOLEdBQUcsS0FBSyxFQUNULEVBQ0QsR0FBRyxFQUNILEVBQUU7SUFDRixPQUFPLENBQ0wsQ0FBQyxRQUFRLENBQ1AsSUFBSSxDQUFDLENBQUMsRUFBRSxDQUFDLENBQ1QsUUFBUSxDQUFDLENBQUMsUUFBUSxDQUFDLENBQ25CLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUNYLE9BQU8sQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUNqQixNQUFNLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FDZixPQUFPLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FDakIsUUFBUSxDQUFDLENBQUMsUUFBUSxDQUFDLENBQ25CLE1BQU0sQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUVmO1FBQUEsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxLQUFLLENBQUMsQ0FDckI7VUFBQSxDQUFDLFFBQVEsQ0FDWDtRQUFBLEVBQUUsQ0FBQyxDQUNMO01BQUEs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
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
//https://github.com/mapbox/mapbox-react-examples/blob/master/basic/src/Map.js
|
|
2
|
+
import React, { 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
|
+
// Initialize map when component mounts
|
|
12
|
+
useEffect(() => {
|
|
13
|
+
const map = new mapboxgl.Map({
|
|
14
|
+
container: mapContainerRef.current,
|
|
15
|
+
style: 'mapbox://styles/mapbox/streets-v11',
|
|
16
|
+
center: [lng, lat],
|
|
17
|
+
zoom: zoom,
|
|
18
|
+
});
|
|
19
|
+
// Add navigation control (the +/- zoom buttons)
|
|
20
|
+
map.addControl(new mapboxgl.NavigationControl(), 'top-right');
|
|
21
|
+
map.on('move', () => {
|
|
22
|
+
setLng(map.getCenter().lng.toFixed(4));
|
|
23
|
+
setLat(map.getCenter().lat.toFixed(4));
|
|
24
|
+
setZoom(map.getZoom().toFixed(2));
|
|
25
|
+
});
|
|
26
|
+
// Clean up on unmount
|
|
27
|
+
return () => map.remove();
|
|
28
|
+
}, []); // eslint-disable-line react-hooks/exhaustive-deps
|
|
29
|
+
return (<div>
|
|
30
|
+
<div className="sidebarStyle">
|
|
31
|
+
<div>
|
|
32
|
+
Longitude: {lng} | Latitude: {lat} | Zoom: {zoom}
|
|
33
|
+
</div>
|
|
34
|
+
</div>
|
|
35
|
+
<div className="map-container" ref={mapContainerRef}/>
|
|
36
|
+
</div>);
|
|
37
|
+
};
|
|
38
|
+
export default Map;
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL01hcC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsOEVBQThFO0FBQzlFLE9BQU8sS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDM0QsT0FBTyxRQUFRLE1BQU0sV0FBVyxDQUFDO0FBQ2pDLE9BQU8sV0FBVyxDQUFDO0FBRW5CLFFBQVEsQ0FBQyxXQUFXLEdBQUcsT0FBTyxDQUFDLEdBQUcsQ0FBQyw4QkFBOEIsQ0FBQztBQUVsRSxNQUFNLEdBQUcsR0FBRyxHQUFHLEVBQUU7SUFDZixNQUFNLGVBQWUsR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUM7SUFFckMsTUFBTSxDQUFDLEdBQUcsRUFBRSxNQUFNLENBQUMsR0FBRyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDbEMsTUFBTSxDQUFDLEdBQUcsRUFBRSxNQUFNLENBQUMsR0FBRyxRQUFRLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDbkMsTUFBTSxDQUFDLElBQUksRUFBRSxPQUFPLENBQUMsR0FBRyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUM7SUFFdEMsdUNBQXVDO0lBQ3ZDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixNQUFNLEdBQUcsR0FBRyxJQUFJLFFBQVEsQ0FBQyxHQUFHLENBQUM7WUFDM0IsU0FBUyxFQUFFLGVBQWUsQ0FBQyxPQUFPO1lBQ2xDLEtBQUssRUFBRSxvQ0FBb0M7WUFDM0MsTUFBTSxFQUFFLENBQUMsR0FBRyxFQUFFLEdBQUcsQ0FBQztZQUNsQixJQUFJLEVBQUUsSUFBSTtTQUNYLENBQUMsQ0FBQztRQUVILGdEQUFnRDtRQUNoRCxHQUFHLENBQUMsVUFBVSxDQUFDLElBQUksUUFBUSxDQUFDLGlCQUFpQixFQUFFLEVBQUUsV0FBVyxDQUFDLENBQUM7UUFFOUQsR0FBRyxDQUFDLEVBQUUsQ0FBQyxNQUFNLEVBQUUsR0FBRyxFQUFFO1lBQ2xCLE1BQU0sQ0FBQyxHQUFHLENBQUMsU0FBUyxFQUFFLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3ZDLE1BQU0sQ0FBQyxHQUFHLENBQUMsU0FBUyxFQUFFLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3ZDLE9BQU8sQ0FBQyxHQUFHLENBQUMsT0FBTyxFQUFFLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDcEMsQ0FBQyxDQUFDLENBQUM7UUFFSCxzQkFBc0I7UUFDdEIsT0FBTyxHQUFHLEVBQUUsQ0FBQyxHQUFHLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDNUIsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsa0RBQWtEO0lBRTFELE9BQU8sQ0FDTCxDQUFDLEdBQUcsQ0FDRjtNQUFBLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQyxjQUFjLENBQzNCO1FBQUEsQ0FBQyxHQUFHLENBQ0Y7cUJBQVcsQ0FBQyxHQUFHLENBQUUsYUFBWSxDQUFDLEdBQUcsQ0FBRSxTQUFRLENBQUMsSUFBSSxDQUNsRDtRQUFBLEVBQUUsR0FBRyxDQUNQO01BQUEsRUFBRSxHQUFHLENBQ0w7TUFBQSxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsZUFBZSxDQUFDLEdBQUcsQ0FBQyxDQUFDLGVBQWUsQ0FBQyxFQUN0RDtJQUFBLEVBQUUsR0FBRyxDQUFDLENBQ1AsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLGVBQWUsR0FBRyxDQUFDIn0=
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { MenuProps } from '@material-ui/core';
|
|
3
|
+
interface IMenuProps extends MenuProps {
|
|
4
|
+
items: IMenuItem[];
|
|
5
|
+
selected?: string;
|
|
6
|
+
}
|
|
7
|
+
interface IMenuItem {
|
|
8
|
+
onClick?(): any;
|
|
9
|
+
value?: any;
|
|
10
|
+
label: string;
|
|
11
|
+
icon?: any;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
}
|
|
14
|
+
export declare const Menu: React.FC<IMenuProps>;
|
|
15
|
+
export default Menu;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Menu as Navegation, MenuItem, ListItemIcon, } from '@material-ui/core';
|
|
3
|
+
export const Menu = ({ items, selected, ...props }) => (<Navegation {...props}>
|
|
4
|
+
{items.map((option, index) => (<MenuItem key={index} disabled={option.disabled === true} onClick={option.onClick} value={option.value} selected={selected && option.value === selected}>
|
|
5
|
+
{option.icon && <ListItemIcon>{option.icon}</ListItemIcon>}
|
|
6
|
+
{option.label}
|
|
7
|
+
</MenuItem>))}
|
|
8
|
+
</Navegation>);
|
|
9
|
+
export default Menu;
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL01lbnUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQ0wsSUFBSSxJQUFJLFVBQVUsRUFFbEIsUUFBUSxFQUNSLFlBQVksR0FDYixNQUFNLG1CQUFtQixDQUFDO0FBZTNCLE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBeUIsQ0FBQyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsR0FBRyxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDM0UsQ0FBQyxVQUFVLENBQUMsSUFBSSxLQUFLLENBQUMsQ0FDcEI7SUFBQSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxNQUFpQixFQUFFLEtBQWEsRUFBRSxFQUFFLENBQUMsQ0FDL0MsQ0FBQyxRQUFRLENBQ1AsR0FBRyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQ1gsUUFBUSxDQUFDLENBQUMsTUFBTSxDQUFDLFFBQVEsS0FBSyxJQUFJLENBQUMsQ0FDbkMsT0FBTyxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUN4QixLQUFLLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQ3BCLFFBQVEsQ0FBQyxDQUFDLFFBQVEsSUFBSSxNQUFNLENBQUMsS0FBSyxLQUFLLFFBQVEsQ0FBQyxDQUVoRDtRQUFBLENBQUMsTUFBTSxDQUFDLElBQUksSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxZQUFZLENBQUMsQ0FDMUQ7UUFBQSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQ2Y7TUFBQSxFQUFFLFFBQVEsQ0FBQyxDQUNaLENBQUMsQ0FDSjtFQUFBLEVBQUUsVUFBVSxDQUFDLENBQ2QsQ0FBQztBQUVGLGVBQWUsSUFBSSxDQUFDIn0=
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { FunctionComponent } from 'react';
|
|
2
|
+
import { AlertProps } from '@material-ui/lab';
|
|
3
|
+
export declare type MessageBarType = 'error' | 'warning' | 'info' | 'success';
|
|
4
|
+
interface IMessageBarProps extends AlertProps {
|
|
5
|
+
messageBarType: MessageBarType;
|
|
6
|
+
title?: string;
|
|
7
|
+
}
|
|
8
|
+
export interface INotificationMessages extends AlertProps {
|
|
9
|
+
text: string;
|
|
10
|
+
type: MessageBarType;
|
|
11
|
+
title?: string;
|
|
12
|
+
duration: number;
|
|
13
|
+
}
|
|
14
|
+
export declare const MessageBar: FunctionComponent<IMessageBarProps>;
|
|
15
|
+
export default MessageBar;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Alert, AlertTitle } from '@material-ui/lab';
|
|
3
|
+
import { makeStyles, createStyles } from '@material-ui/core/styles';
|
|
4
|
+
import { Collapse } from '@material-ui/core';
|
|
5
|
+
const useStyles = makeStyles((theme) => createStyles({
|
|
6
|
+
root: {
|
|
7
|
+
width: '100%',
|
|
8
|
+
'& > * + *': {
|
|
9
|
+
marginTop: theme.spacing(2),
|
|
10
|
+
},
|
|
11
|
+
},
|
|
12
|
+
}));
|
|
13
|
+
export const MessageBar = ({ children, messageBarType, title, onClose, ...props }) => {
|
|
14
|
+
const classes = useStyles();
|
|
15
|
+
const [open, setOpen] = React.useState(true);
|
|
16
|
+
return (<div className={classes.root}>
|
|
17
|
+
<Collapse in={open}>
|
|
18
|
+
<Alert {...props} severity={messageBarType} onClose={e => {
|
|
19
|
+
if (onClose) {
|
|
20
|
+
onClose(e);
|
|
21
|
+
setOpen(false);
|
|
22
|
+
}
|
|
23
|
+
}}>
|
|
24
|
+
{title && <AlertTitle>{title}</AlertTitle>}
|
|
25
|
+
{children}
|
|
26
|
+
</Alert>
|
|
27
|
+
</Collapse>
|
|
28
|
+
</div>);
|
|
29
|
+
};
|
|
30
|
+
export default MessageBar;
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL01lc3NhZ2VCYXIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBNEIsTUFBTSxPQUFPLENBQUM7QUFDakQsT0FBTyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQWMsTUFBTSxrQkFBa0IsQ0FBQztBQUNqRSxPQUFPLEVBQUUsVUFBVSxFQUFTLFlBQVksRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQWdCN0MsTUFBTSxTQUFTLEdBQUcsVUFBVSxDQUFDLENBQUMsS0FBWSxFQUFFLEVBQUUsQ0FDNUMsWUFBWSxDQUFDO0lBQ1gsSUFBSSxFQUFFO1FBQ0osS0FBSyxFQUFFLE1BQU07UUFDYixXQUFXLEVBQUU7WUFDWCxTQUFTLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7U0FDNUI7S0FDRjtDQUNGLENBQUMsQ0FDSCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUF3QyxDQUFDLEVBQzlELFFBQVEsRUFDUixjQUFjLEVBQ2QsS0FBSyxFQUNMLE9BQU8sRUFDUCxHQUFHLEtBQUssRUFDVCxFQUFFLEVBQUU7SUFDSCxNQUFNLE9BQU8sR0FBRyxTQUFTLEVBQUUsQ0FBQztJQUM1QixNQUFNLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDN0MsT0FBTyxDQUNMLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FDM0I7TUFBQSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FDakI7UUFBQSxDQUFDLEtBQUssQ0FDSixJQUFJLEtBQUssQ0FBQyxDQUNWLFFBQVEsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxDQUN6QixPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUNYLElBQUksT0FBTyxFQUFFO2dCQUNYLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQztnQkFDWCxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUM7YUFDaEI7UUFDSCxDQUFDLENBQUMsQ0FFRjtVQUFBLENBQUMsS0FBSyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsS0FBSyxDQUFDLEVBQUUsVUFBVSxDQUFDLENBQzFDO1VBQUEsQ0FBQyxRQUFRLENBQ1g7UUFBQSxFQUFFLEtBQUssQ0FDVDtNQUFBLEVBQUUsUUFBUSxDQUNaO0lBQUEsRUFBRSxHQUFHLENBQUMsQ0FDUCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsZUFBZSxVQUFVLENBQUMifQ==
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { FunctionComponent } from 'react';
|
|
2
|
+
export interface IDialogProps {
|
|
3
|
+
title: string;
|
|
4
|
+
description: string;
|
|
5
|
+
show: boolean;
|
|
6
|
+
onOpen?(): void;
|
|
7
|
+
onClose?(): void;
|
|
8
|
+
onSubmit?(): void;
|
|
9
|
+
}
|
|
10
|
+
declare const MessageBox: FunctionComponent<IDialogProps>;
|
|
11
|
+
export default MessageBox;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import React, { useRef, useEffect } from 'react';
|
|
2
|
+
import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, } from '@material-ui/core';
|
|
3
|
+
import { t } from 'nuudel-utils';
|
|
4
|
+
const MessageBox = ({ ...props }) => {
|
|
5
|
+
const { description = '', show = false } = props;
|
|
6
|
+
const [open, setOpen] = React.useState(false);
|
|
7
|
+
const handleClickOpen = () => {
|
|
8
|
+
if (props.onOpen) {
|
|
9
|
+
props.onOpen();
|
|
10
|
+
}
|
|
11
|
+
setOpen(true);
|
|
12
|
+
};
|
|
13
|
+
const handleClose = () => {
|
|
14
|
+
if (props.onClose) {
|
|
15
|
+
props.onClose();
|
|
16
|
+
}
|
|
17
|
+
setOpen(false);
|
|
18
|
+
};
|
|
19
|
+
const handleSubmit = () => {
|
|
20
|
+
if (props.onSubmit) {
|
|
21
|
+
props.onSubmit();
|
|
22
|
+
}
|
|
23
|
+
setOpen(false);
|
|
24
|
+
};
|
|
25
|
+
const didMountRef = useRef(false);
|
|
26
|
+
useEffect(() => {
|
|
27
|
+
if (didMountRef.current && show && !open) {
|
|
28
|
+
handleClickOpen();
|
|
29
|
+
}
|
|
30
|
+
else
|
|
31
|
+
didMountRef.current = true;
|
|
32
|
+
}, [show]);
|
|
33
|
+
return (<div>
|
|
34
|
+
<Dialog open={open} onClose={handleClose} aria-labelledby="alert-dialog-title" aria-describedby="alert-dialog-description">
|
|
35
|
+
<DialogTitle id="alert-dialog-title">{props.title}</DialogTitle>
|
|
36
|
+
<DialogContent>
|
|
37
|
+
<DialogContentText id="alert-dialog-description">
|
|
38
|
+
{description}
|
|
39
|
+
</DialogContentText>
|
|
40
|
+
</DialogContent>
|
|
41
|
+
<DialogActions>
|
|
42
|
+
<Button onClick={handleClose} color="primary">
|
|
43
|
+
{t('No')}
|
|
44
|
+
</Button>
|
|
45
|
+
<Button onClick={handleSubmit} color="primary" autoFocus>
|
|
46
|
+
{t('Yes')}
|
|
47
|
+
</Button>
|
|
48
|
+
</DialogActions>
|
|
49
|
+
</Dialog>
|
|
50
|
+
</div>);
|
|
51
|
+
};
|
|
52
|
+
export default MessageBox;
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL01lc3NhZ2VCb3gvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQXFCLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDcEUsT0FBTyxFQUNMLE1BQU0sRUFDTixNQUFNLEVBQ04sYUFBYSxFQUNiLGFBQWEsRUFDYixpQkFBaUIsRUFDakIsV0FBVyxHQUNaLE1BQU0sbUJBQW1CLENBQUM7QUFDM0IsT0FBTyxFQUFFLENBQUMsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQVdqQyxNQUFNLFVBQVUsR0FBb0MsQ0FBQyxFQUFFLEdBQUcsS0FBSyxFQUFFLEVBQUUsRUFBRTtJQUNuRSxNQUFNLEVBQUUsV0FBVyxHQUFHLEVBQUUsRUFBRSxJQUFJLEdBQUcsS0FBSyxFQUFFLEdBQUcsS0FBSyxDQUFDO0lBQ2pELE1BQU0sQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUU5QyxNQUFNLGVBQWUsR0FBRyxHQUFHLEVBQUU7UUFDM0IsSUFBSSxLQUFLLENBQUMsTUFBTSxFQUFFO1lBQ2hCLEtBQUssQ0FBQyxNQUFNLEVBQUUsQ0FBQztTQUNoQjtRQUNELE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNoQixDQUFDLENBQUM7SUFFRixNQUFNLFdBQVcsR0FBRyxHQUFHLEVBQUU7UUFDdkIsSUFBSSxLQUFLLENBQUMsT0FBTyxFQUFFO1lBQ2pCLEtBQUssQ0FBQyxPQUFPLEVBQUUsQ0FBQztTQUNqQjtRQUNELE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNqQixDQUFDLENBQUM7SUFFRixNQUFNLFlBQVksR0FBRyxHQUFHLEVBQUU7UUFDeEIsSUFBSSxLQUFLLENBQUMsUUFBUSxFQUFFO1lBQ2xCLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztTQUNsQjtRQUNELE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNqQixDQUFDLENBQUM7SUFFRixNQUFNLFdBQVcsR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbEMsU0FBUyxDQUFDLEdBQUcsRUFBRTtRQUNiLElBQUksV0FBVyxDQUFDLE9BQU8sSUFBSSxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDeEMsZUFBZSxFQUFFLENBQUM7U0FDbkI7O1lBQU0sV0FBVyxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7SUFDcEMsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztJQUVYLE9BQU8sQ0FDTCxDQUFDLEdBQUcsQ0FDRjtNQUFBLENBQUMsTUFBTSxDQUNMLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUNYLE9BQU8sQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUNyQixlQUFlLENBQUMsb0JBQW9CLENBQ3BDLGdCQUFnQixDQUFDLDBCQUEwQixDQUUzQztRQUFBLENBQUMsV0FBVyxDQUFDLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsRUFBRSxXQUFXLENBQy9EO1FBQUEsQ0FBQyxhQUFhLENBQ1o7VUFBQSxDQUFDLGlCQUFpQixDQUFDLEVBQUUsQ0FBQywwQkFBMEIsQ0FDOUM7WUFBQSxDQUFDLFdBQVcsQ0FDZDtVQUFBLEVBQUUsaUJBQWlCLENBQ3JCO1FBQUEsRUFBRSxhQUFhLENBQ2Y7UUFBQSxDQUFDLGFBQWEsQ0FDWjtVQUFBLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQzNDO1lBQUEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQ1Y7VUFBQSxFQUFFLE1BQU0sQ0FDUjtVQUFBLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsU0FBUyxDQUN0RDtZQUFBLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUNYO1VBQUEsRUFBRSxNQUFNLENBQ1Y7UUFBQSxFQUFFLGFBQWEsQ0FDakI7TUFBQSxFQUFFLE1BQU0sQ0FDVjtJQUFBLEVBQUUsR0FBRyxDQUFDLENBQ1AsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLGVBQWUsVUFBVSxDQUFDIn0=
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import dynamic from 'next/dynamic';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
const NoSsr = props => <React.Fragment>{props.children}</React.Fragment>;
|
|
4
|
+
export default dynamic(() => Promise.resolve(NoSsr), {
|
|
5
|
+
ssr: false,
|
|
6
|
+
});
|
|
7
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL05vU3NyL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE9BQU8sTUFBTSxjQUFjLENBQUM7QUFDbkMsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxFQUFFLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztBQUV6RSxlQUFlLE9BQU8sQ0FBQyxHQUFHLEVBQUUsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxFQUFFO0lBQ25ELEdBQUcsRUFBRSxLQUFLO0NBQ1gsQ0FBQyxDQUFDIn0=
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import NumberFormat from 'react-number-format';
|
|
2
|
+
export const NumberFormatInput = ({ inputRef, onChange, ...props }) => (<NumberFormat {...props} getInputRef={inputRef} onValueChange={values => {
|
|
3
|
+
onChange({
|
|
4
|
+
target: {
|
|
5
|
+
name: props.name,
|
|
6
|
+
value: values.value,
|
|
7
|
+
},
|
|
8
|
+
});
|
|
9
|
+
}} thousandSeparator isNumericString allowEmptyFormatting allowLeadingZeros/>);
|
|
10
|
+
export default NumberFormatInput;
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL051bWJlckZvcm1hdElucHV0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFlBQVksTUFBTSxxQkFBcUIsQ0FBQztBQVEvQyxNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBaUMsQ0FBQyxFQUM5RCxRQUFRLEVBQ1IsUUFBUSxFQUNSLEdBQUcsS0FBSyxFQUNULEVBQUUsRUFBRSxDQUFDLENBQ0osQ0FBQyxZQUFZLENBQ1gsSUFBSSxLQUFLLENBQUMsQ0FDVixXQUFXLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FDdEIsYUFBYSxDQUFDLENBQUMsTUFBTSxDQUFDLEVBQUU7UUFDdEIsUUFBUSxDQUFDO1lBQ1AsTUFBTSxFQUFFO2dCQUNOLElBQUksRUFBRSxLQUFLLENBQUMsSUFBSTtnQkFDaEIsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLO2FBQ3BCO1NBQ0YsQ0FBQyxDQUFDO0lBQ0wsQ0FBQyxDQUFDLENBQ0YsaUJBQWlCLENBQ2pCLGVBQWUsQ0FDZixvQkFBb0IsQ0FDcEIsaUJBQWlCLEVBRWpCLENBQ0gsQ0FBQztBQUVGLGVBQWUsaUJBQWlCLENBQUMifQ==
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import StarRating from '@material-ui/lab/Rating';
|
|
3
|
+
export const Rating = props => (<StarRating {...props}/>);
|
|
4
|
+
export default Rating;
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1JhdGluZy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sVUFBMkIsTUFBTSx5QkFBeUIsQ0FBQztBQUtsRSxNQUFNLENBQUMsTUFBTSxNQUFNLEdBQTJCLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FDckQsQ0FBQyxVQUFVLENBQUMsSUFBSSxLQUFLLENBQUMsRUFBRyxDQUMxQixDQUFDO0FBRUYsZUFBZSxNQUFNLENBQUMifQ==
|
|
@@ -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,60 @@
|
|
|
1
|
+
import React, { Component } from 'react';
|
|
2
|
+
import { GoogleReCaptcha, GoogleReCaptchaProvider, } from 'react-google-recaptcha-v3';
|
|
3
|
+
import { HttpClient } from 'nuudel-utils';
|
|
4
|
+
const { WEB = '' } = process.env;
|
|
5
|
+
class ReCaptcha extends Component {
|
|
6
|
+
static defaultProps = {
|
|
7
|
+
siteKey: process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY,
|
|
8
|
+
action: 'homepage', // 'login'
|
|
9
|
+
};
|
|
10
|
+
constructor(props) {
|
|
11
|
+
super(props);
|
|
12
|
+
this.state = { token: undefined };
|
|
13
|
+
}
|
|
14
|
+
handleVerifyRecaptcha = async () => {
|
|
15
|
+
const { executeRecaptcha } = this.props.googleReCaptchaProps;
|
|
16
|
+
if (!executeRecaptcha) {
|
|
17
|
+
console.log('Recaptcha has not been loaded');
|
|
18
|
+
return;
|
|
19
|
+
}
|
|
20
|
+
const token = await executeRecaptcha(this.props.action);
|
|
21
|
+
this.setState({ token });
|
|
22
|
+
};
|
|
23
|
+
onReCAPTCHAChange = async (token) => {
|
|
24
|
+
let uri = typeof window.location === 'undefined'
|
|
25
|
+
? WEB
|
|
26
|
+
: window.location.protocol +
|
|
27
|
+
'//' +
|
|
28
|
+
window.location.host +
|
|
29
|
+
(window.location.port !== '80' && window.location.port !== '443'
|
|
30
|
+
? ':' + window.location.port
|
|
31
|
+
: '');
|
|
32
|
+
try {
|
|
33
|
+
// Ping the google recaptcha verify API to verify the captcha code you received
|
|
34
|
+
const r = await HttpClient(`${uri}/recaptcha`, {
|
|
35
|
+
method: 'post',
|
|
36
|
+
body: JSON.stringify({ captcha: token }),
|
|
37
|
+
headers: {
|
|
38
|
+
'Content-Type': 'application/json; charset=utf-8',
|
|
39
|
+
},
|
|
40
|
+
});
|
|
41
|
+
if (r.status === 200) {
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
catch (error) { }
|
|
45
|
+
};
|
|
46
|
+
render() {
|
|
47
|
+
const { token } = this.state;
|
|
48
|
+
return (<div>
|
|
49
|
+
<GoogleReCaptchaProvider reCaptchaKey={this.props.siteKey}>
|
|
50
|
+
<GoogleReCaptcha onVerify={(token) => {
|
|
51
|
+
this.props.onReceiveToken(token);
|
|
52
|
+
}} action={this.props.action}/>
|
|
53
|
+
</GoogleReCaptchaProvider>
|
|
54
|
+
<button onClick={this.handleVerifyRecaptcha}>Verify Recaptcha</button>
|
|
55
|
+
<p>Token: {token}</p>
|
|
56
|
+
</div>);
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
export default ReCaptcha;
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1JlQ2FwdGNoYS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDekMsT0FBTyxFQUVMLGVBQWUsRUFDZix1QkFBdUIsR0FDeEIsTUFBTSwyQkFBMkIsQ0FBQztBQUNuQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBVzFDLE1BQU0sRUFBRSxHQUFHLEdBQUcsRUFBRSxFQUFFLEdBQUcsT0FBTyxDQUFDLEdBQUcsQ0FBQztBQUVqQyxNQUFNLFNBQVUsU0FBUSxTQUF5QjtJQUN4QyxNQUFNLENBQUMsWUFBWSxHQUFHO1FBQzNCLE9BQU8sRUFBRSxPQUFPLENBQUMsR0FBRyxDQUFDLDhCQUE4QjtRQUNuRCxNQUFNLEVBQUUsVUFBVSxFQUFFLFVBQVU7S0FDL0IsQ0FBQztJQUVGLFlBQVksS0FBYTtRQUN2QixLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDYixJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxDQUFDO0lBQ3BDLENBQUM7SUFFRCxxQkFBcUIsR0FBRyxLQUFLLElBQUksRUFBRTtRQUNqQyxNQUFNLEVBQUUsZ0JBQWdCLEVBQUUsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLG9CQUFvQixDQUFDO1FBRTdELElBQUksQ0FBQyxnQkFBZ0IsRUFBRTtZQUNyQixPQUFPLENBQUMsR0FBRyxDQUFDLCtCQUErQixDQUFDLENBQUM7WUFDN0MsT0FBTztTQUNSO1FBRUQsTUFBTSxLQUFLLEdBQUcsTUFBTSxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBRXhELElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO0lBQzNCLENBQUMsQ0FBQztJQUVGLGlCQUFpQixHQUFHLEtBQUssRUFBRSxLQUFhLEVBQUUsRUFBRTtRQUMxQyxJQUFJLEdBQUcsR0FDTCxPQUFPLE1BQU0sQ0FBQyxRQUFRLEtBQUssV0FBVztZQUNwQyxDQUFDLENBQUMsR0FBRztZQUNMLENBQUMsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLFFBQVE7Z0JBQ3hCLElBQUk7Z0JBQ0osTUFBTSxDQUFDLFFBQVEsQ0FBQyxJQUFJO2dCQUNwQixDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsSUFBSSxLQUFLLElBQUksSUFBSSxNQUFNLENBQUMsUUFBUSxDQUFDLElBQUksS0FBSyxLQUFLO29CQUM5RCxDQUFDLENBQUMsR0FBRyxHQUFHLE1BQU0sQ0FBQyxRQUFRLENBQUMsSUFBSTtvQkFDNUIsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBRWQsSUFBSTtZQUNGLCtFQUErRTtZQUMvRSxNQUFNLENBQUMsR0FBRyxNQUFNLFVBQVUsQ0FBQyxHQUFHLEdBQUcsWUFBWSxFQUFFO2dCQUM3QyxNQUFNLEVBQUUsTUFBTTtnQkFDZCxJQUFJLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsQ0FBQztnQkFDeEMsT0FBTyxFQUFFO29CQUNQLGNBQWMsRUFBRSxpQ0FBaUM7aUJBQ2xEO2FBQ0YsQ0FBQyxDQUFDO1lBRUgsSUFBSSxDQUFDLENBQUMsTUFBTSxLQUFLLEdBQUcsRUFBRTthQUNyQjtTQUNGO1FBQUMsT0FBTyxLQUFLLEVBQUUsR0FBRTtJQUNwQixDQUFDLENBQUM7SUFFRixNQUFNO1FBQ0osTUFBTSxFQUFFLEtBQUssRUFBRSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7UUFDN0IsT0FBTyxDQUNMLENBQUMsR0FBRyxDQUNGO1FBQUEsQ0FBQyx1QkFBdUIsQ0FBQyxZQUFZLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUN4RDtVQUFBLENBQUMsZUFBZSxDQUNkLFFBQVEsQ0FBQyxDQUFDLENBQUMsS0FBYSxFQUFFLEVBQUU7Z0JBQzFCLElBQUksQ0FBQyxLQUFLLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ25DLENBQUMsQ0FBQyxDQUNGLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEVBRTlCO1FBQUEsRUFBRSx1QkFBdUIsQ0FDekI7UUFBQSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMscUJBQXFCLENBQUMsQ0FBQyxnQkFBZ0IsRUFBRSxNQUFNLENBQ3JFO1FBQUEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FDdEI7TUFBQSxFQUFFLEdBQUcsQ0FBQyxDQUNQLENBQUM7SUFDSixDQUFDOztBQUdILGVBQWUsU0FBUyxDQUFDIn0=
|
|
@@ -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,36 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Select as BaseSelect, MenuItem } from '@material-ui/core';
|
|
3
|
+
export const Select = React.forwardRef(({ options, onChange, ...props }, ref) => {
|
|
4
|
+
const handleChange = (event) => {
|
|
5
|
+
const value = event.target.value;
|
|
6
|
+
if (onChange) {
|
|
7
|
+
onChange(value && value instanceof Array && value.length > 0 ? value[0] : value);
|
|
8
|
+
}
|
|
9
|
+
};
|
|
10
|
+
const handleChangeMultiple = (event) => {
|
|
11
|
+
const { options } = event.target;
|
|
12
|
+
const value = [];
|
|
13
|
+
for (let i = 0, l = options.length; i < l; i += 1) {
|
|
14
|
+
if (options[i].selected) {
|
|
15
|
+
value.push(options[i].value);
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
if (onChange) {
|
|
19
|
+
onChange(value);
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
/*
|
|
23
|
+
useEffect(() => {
|
|
24
|
+
if (onChange) {
|
|
25
|
+
onChange(props.value);
|
|
26
|
+
}
|
|
27
|
+
}, [props.value]); // */
|
|
28
|
+
return (<BaseSelect ref={ref} {...props} onChange={props.multiple ? handleChangeMultiple : handleChange}>
|
|
29
|
+
{options.map((option, i) => (<MenuItem key={i} value={option.value} disabled={option.disabled === true}>
|
|
30
|
+
{option.icon && option.icon}
|
|
31
|
+
{option.label}
|
|
32
|
+
</MenuItem>))}
|
|
33
|
+
</BaseSelect>);
|
|
34
|
+
});
|
|
35
|
+
export default Select;
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1NlbGVjdC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFvQixNQUFNLE9BQU8sQ0FBQztBQUN6QyxPQUFPLEVBQUUsTUFBTSxJQUFJLFVBQVUsRUFBZSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQWNoRixNQUFNLENBQUMsTUFBTSxNQUFNLEdBQTJCLEtBQUssQ0FBQyxVQUFVLENBRzVELENBQUMsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLEdBQUcsS0FBSyxFQUFFLEVBQUUsR0FBRyxFQUFFLEVBQUU7SUFDekMsTUFBTSxZQUFZLEdBQUcsQ0FBQyxLQUE0QyxFQUFFLEVBQUU7UUFDcEUsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFpQixDQUFDO1FBQzdDLElBQUksUUFBUSxFQUFFO1lBQ1osUUFBUSxDQUNOLEtBQUssSUFBSSxLQUFLLFlBQVksS0FBSyxJQUFJLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FDdkUsQ0FBQztTQUNIO0lBQ0gsQ0FBQyxDQUFDO0lBRUYsTUFBTSxvQkFBb0IsR0FBRyxDQUMzQixLQUE0QyxFQUM1QyxFQUFFO1FBQ0YsTUFBTSxFQUFFLE9BQU8sRUFBRSxHQUFHLEtBQUssQ0FBQyxNQUEyQixDQUFDO1FBQ3RELE1BQU0sS0FBSyxHQUFhLEVBQUUsQ0FBQztRQUMzQixLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDakQsSUFBSSxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUFFO2dCQUN2QixLQUFLLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQzthQUM5QjtTQUNGO1FBQ0QsSUFBSSxRQUFRLEVBQUU7WUFDWixRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDakI7SUFDSCxDQUFDLENBQUM7SUFFRjs7Ozs7NEJBS3dCO0lBRXhCLE9BQU8sQ0FDTCxDQUFDLFVBQVUsQ0FDVCxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FDVCxJQUFJLEtBQUssQ0FBQyxDQUNWLFFBQVEsQ0FBQyxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLG9CQUFvQixDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FFL0Q7TUFBQSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxNQUFtQixFQUFFLENBQVMsRUFBRSxFQUFFLENBQUMsQ0FDL0MsQ0FBQyxRQUFRLENBQ1AsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQ1AsS0FBSyxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUNwQixRQUFRLENBQUMsQ0FBQyxNQUFNLENBQUMsUUFBUSxLQUFLLElBQUksQ0FBQyxDQUVuQztVQUFBLENBQUMsTUFBTSxDQUFDLElBQUksSUFBSSxNQUFNLENBQUMsSUFBSSxDQUMzQjtVQUFBLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FDZjtRQUFBLEVBQUUsUUFBUSxDQUFDLENBQ1osQ0FBQyxDQUNKO0lBQUEsRUFBRSxVQUFVLENBQUMsQ0FDZCxDQUFDO0FBQ0osQ0FBQyxDQUFDLENBQUM7QUFFSCxlQUFlLE1BQU0sQ0FBQyJ9
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Slider as BaseSlider } from '@material-ui/core';
|
|
3
|
+
export const Slider = props => (<BaseSlider {...props}/>);
|
|
4
|
+
export default Slider;
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1NsaWRlci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLElBQUksVUFBVSxFQUFlLE1BQU0sbUJBQW1CLENBQUM7QUFJdEUsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUEyQixLQUFLLENBQUMsRUFBRSxDQUFDLENBQ3JELENBQUMsVUFBVSxDQUFDLElBQUksS0FBSyxDQUFDLEVBQUcsQ0FDMUIsQ0FBQztBQUVGLGVBQWUsTUFBTSxDQUFDIn0=
|
|
@@ -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,80 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
// import Swiper core and required modules
|
|
3
|
+
import swiper, { Navigation, Pagination, Scrollbar, A11y, Thumbs, } from 'swiper';
|
|
4
|
+
import { Swiper, SwiperSlide } from 'swiper/react';
|
|
5
|
+
// Import swiper styles
|
|
6
|
+
import 'swiper/swiper.min.css';
|
|
7
|
+
import 'swiper/components/navigation/navigation.min.css';
|
|
8
|
+
import 'swiper/components/pagination/pagination.min.css';
|
|
9
|
+
import 'swiper/components/scrollbar/scrollbar.min.css';
|
|
10
|
+
import 'swiper/components/thumbs/thumbs.min.css';
|
|
11
|
+
import { Text, Link, Image } from '../';
|
|
12
|
+
//import { isServer } from '@Utils';
|
|
13
|
+
import styles from './styles.module.scss';
|
|
14
|
+
import clsx from 'clsx';
|
|
15
|
+
swiper.use([Navigation, Pagination, Scrollbar, A11y, Thumbs]);
|
|
16
|
+
export class Slideshow extends React.Component {
|
|
17
|
+
constructor(props) {
|
|
18
|
+
super(props);
|
|
19
|
+
this.state = {
|
|
20
|
+
ActiveSlide: 0,
|
|
21
|
+
ratio: props.ratio > 0 ? props.ratio : 0,
|
|
22
|
+
thumbsSwiper: null,
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
static defaultProps = {
|
|
26
|
+
componentId: '',
|
|
27
|
+
images: [],
|
|
28
|
+
columns: 1,
|
|
29
|
+
ratio: 1,
|
|
30
|
+
showPagination: true,
|
|
31
|
+
borderRadius: 0,
|
|
32
|
+
style: {},
|
|
33
|
+
};
|
|
34
|
+
componentWillUnmount() { }
|
|
35
|
+
openProduct = (item) => { };
|
|
36
|
+
/**
|
|
37
|
+
* Render item of carousel
|
|
38
|
+
*/
|
|
39
|
+
_renderItem = ({ item, index }) => {
|
|
40
|
+
return (<div className={styles.slideContainer}>
|
|
41
|
+
<Link className={styles.slideInnerContainer} onClick={(ev) => this.openProduct(item)}>
|
|
42
|
+
{item && item.uri ? (<Image src={item.uri} className={clsx(styles.image, {
|
|
43
|
+
backgroundColor: '#fff',
|
|
44
|
+
borderRadius: this.props.borderRadius,
|
|
45
|
+
})}/>) : (<Image src={require('../../../public/images/placeholder.png')}/>)}
|
|
46
|
+
{!!item.title && <Text className={styles.title}>{item.title}</Text>}
|
|
47
|
+
{!!item.subtitle && (<Text className={styles.subtitle}>{item.subtitle}</Text>)}
|
|
48
|
+
</Link>
|
|
49
|
+
</div>);
|
|
50
|
+
};
|
|
51
|
+
render() {
|
|
52
|
+
const { images } = this.props;
|
|
53
|
+
if (images instanceof Array && images.length > 0) {
|
|
54
|
+
const { ActiveSlide } = this.state;
|
|
55
|
+
return (<div className={clsx(styles.sliderContainer, this.props.style)}>
|
|
56
|
+
<Swiper
|
|
57
|
+
// install Swiper modules
|
|
58
|
+
//modules={[Navigation, Pagination, Scrollbar, A11y]}
|
|
59
|
+
//observer={isServer}
|
|
60
|
+
spaceBetween={0} slidesPerView={1} navigation
|
|
61
|
+
//pagination={{ clickable: true }}
|
|
62
|
+
//scrollbar={{ draggable: true }}
|
|
63
|
+
thumbs={{ swiper: this.state.thumbsSwiper }} onSwiper={(swiper) => { }} onSlideChange={() => console.log('slide change')} className={styles.mainSlider}>
|
|
64
|
+
{images.map((img, i) => (<SwiperSlide key={i} virtualIndex={i}>
|
|
65
|
+
<Image src={img.uri}/>
|
|
66
|
+
</SwiperSlide>))}
|
|
67
|
+
</Swiper>
|
|
68
|
+
<Swiper onSwiper={(sw) => this.setState({ thumbsSwiper: sw })} spaceBetween={10} slidesPerView={4} freeMode={true} navigation watchSlidesProgress={true} className={styles.thumbSlider}>
|
|
69
|
+
{images.map((img, i) => (<SwiperSlide key={i} virtualIndex={i}>
|
|
70
|
+
<Image src={img.uri}/>
|
|
71
|
+
</SwiperSlide>))}
|
|
72
|
+
</Swiper>
|
|
73
|
+
</div>);
|
|
74
|
+
}
|
|
75
|
+
else
|
|
76
|
+
return <></>;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
export default Slideshow;
|
|
80
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1NsaWRlc2hvdy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLDBDQUEwQztBQUMxQyxPQUFPLE1BQU0sRUFBRSxFQUNiLFVBQVUsRUFDVixVQUFVLEVBQ1YsU0FBUyxFQUNULElBQUksRUFDSixNQUFNLEdBQ1AsTUFBTSxRQUFRLENBQUM7QUFDaEIsT0FBTyxFQUFFLE1BQU0sRUFBRSxXQUFXLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDbkQsdUJBQXVCO0FBQ3ZCLE9BQU8sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxpREFBaUQsQ0FBQztBQUN6RCxPQUFPLGlEQUFpRCxDQUFDO0FBQ3pELE9BQU8sK0NBQStDLENBQUM7QUFDdkQsT0FBTyx5Q0FBeUMsQ0FBQztBQUNqRCxPQUFPLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsTUFBTSxLQUFLLENBQUM7QUFDeEMsb0NBQW9DO0FBQ3BDLE9BQU8sTUFBTSxNQUFNLHNCQUFzQixDQUFDO0FBQzFDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQztBQUV4QixNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsVUFBVSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUM7QUFrQjlELE1BQU0sT0FBTyxTQUFVLFNBQVEsS0FBSyxDQUFDLFNBQXNDO0lBQ3pFLFlBQVksS0FBbUI7UUFDN0IsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRWIsSUFBSSxDQUFDLEtBQUssR0FBRztZQUNYLFdBQVcsRUFBRSxDQUFDO1lBQ2QsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FB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
|
|
@@ -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;
|