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.
Files changed (167) hide show
  1. package/build/main/index.d.ts +3 -1
  2. package/build/main/index.js +13 -1
  3. package/build/main/lib/components/Box/index.d.ts +6 -0
  4. package/build/main/lib/components/Box/index.jsx +12 -0
  5. package/build/main/lib/components/Button/index.d.ts +27 -0
  6. package/build/main/lib/components/Button/index.jsx +109 -0
  7. package/build/main/lib/components/Checkbox/index.d.ts +6 -0
  8. package/build/main/lib/components/Checkbox/index.jsx +12 -0
  9. package/build/main/lib/components/Choices/index.d.ts +13 -0
  10. package/build/main/lib/components/Choices/index.jsx +28 -0
  11. package/build/main/lib/components/ColorBox/index.d.ts +6 -0
  12. package/build/main/lib/components/ColorBox/index.jsx +45 -0
  13. package/build/main/lib/components/Container/index.d.ts +14 -0
  14. package/build/main/lib/components/Container/index.jsx +40 -0
  15. package/build/main/lib/components/Dialog/index.d.ts +13 -0
  16. package/build/main/lib/components/Dialog/index.jsx +115 -0
  17. package/build/main/lib/components/Divider/index.d.ts +6 -0
  18. package/build/main/lib/components/Divider/index.jsx +12 -0
  19. package/build/main/lib/components/Drawer/index.d.ts +9 -0
  20. package/build/main/lib/components/Drawer/index.jsx +91 -0
  21. package/build/main/lib/components/Grid/index.d.ts +6 -0
  22. package/build/main/lib/components/Grid/index.jsx +12 -0
  23. package/build/main/lib/components/IFrame/index.d.ts +4 -0
  24. package/build/main/lib/components/IFrame/index.jsx +121 -0
  25. package/build/main/lib/components/IFrame/types.d.ts +33 -0
  26. package/build/main/lib/components/IFrame/types.js +3 -0
  27. package/build/main/lib/components/Image/index.d.ts +17 -0
  28. package/build/main/lib/components/Image/index.jsx +44 -0
  29. package/build/main/lib/components/Link/index.d.ts +19 -0
  30. package/build/main/lib/components/Link/index.jsx +68 -0
  31. package/build/main/lib/components/Map/index.d.ts +3 -0
  32. package/build/main/lib/components/Map/index.jsx +63 -0
  33. package/build/main/lib/components/Menu/index.d.ts +15 -0
  34. package/build/main/lib/components/Menu/index.jsx +31 -0
  35. package/build/main/lib/components/MessageBar/index.d.ts +15 -0
  36. package/build/main/lib/components/MessageBar/index.jsx +50 -0
  37. package/build/main/lib/components/MessageBox/index.d.ts +11 -0
  38. package/build/main/lib/components/MessageBox/index.jsx +86 -0
  39. package/build/main/lib/components/NoSsr/index.d.ts +3 -0
  40. package/build/main/lib/components/NoSsr/index.jsx +12 -0
  41. package/build/main/lib/components/NumberFormatInput/index.d.ts +8 -0
  42. package/build/main/lib/components/NumberFormatInput/index.jsx +32 -0
  43. package/build/main/lib/components/Rating/index.d.ts +6 -0
  44. package/build/main/lib/components/Rating/index.jsx +12 -0
  45. package/build/main/lib/components/ReCaptcha/index.d.ts +22 -0
  46. package/build/main/lib/components/ReCaptcha/index.jsx +81 -0
  47. package/build/main/lib/components/Select/index.d.ts +14 -0
  48. package/build/main/lib/components/Select/index.jsx +54 -0
  49. package/build/main/lib/components/Slider/index.d.ts +6 -0
  50. package/build/main/lib/components/Slider/index.jsx +12 -0
  51. package/build/main/lib/components/Slideshow/index.d.ts +44 -0
  52. package/build/main/lib/components/Slideshow/index.jsx +106 -0
  53. package/build/main/lib/components/Spinner/index.d.ts +8 -0
  54. package/build/main/lib/components/Spinner/index.jsx +59 -0
  55. package/build/main/lib/components/Stepper/index.d.ts +8 -0
  56. package/build/main/lib/components/Stepper/index.jsx +86 -0
  57. package/build/main/lib/components/Switch/index.d.ts +9 -0
  58. package/build/main/lib/components/Switch/index.jsx +26 -0
  59. package/build/main/lib/components/TagsInput/index.d.ts +2 -0
  60. package/build/main/lib/components/TagsInput/index.jsx +9 -0
  61. package/build/main/lib/components/Text/index.d.ts +10 -0
  62. package/build/main/lib/components/Text/index.jsx +42 -0
  63. package/build/main/lib/components/TextField/index.d.ts +8 -0
  64. package/build/main/lib/components/TextField/index.jsx +28 -0
  65. package/build/main/lib/components/Tooltip/index.d.ts +6 -0
  66. package/build/main/lib/components/Tooltip/index.jsx +12 -0
  67. package/build/main/lib/components/index.d.ts +30 -0
  68. package/build/main/lib/components/index.js +86 -0
  69. package/build/main/lib/controls/formFields/FileUploadField.jsx +5 -5
  70. package/build/main/lib/controls/formFields/FormField.jsx +7 -7
  71. package/build/main/lib/controls/formFields/RNFieldChoiceEdit.jsx +3 -3
  72. package/build/main/lib/controls/formFields/RNFieldImageDisplay.jsx +5 -5
  73. package/build/main/lib/controls/formFields/RNFieldLookupDisplay.jsx +7 -7
  74. package/build/main/lib/controls/formFields/RNFieldNumberEdit.jsx +3 -3
  75. package/build/main/lib/controls/formFields/RNFieldObjectEdit.jsx +3 -3
  76. package/build/main/lib/controls/formFields/RNFieldTextDisplay.jsx +3 -3
  77. package/build/main/lib/controls/formFields/RNFieldTextEdit.jsx +4 -4
  78. package/build/main/lib/controls/formFields/RNFieldUrlDisplay.jsx +4 -4
  79. package/build/main/lib/controls/formFields/RNFieldUrlEdit.jsx +3 -3
  80. package/build/main/lib/controls/formFields/RNFormField.jsx +7 -7
  81. package/build/main/lib/forms/DetailForm/DetailForm.d.ts +1 -1
  82. package/build/main/lib/forms/DetailForm/DetailForm.jsx +21 -21
  83. package/build/main/lib/forms/Upload/index.jsx +4 -4
  84. package/build/module/index.d.ts +3 -1
  85. package/build/module/index.js +3 -1
  86. package/build/module/lib/components/Box/index.d.ts +6 -0
  87. package/build/module/lib/components/Box/index.jsx +5 -0
  88. package/build/module/lib/components/Button/index.d.ts +27 -0
  89. package/build/module/lib/components/Button/index.jsx +74 -0
  90. package/build/module/lib/components/Checkbox/index.d.ts +6 -0
  91. package/build/module/lib/components/Checkbox/index.jsx +5 -0
  92. package/build/module/lib/components/Choices/index.d.ts +13 -0
  93. package/build/module/lib/components/Choices/index.jsx +7 -0
  94. package/build/module/lib/components/ColorBox/index.d.ts +6 -0
  95. package/build/module/lib/components/ColorBox/index.jsx +40 -0
  96. package/build/module/lib/components/Container/index.d.ts +14 -0
  97. package/build/module/lib/components/Container/index.jsx +23 -0
  98. package/build/module/lib/components/Dialog/index.d.ts +13 -0
  99. package/build/module/lib/components/Dialog/index.jsx +79 -0
  100. package/build/module/lib/components/Divider/index.d.ts +6 -0
  101. package/build/module/lib/components/Divider/index.jsx +5 -0
  102. package/build/module/lib/components/Drawer/index.d.ts +9 -0
  103. package/build/module/lib/components/Drawer/index.jsx +53 -0
  104. package/build/module/lib/components/Grid/index.d.ts +6 -0
  105. package/build/module/lib/components/Grid/index.jsx +5 -0
  106. package/build/module/lib/components/IFrame/index.d.ts +4 -0
  107. package/build/module/lib/components/IFrame/index.jsx +100 -0
  108. package/build/module/lib/components/IFrame/types.d.ts +33 -0
  109. package/build/module/lib/components/IFrame/types.js +2 -0
  110. package/build/module/lib/components/Image/index.d.ts +17 -0
  111. package/build/module/lib/components/Image/index.jsx +27 -0
  112. package/build/module/lib/components/Link/index.d.ts +19 -0
  113. package/build/module/lib/components/Link/index.jsx +50 -0
  114. package/build/module/lib/components/Map/index.d.ts +3 -0
  115. package/build/module/lib/components/Map/index.jsx +39 -0
  116. package/build/module/lib/components/Menu/index.d.ts +15 -0
  117. package/build/module/lib/components/Menu/index.jsx +10 -0
  118. package/build/module/lib/components/MessageBar/index.d.ts +15 -0
  119. package/build/module/lib/components/MessageBar/index.jsx +31 -0
  120. package/build/module/lib/components/MessageBox/index.d.ts +11 -0
  121. package/build/module/lib/components/MessageBox/index.jsx +53 -0
  122. package/build/module/lib/components/NoSsr/index.d.ts +3 -0
  123. package/build/module/lib/components/NoSsr/index.jsx +7 -0
  124. package/build/module/lib/components/NumberFormatInput/index.d.ts +8 -0
  125. package/build/module/lib/components/NumberFormatInput/index.jsx +11 -0
  126. package/build/module/lib/components/Rating/index.d.ts +6 -0
  127. package/build/module/lib/components/Rating/index.jsx +5 -0
  128. package/build/module/lib/components/ReCaptcha/index.d.ts +22 -0
  129. package/build/module/lib/components/ReCaptcha/index.jsx +60 -0
  130. package/build/module/lib/components/Select/index.d.ts +14 -0
  131. package/build/module/lib/components/Select/index.jsx +36 -0
  132. package/build/module/lib/components/Slider/index.d.ts +6 -0
  133. package/build/module/lib/components/Slider/index.jsx +5 -0
  134. package/build/module/lib/components/Slideshow/index.d.ts +44 -0
  135. package/build/module/lib/components/Slideshow/index.jsx +80 -0
  136. package/build/module/lib/components/Spinner/index.d.ts +8 -0
  137. package/build/module/lib/components/Spinner/index.jsx +42 -0
  138. package/build/module/lib/components/Stepper/index.d.ts +8 -0
  139. package/build/module/lib/components/Stepper/index.jsx +67 -0
  140. package/build/module/lib/components/Switch/index.d.ts +9 -0
  141. package/build/module/lib/components/Switch/index.jsx +5 -0
  142. package/build/module/lib/components/TagsInput/index.d.ts +2 -0
  143. package/build/module/lib/components/TagsInput/index.jsx +3 -0
  144. package/build/module/lib/components/Text/index.d.ts +10 -0
  145. package/build/module/lib/components/Text/index.jsx +13 -0
  146. package/build/module/lib/components/TextField/index.d.ts +8 -0
  147. package/build/module/lib/components/TextField/index.jsx +14 -0
  148. package/build/module/lib/components/Tooltip/index.d.ts +6 -0
  149. package/build/module/lib/components/Tooltip/index.jsx +5 -0
  150. package/build/module/lib/components/index.d.ts +30 -0
  151. package/build/module/lib/components/index.js +31 -0
  152. package/build/module/lib/controls/formFields/FileUploadField.jsx +2 -2
  153. package/build/module/lib/controls/formFields/FormField.jsx +2 -2
  154. package/build/module/lib/controls/formFields/RNFieldChoiceEdit.jsx +2 -2
  155. package/build/module/lib/controls/formFields/RNFieldImageDisplay.jsx +2 -2
  156. package/build/module/lib/controls/formFields/RNFieldLookupDisplay.jsx +2 -2
  157. package/build/module/lib/controls/formFields/RNFieldNumberEdit.jsx +2 -2
  158. package/build/module/lib/controls/formFields/RNFieldObjectEdit.jsx +2 -2
  159. package/build/module/lib/controls/formFields/RNFieldTextDisplay.jsx +2 -2
  160. package/build/module/lib/controls/formFields/RNFieldTextEdit.jsx +2 -2
  161. package/build/module/lib/controls/formFields/RNFieldUrlDisplay.jsx +2 -2
  162. package/build/module/lib/controls/formFields/RNFieldUrlEdit.jsx +2 -2
  163. package/build/module/lib/controls/formFields/RNFormField.jsx +2 -2
  164. package/build/module/lib/forms/DetailForm/DetailForm.d.ts +1 -1
  165. package/build/module/lib/forms/DetailForm/DetailForm.jsx +2 -2
  166. package/build/module/lib/forms/Upload/index.jsx +2 -2
  167. 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL0xpbmsvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLElBQUksTUFBTSxNQUFNLENBQUM7QUFDeEIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUN4QyxPQUFPLFFBQVEsTUFBTSxXQUFXLENBQUM7QUFDakMsT0FBTyxFQUFFLElBQUksSUFBSSxPQUFPLEVBQWEsTUFBTSxtQkFBbUIsQ0FBQztBQWUvRCxNQUFNLGdCQUFnQixHQUE2QixLQUFLLENBQUMsVUFBVSxDQUlqRSxDQUNFLEVBQ0UsUUFBUSxFQUNSLEVBQUUsRUFDRixNQUFNLEVBQ04sSUFBSSxFQUNKLE9BQU8sRUFDUCxNQUFNLEVBQ04sUUFBUSxFQUNSLE9BQU8sRUFDUCxRQUFRLEVBQ1IsTUFBTSxFQUNOLEdBQUcsS0FBSyxFQUNULEVBQ0QsR0FBRyxFQUNILEVBQUU7SUFDRixPQUFPLENBQ0wsQ0FBQyxRQUFRLENBQ1AsSUFBSSxDQUFDLENBQUMsRUFBRSxDQUFDLENBQ1QsUUFBUSxDQUFDLENBQUMsUUFBUSxDQUFDLENBQ25CLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUNYLE9BQU8sQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUNqQixNQUFNLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FDZixPQUFPLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FDakIsUUFBUSxDQUFDLENBQUMsUUFBUSxDQUFDLENBQ25CLE1BQU0sQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUVmO1FBQUEsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxLQUFLLENBQUMsQ0FDckI7VUFBQSxDQUFDLFFBQVEsQ0FDWDtRQUFBLEVBQUUsQ0FBQyxDQUNMO01BQUEsRUFBRSxRQUFRLENBQUMsQ0FDWixDQUFDO0FBQ0osQ0FBQyxDQUNGLENBQUM7QUFtQkYsa0RBQWtEO0FBQ2xELHFDQUFxQztBQUNyQyxNQUFNLElBQUksR0FBeUIsS0FBSyxDQUFDLFVBQVUsQ0FJakQsQ0FDRSxFQUNFLFFBQVEsRUFDUixlQUFlLEdBQUcsUUFBUSxFQUMxQixFQUFFLEVBQUUsTUFBTSxFQUNWLFNBQVMsRUFBRSxjQUFjLEVBQ3pCLElBQUksRUFDSixXQUFXLEVBQ1gsSUFBSSxFQUFFLHlCQUF5QjtBQUMvQixHQUFHLEtBQUssRUFDVCxFQUNELEdBQUcsRUFDSCxFQUFFO0lBQ0YsTUFBTSxNQUFNLEdBQUcsU0FBUyxFQUFFLENBQUM7SUFDM0IsTUFBTSxRQUFRLEdBQ1osT0FBTyxJQUFJLEtBQUssUUFBUTtRQUN0QixDQUFDLENBQUMsSUFBSTtRQUNOLENBQUMsQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLFFBQVE7WUFDdkIsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRO1lBQ2YsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUNULE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxjQUFjLEVBQUU7UUFDckMsQ0FBQyxlQUFlLENBQUMsRUFBRSxNQUFNLENBQUMsUUFBUSxLQUFLLFFBQVEsSUFBSSxlQUFlO0tBQ25FLENBQUMsQ0FBQztJQUVILE1BQU0sVUFBVSxHQUNkLENBQUMsT0FBTyxJQUFJLEtBQUssUUFBUTtRQUN2QixDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7UUFDaEUsS0FBSyxDQUFDLE9BQU8sQ0FBQztJQUVoQixJQUFJLFVBQVUsRUFBRTtRQUNkLElBQUksV0FBVyxFQUFFO1lBQ2YsT0FBTyxDQUNMLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksS0FBSyxDQUFDLENBQ3ZEO1lBQUEsQ0FBQyxRQUFRLENBQ1g7VUFBQSxFQUFFLENBQUMsQ0FBQyxDQUNMLENBQUM7U0FDSDtRQUVELE9BQU8sQ0FDTCxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEtBQUssQ0FBQyxDQUM3RDtVQUFBLENBQUMsUUFBUSxDQUNYO1FBQUEsRUFBRSxPQUFPLENBQUMsQ0FDWCxDQUFDO0tBQ0g7SUFFRCxJQUFJLFdBQVcsRUFBRTtRQUNmLE9BQU8sQ0FDTCxDQUFDLGdCQUFnQixDQUFDLFNBQVMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksS0FBSyxDQUFDLENBQ3BFO1VBQUEsQ0FBQyxRQUFRLENBQ1g7UUFBQSxFQUFFLGdCQUFnQixDQUFDLENBQ3BCLENBQUM7S0FDSDtJQUVELE9BQU8sQ0FDTCxDQUFDLE9BQU8sQ0FDTixTQUFTLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUM1QixNQUFNLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FDZixTQUFTLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FDckIsR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQ1QsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLENBQ1QsSUFBSSxLQUFLLENBQUMsQ0FFVjtRQUFBLENBQUMsUUFBUSxDQUNYO01BQUEsRUFBRSxPQUFPLENBQUMsQ0FDWCxDQUFDO0FBQ0osQ0FBQyxDQUNGLENBQUM7QUFFRixlQUFlLElBQUksQ0FBQztBQUVwQixnSEFBZ0gifQ==
@@ -0,0 +1,3 @@
1
+ import './Map.css';
2
+ declare const Map: () => JSX.Element;
3
+ export default Map;
@@ -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,3 @@
1
+ import React from 'react';
2
+ declare const _default: React.ComponentType<any>;
3
+ export default _default;
@@ -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,8 @@
1
+ /// <reference types="react" />
2
+ interface INumberFormatProps {
3
+ inputRef: any;
4
+ name: string;
5
+ onChange(e: any): any;
6
+ }
7
+ export declare const NumberFormatInput: React.FC<INumberFormatProps>;
8
+ export default NumberFormatInput;
@@ -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,6 @@
1
+ import React from 'react';
2
+ import { RatingProps } from '@material-ui/lab/Rating';
3
+ interface IRatingProps extends RatingProps {
4
+ }
5
+ export declare const Rating: React.FC<IRatingProps>;
6
+ export default Rating;
@@ -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,6 @@
1
+ import React from 'react';
2
+ import { SliderProps } from '@material-ui/core';
3
+ interface ISliderProps extends SliderProps {
4
+ }
5
+ export declare const Slider: React.FC<ISliderProps>;
6
+ export default Slider;
@@ -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;