@sellout/ui 0.0.399 → 0.0.400

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 (120) hide show
  1. package/build/Colors.js +38 -38
  2. package/build/Colors.js.map +1 -0
  3. package/build/{src/components → components}/AddressSearchDropdown.js +1 -1
  4. package/build/components/AddressSearchDropdown.js.map +1 -0
  5. package/build/components/Button.js +252 -267
  6. package/build/components/Button.js.map +1 -0
  7. package/build/components/CodeInput.js +90 -91
  8. package/build/components/CodeInput.js.map +1 -0
  9. package/build/components/Counter.js +17 -18
  10. package/build/components/Counter.js.map +1 -0
  11. package/build/components/Dropdown.js +41 -44
  12. package/build/components/Dropdown.js.map +1 -0
  13. package/build/components/Flex.js +6 -6
  14. package/build/components/Flex.js.map +1 -0
  15. package/build/components/FormattedInput.js +66 -70
  16. package/build/components/FormattedInput.js.map +1 -0
  17. package/build/{src/components → components}/FormattedfullInput.js +1 -1
  18. package/build/components/FormattedfullInput.js.map +1 -0
  19. package/build/components/Icon.js +28 -29
  20. package/build/components/Icon.js.map +1 -0
  21. package/build/components/Icons.js +189 -189
  22. package/build/components/Icons.js.map +1 -0
  23. package/build/components/Input.d.ts +13 -1
  24. package/build/components/Input.js +165 -176
  25. package/build/components/Input.js.map +1 -0
  26. package/build/components/Label.js +14 -14
  27. package/build/components/Label.js.map +1 -0
  28. package/build/components/Loader.js +29 -29
  29. package/build/components/Loader.js.map +1 -0
  30. package/build/components/MaxLength.js +12 -12
  31. package/build/components/MaxLength.js.map +1 -0
  32. package/build/components/Motion.js +33 -33
  33. package/build/components/Motion.js.map +1 -0
  34. package/build/components/PhoneNumberInput.js +37 -40
  35. package/build/components/PhoneNumberInput.js.map +1 -0
  36. package/build/components/Product.js +111 -110
  37. package/build/components/Product.js.map +1 -0
  38. package/build/{src/components → components}/SearchDropdown.js +1 -1
  39. package/build/components/SearchDropdown.js.map +1 -0
  40. package/build/{src/components → components}/SvgIcons.js +1 -1
  41. package/build/components/SvgIcons.js.map +1 -0
  42. package/build/{src/components → components}/SvgRendrer.js +1 -1
  43. package/build/components/SvgRendrer.js.map +1 -0
  44. package/build/components/TextButton.js +39 -40
  45. package/build/components/TextButton.js.map +1 -0
  46. package/build/components/Tip.js +10 -10
  47. package/build/components/Tip.js.map +1 -0
  48. package/build/components/UserImage.js +28 -29
  49. package/build/components/UserImage.js.map +1 -0
  50. package/build/components/UserInfo.d.ts +10 -4
  51. package/build/components/UserInfo.js +31 -31
  52. package/build/components/UserInfo.js.map +1 -0
  53. package/build/components/ValidationError.js +17 -17
  54. package/build/components/ValidationError.js.map +1 -0
  55. package/build/utils/ErrorUtil.js +15 -15
  56. package/build/utils/ErrorUtil.js.map +1 -0
  57. package/build/utils/MediaQuery.js +59 -59
  58. package/build/utils/MediaQuery.js.map +1 -0
  59. package/build/utils/Validation.js +44 -44
  60. package/build/utils/Validation.js.map +1 -0
  61. package/build/utils/makeEventHandler.js +8 -8
  62. package/build/utils/makeEventHandler.js.map +1 -0
  63. package/package.json +4 -6
  64. package/build/src/Colors.js +0 -42
  65. package/build/src/Colors.js.map +0 -1
  66. package/build/src/components/AddressSearchDropdown.js.map +0 -1
  67. package/build/src/components/Button.js +0 -264
  68. package/build/src/components/Button.js.map +0 -1
  69. package/build/src/components/CodeInput.js +0 -98
  70. package/build/src/components/CodeInput.js.map +0 -1
  71. package/build/src/components/Counter.js +0 -27
  72. package/build/src/components/Counter.js.map +0 -1
  73. package/build/src/components/Dropdown.js +0 -53
  74. package/build/src/components/Dropdown.js.map +0 -1
  75. package/build/src/components/Flex.js +0 -13
  76. package/build/src/components/Flex.js.map +0 -1
  77. package/build/src/components/FormattedInput.js +0 -81
  78. package/build/src/components/FormattedInput.js.map +0 -1
  79. package/build/src/components/FormattedfullInput.js.map +0 -1
  80. package/build/src/components/Icon.js +0 -38
  81. package/build/src/components/Icon.js.map +0 -1
  82. package/build/src/components/Icons.js +0 -200
  83. package/build/src/components/Icons.js.map +0 -1
  84. package/build/src/components/Input.js +0 -182
  85. package/build/src/components/Input.js.map +0 -1
  86. package/build/src/components/Label.js +0 -23
  87. package/build/src/components/Label.js.map +0 -1
  88. package/build/src/components/Loader.js +0 -37
  89. package/build/src/components/Loader.js.map +0 -1
  90. package/build/src/components/MaxLength.js +0 -20
  91. package/build/src/components/MaxLength.js.map +0 -1
  92. package/build/src/components/Motion.js +0 -40
  93. package/build/src/components/Motion.js.map +0 -1
  94. package/build/src/components/PhoneNumberInput.js +0 -50
  95. package/build/src/components/PhoneNumberInput.js.map +0 -1
  96. package/build/src/components/Product.js +0 -125
  97. package/build/src/components/Product.js.map +0 -1
  98. package/build/src/components/SearchDropdown.js.map +0 -1
  99. package/build/src/components/SvgIcons.js.map +0 -1
  100. package/build/src/components/SvgRendrer.js.map +0 -1
  101. package/build/src/components/TextButton.js +0 -48
  102. package/build/src/components/TextButton.js.map +0 -1
  103. package/build/src/components/Tip.js +0 -19
  104. package/build/src/components/Tip.js.map +0 -1
  105. package/build/src/components/UserImage.js +0 -37
  106. package/build/src/components/UserImage.js.map +0 -1
  107. package/build/src/components/UserInfo.js +0 -40
  108. package/build/src/components/UserInfo.js.map +0 -1
  109. package/build/src/components/ValidationError.js +0 -27
  110. package/build/src/components/ValidationError.js.map +0 -1
  111. package/build/src/index.js +0 -33
  112. package/build/src/utils/ErrorUtil.js +0 -19
  113. package/build/src/utils/ErrorUtil.js.map +0 -1
  114. package/build/src/utils/MediaQuery.js +0 -66
  115. package/build/src/utils/MediaQuery.js.map +0 -1
  116. package/build/src/utils/Validation.js +0 -50
  117. package/build/src/utils/Validation.js.map +0 -1
  118. package/build/src/utils/makeEventHandler.js +0 -12
  119. package/build/src/utils/makeEventHandler.js.map +0 -1
  120. /package/build/{src/index.js.map → index.js.map} +0 -0
@@ -1,48 +1,47 @@
1
- import { __makeTemplateObject } from '../_virtual/_tslib.js';
1
+ import { __makeTemplateObject } from '../node_modules/tslib/tslib.es6.js';
2
2
  import React from 'react';
3
3
  import styled from 'styled-components';
4
4
  import { Colors } from '../Colors.js';
5
5
  import Icon from './Icon.js';
6
6
 
7
- var TextButtonSizes;
8
- (function (TextButtonSizes) {
9
- TextButtonSizes["Large"] = "Large";
10
- TextButtonSizes["Regular"] = "Regular";
11
- TextButtonSizes["Small"] = "Small";
12
- })(TextButtonSizes || (TextButtonSizes = {}));
13
- var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n margin: ", ";\n"], ["\n display: flex;\n flex-direction: row;\n align-items: center;\n margin: ", ";\n"])), function (props) { return props.margin; });
14
- var Text = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n font-size: ", ";\n color: ", ";\n font-family:", ";\n text-decoration: underline;\n cursor: pointer;\n font-weight: 500;\n &:hover {\n text-decoration: none;\n }\n"], ["\n font-size: ",
15
- ";\n color: ", ";\n font-family:", ";\n text-decoration: underline;\n cursor: pointer;\n font-weight: 500;\n &:hover {\n text-decoration: none;\n }\n"])), function (props) {
16
- if (props.size === TextButtonSizes.Large)
17
- return "1.8rem";
18
- if (props.size === TextButtonSizes.Regular)
19
- return "1.4rem";
20
- if (props.size === TextButtonSizes.Small)
21
- return "1.2rem";
22
- return "1.4rem";
23
- }, function (props) { return props.color; }, function (props) { return props.fontFamily; });
24
- var TextWithoutLink = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n padding-right: 2px;\n"], ["\n padding-right: 2px;\n"])));
25
- var InnerContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n}"], ["\n display: flex;\n align-items: center;\n}"])));
26
- var TextButton = function (_a) {
27
- var children = _a.children, _b = _a.size, size = _b === void 0 ? TextButtonSizes.Regular : _b, onClick = _a.onClick, margin = _a.margin, icon = _a.icon, iconRotation = _a.iconRotation, _c = _a.color, color = _c === void 0 ? Colors.Orange : _c, textWithoutLink = _a.textWithoutLink, fontFamily = _a.fontFamily, iconMargin = _a.iconMargin;
28
- var iconSize = (function () {
29
- if (size === TextButtonSizes.Large) {
30
- return 14;
31
- }
32
- if (size === TextButtonSizes.Regular) {
33
- return 12;
34
- }
35
- if (size === TextButtonSizes.Small) {
36
- return 10;
37
- }
38
- return 12;
39
- })();
40
- return (React.createElement(Container, { margin: margin },
41
- React.createElement(InnerContainer, { onClick: onClick ? onClick : function () { } },
42
- icon && (React.createElement(Icon, { icon: icon, size: iconSize, color: color, margin: iconMargin || "0 7px 0 0", rotation: iconRotation })),
43
- React.createElement(TextWithoutLink, null, textWithoutLink),
44
- React.createElement(Text, { size: size, color: color, fontFamily: fontFamily }, children))));
45
- };
7
+ var TextButtonSizes;
8
+ (function (TextButtonSizes) {
9
+ TextButtonSizes["Large"] = "Large";
10
+ TextButtonSizes["Regular"] = "Regular";
11
+ TextButtonSizes["Small"] = "Small";
12
+ })(TextButtonSizes || (TextButtonSizes = {}));
13
+ var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n margin: ", ";\n"], ["\n display: flex;\n flex-direction: row;\n align-items: center;\n margin: ", ";\n"])), function (props) { return props.margin; });
14
+ var Text = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n font-size: ", ";\n color: ", ";\n font-family:", ";\n text-decoration: underline;\n cursor: pointer;\n font-weight: 500;\n &:hover {\n text-decoration: none;\n }\n"], ["\n font-size: ", ";\n color: ", ";\n font-family:", ";\n text-decoration: underline;\n cursor: pointer;\n font-weight: 500;\n &:hover {\n text-decoration: none;\n }\n"])), function (props) {
15
+ if (props.size === TextButtonSizes.Large)
16
+ return "1.8rem";
17
+ if (props.size === TextButtonSizes.Regular)
18
+ return "1.4rem";
19
+ if (props.size === TextButtonSizes.Small)
20
+ return "1.2rem";
21
+ return "1.4rem";
22
+ }, function (props) { return props.color; }, function (props) { return props.fontFamily; });
23
+ var TextWithoutLink = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n padding-right: 2px;\n"], ["\n padding-right: 2px;\n"])));
24
+ var InnerContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n}"], ["\n display: flex;\n align-items: center;\n}"])));
25
+ var TextButton = function (_a) {
26
+ var children = _a.children, _b = _a.size, size = _b === void 0 ? TextButtonSizes.Regular : _b, onClick = _a.onClick, margin = _a.margin, icon = _a.icon, iconRotation = _a.iconRotation, _c = _a.color, color = _c === void 0 ? Colors.Orange : _c, textWithoutLink = _a.textWithoutLink, fontFamily = _a.fontFamily, iconMargin = _a.iconMargin;
27
+ var iconSize = (function () {
28
+ if (size === TextButtonSizes.Large) {
29
+ return 14;
30
+ }
31
+ if (size === TextButtonSizes.Regular) {
32
+ return 12;
33
+ }
34
+ if (size === TextButtonSizes.Small) {
35
+ return 10;
36
+ }
37
+ return 12;
38
+ })();
39
+ return (React.createElement(Container, { margin: margin },
40
+ React.createElement(InnerContainer, { onClick: onClick ? onClick : function () { } },
41
+ icon && (React.createElement(Icon, { icon: icon, size: iconSize, color: color, margin: iconMargin || "0 7px 0 0", rotation: iconRotation })),
42
+ React.createElement(TextWithoutLink, null, textWithoutLink),
43
+ React.createElement(Text, { size: size, color: color, fontFamily: fontFamily }, children))));
44
+ };
46
45
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
47
46
 
48
47
  export { TextButtonSizes, TextButton as default };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextButton.js","sources":["../../src/components/TextButton.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
@@ -1,18 +1,18 @@
1
- import { __makeTemplateObject } from '../_virtual/_tslib.js';
1
+ import { __makeTemplateObject } from '../node_modules/tslib/tslib.es6.js';
2
2
  import React, { useLayoutEffect } from 'react';
3
3
  import styled from 'styled-components';
4
4
  import { Colors } from '../Colors.js';
5
5
  import Icon, { Icons } from './Icon.js';
6
6
 
7
- var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin: ", ";\n"], ["\n margin: ", ";\n"])), function (props) { return props.margin; });
8
- var Tip = function (_a) {
9
- var tip = _a.tip, margin = _a.margin;
10
- useLayoutEffect(function () {
11
- // ReactTooltip.rebuild();
12
- }, []);
13
- return (React.createElement(Container, { margin: margin, "data-tip": tip },
14
- React.createElement(Icon, { icon: Icons.InfotipSolid, color: Colors.Grey4, size: 12 })));
15
- };
7
+ var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin: ", ";\n"], ["\n margin: ", ";\n"])), function (props) { return props.margin; });
8
+ var Tip = function (_a) {
9
+ var tip = _a.tip, margin = _a.margin;
10
+ useLayoutEffect(function () {
11
+ // ReactTooltip.rebuild();
12
+ }, []);
13
+ return (React.createElement(Container, { margin: margin, "data-tip": tip },
14
+ React.createElement(Icon, { icon: Icons.InfotipSolid, color: Colors.Grey4, size: 12 })));
15
+ };
16
16
  var templateObject_1;
17
17
 
18
18
  export { Tip as default };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tip.js","sources":["../../src/components/Tip.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAUA,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAgB,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,cAAA,EAAA,KAAA,CAAA,EAAA,CAAA,cAChC,EAAuB,KAClC,CAAA,CAAA,CAAA,EADW,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,MAAM,CAAZ,EAAY,CAClC,CAAC;AAOI,IAAA,GAAG,GAAuB,UAAC,EAGhC,EAAA;QAFC,GAAG,GAAA,EAAA,CAAA,GAAA,EACH,MAAM,GAAA,EAAA,CAAA,MAAA,CAAA;AAEN,IAAA,eAAe,CAAC,YAAA;;KAEf,EAAE,EAAE,CAAC,CAAC;IACP,QACE,oBAAC,SAAS,EAAA,EAAC,MAAM,EAAE,MAAM,cAAY,GAAG,EAAA;QACtC,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,IAAI,EAAE,KAAK,CAAC,YAAY,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,EAAI,CAAA,CACvD,EACZ;AACJ,EAAE;;;;;"}
@@ -1,37 +1,36 @@
1
- import { __makeTemplateObject } from '../_virtual/_tslib.js';
1
+ import { __makeTemplateObject } from '../node_modules/tslib/tslib.es6.js';
2
2
  import React from 'react';
3
3
  import styled from 'styled-components';
4
4
  import { Colors } from '../Colors.js';
5
5
  import Icon, { Icons } from './Icon.js';
6
6
 
7
- var UserImageDiv = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n height: ", ";\n width: ", ";\n min-height: ", ";\n min-width: ", ";\n border-radius: ", ";\n color: ", ";\n font-size: ", ";\n font-weight: 600;\n display: flex;\n justify-content: center;\n align-items: center;\n margin: ", ";\n background-image: ", ";\n background-position: center;\n background-size: cover;\n"], ["\n background-color: ",
8
- ";\n height: ", ";\n width: ", ";\n min-height: ", ";\n min-width: ", ";\n border-radius: ", ";\n color: ", ";\n font-size: ", ";\n font-weight: 600;\n display: flex;\n justify-content: center;\n align-items: center;\n margin: ", ";\n background-image: ", ";\n background-position: center;\n background-size: cover;\n"])), function (props) {
9
- if (props.src) {
10
- if (props.invert) {
11
- return Colors.Grey6;
12
- }
13
- else {
14
- return Colors.Grey6;
15
- }
16
- }
17
- else if (props.invert) {
18
- return Colors.White;
19
- }
20
- else {
21
- return Colors.Grey1;
22
- }
23
- }, function (props) { return props.height; }, function (props) { return props.height; }, function (props) { return props.height; }, function (props) { return props.height; }, function (props) { return (props.circle ? '50%' : '0'); }, function (props) { return (props.invert ? Colors.Grey1 : Colors.White); }, function (props) { return props.size; }, function (props) { return props.margin || '0px 10px 0px 0px'; }, function (props) { return "url(" + props.src + ")"; });
24
- var UserImage = function (_a) {
25
- var imageUrl = _a.imageUrl, _b = _a.height, height = _b === void 0 ? '45px' : _b, _c = _a.size, size = _c === void 0 ? '1.8rem' : _c, firstName = _a.firstName, lastName = _a.lastName, margin = _a.margin, invert = _a.invert, _d = _a.circle, circle = _d === void 0 ? true : _d;
26
- if (!imageUrl) {
27
- var userInitials = '';
28
- if (firstName && lastName) {
29
- userInitials = "" + firstName.split('')[0] + lastName.split('')[0];
30
- }
31
- return (React.createElement(UserImageDiv, { height: height, margin: margin, invert: invert, size: size, circle: circle }, userInitials ? userInitials : (React.createElement(Icon, { icon: Icons.UserSolid, color: invert ? Colors.Grey1 : Colors.White, size: 16 }))));
32
- }
33
- return (React.createElement(UserImageDiv, { src: imageUrl, height: height, margin: margin, circle: circle }));
34
- };
7
+ var UserImageDiv = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n height: ", ";\n width: ", ";\n min-height: ", ";\n min-width: ", ";\n border-radius: ", ";\n color: ", ";\n font-size: ", ";\n font-weight: 600;\n display: flex;\n justify-content: center;\n align-items: center;\n margin: ", ";\n background-image: ", ";\n background-position: center;\n background-size: cover;\n"], ["\n background-color: ", ";\n height: ", ";\n width: ", ";\n min-height: ", ";\n min-width: ", ";\n border-radius: ", ";\n color: ", ";\n font-size: ", ";\n font-weight: 600;\n display: flex;\n justify-content: center;\n align-items: center;\n margin: ", ";\n background-image: ", ";\n background-position: center;\n background-size: cover;\n"])), function (props) {
8
+ if (props.src) {
9
+ if (props.invert) {
10
+ return Colors.Grey6;
11
+ }
12
+ else {
13
+ return Colors.Grey6;
14
+ }
15
+ }
16
+ else if (props.invert) {
17
+ return Colors.White;
18
+ }
19
+ else {
20
+ return Colors.Grey1;
21
+ }
22
+ }, function (props) { return props.height; }, function (props) { return props.height; }, function (props) { return props.height; }, function (props) { return props.height; }, function (props) { return (props.circle ? '50%' : '0'); }, function (props) { return (props.invert ? Colors.Grey1 : Colors.White); }, function (props) { return props.size; }, function (props) { return props.margin || '0px 10px 0px 0px'; }, function (props) { return "url(".concat(props.src, ")"); });
23
+ var UserImage = function (_a) {
24
+ var imageUrl = _a.imageUrl, _b = _a.height, height = _b === void 0 ? '45px' : _b, _c = _a.size, size = _c === void 0 ? '1.8rem' : _c, firstName = _a.firstName, lastName = _a.lastName, margin = _a.margin, invert = _a.invert, _d = _a.circle, circle = _d === void 0 ? true : _d;
25
+ if (!imageUrl) {
26
+ var userInitials = '';
27
+ if (firstName && lastName) {
28
+ userInitials = "".concat(firstName.split('')[0]).concat(lastName.split('')[0]);
29
+ }
30
+ return (React.createElement(UserImageDiv, { height: height, margin: margin, invert: invert, size: size, circle: circle }, userInitials ? userInitials : (React.createElement(Icon, { icon: Icons.UserSolid, color: invert ? Colors.Grey1 : Colors.White, size: 16 }))));
31
+ }
32
+ return (React.createElement(UserImageDiv, { src: imageUrl, height: height, margin: margin, circle: circle }));
33
+ };
35
34
  var templateObject_1;
36
35
 
37
36
  export { UserImage as default };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UserImage.js","sources":["../../src/components/UserImage.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
- export declare const Container: any;
3
- export declare const Details: any;
4
- export declare const Name: any;
5
- export declare const Email: any;
2
+ export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
+ export declare const Details: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
4
+ export declare const Name: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, NameProps>> & string;
5
+ export declare const Email: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, EmailProps>> & string;
6
6
  export declare enum UserInfoSizeEnum {
7
7
  Regular = "Regular",
8
8
  Large = "Large"
@@ -14,5 +14,11 @@ type UserInfoPropTypes = {
14
14
  nameColor?: string;
15
15
  fontFamily?: string;
16
16
  };
17
+ type NameProps = {
18
+ fontFamily?: string;
19
+ };
20
+ type EmailProps = {
21
+ fontFamily?: string;
22
+ };
17
23
  declare const UserInfo: React.FC<UserInfoPropTypes>;
18
24
  export default UserInfo;
@@ -1,39 +1,39 @@
1
- import { __makeTemplateObject } from '../_virtual/_tslib.js';
1
+ import { __makeTemplateObject } from '../node_modules/tslib/tslib.es6.js';
2
2
  import React from 'react';
3
3
  import styled from 'styled-components';
4
4
  import { Colors } from '../Colors.js';
5
5
  import UserImage from './UserImage.js';
6
6
 
7
- var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
8
- var Details = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n"], ["\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
9
- var Name = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font-size: 1.4rem;\n color: ", ";\n font-weight: 600;\n font-family:", ";\n"], ["\n font-size: 1.4rem;\n color: ", ";\n font-weight: 600;\n font-family:", ";\n"])), function (props) { return props.color || Colors.Grey1; }, function (props) { return props.fontFamily; });
10
- var Email = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-size: 1.2rem;\n color: ", ";\n font-family:", ";\n"], ["\n font-size: 1.2rem;\n color: ", ";\n font-family:", ";\n"])), function (props) { return props.color || Colors.Grey1; }, function (props) { return props.fontFamily; });
11
- var PhoneNumber = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-size: 1.2rem;\n color: ", ";\n font-family:", ";\n"], ["\n font-size: 1.2rem;\n color: ", ";\n font-family:", ";\n"])), function (props) { return props.color || Colors.Grey1; }, function (props) { return props.fontFamily; });
12
- var UserInfoSizeEnum;
13
- (function (UserInfoSizeEnum) {
14
- UserInfoSizeEnum["Regular"] = "Regular";
15
- UserInfoSizeEnum["Large"] = "Large";
16
- })(UserInfoSizeEnum || (UserInfoSizeEnum = {}));
17
- var UserInfo = function (_a) {
18
- var _b = _a.user, user = _b === void 0 ? {} : _b, _c = _a.size, size = _c === void 0 ? UserInfoSizeEnum.Regular : _c, _d = _a.invert, invert = _d === void 0 ? false : _d, nameColor = _a.nameColor, fontFamily = _a.fontFamily;
19
- var firstName = user.firstName, lastName = user.lastName, email = user.email, phoneNumber = user.phoneNumber, _e = user.userProfile, _f = (_e === void 0 ? {} : _e).imageUrl, imageUrl = _f === void 0 ? '' : _f;
20
- var isLarge = size === UserInfoSizeEnum.Large;
21
- var UserName = React.memo(function () { return React.createElement(Name, { color: nameColor, fontFamily: fontFamily },
22
- firstName,
23
- "\u00A0",
24
- lastName); });
25
- var UserEmail = React.memo(function () { return React.createElement(Email, { color: nameColor, fontFamily: fontFamily }, email); });
26
- var UserPhoneNumber = React.memo(function () { return React.createElement(PhoneNumber, { fontFamily: fontFamily, color: nameColor },
27
- phoneNumber,
28
- " "); });
29
- var height = isLarge ? '50px' : '36px';
30
- return (React.createElement(Container, null,
31
- React.createElement(UserImage, { imageUrl: imageUrl, height: height, size: isLarge ? "1.8rem" : "1.4rem", firstName: firstName, lastName: lastName, invert: invert }),
32
- React.createElement(Details, null,
33
- firstName && lastName && React.createElement(UserName, null),
34
- email && React.createElement(UserEmail, null),
35
- isLarge && phoneNumber && React.createElement(UserPhoneNumber, null))));
36
- };
7
+ var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
8
+ var Details = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n"], ["\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
9
+ var Name = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font-size: 1.4rem;\n color: ", ";\n font-weight: 600;\n font-family:", ";\n"], ["\n font-size: 1.4rem;\n color: ", ";\n font-weight: 600;\n font-family:", ";\n"])), function (props) { return props.color || Colors.Grey1; }, function (props) { return props.fontFamily; });
10
+ var Email = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-size: 1.2rem;\n color: ", ";\n font-family:", ";\n"], ["\n font-size: 1.2rem;\n color: ", ";\n font-family:", ";\n"])), function (props) { return props.color || Colors.Grey1; }, function (props) { return props.fontFamily; });
11
+ var PhoneNumber = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-size: 1.2rem;\n color: ", ";\n font-family:", ";\n"], ["\n font-size: 1.2rem;\n color: ", ";\n font-family:", ";\n"])), function (props) { return props.color || Colors.Grey1; }, function (props) { return props.fontFamily; });
12
+ var UserInfoSizeEnum;
13
+ (function (UserInfoSizeEnum) {
14
+ UserInfoSizeEnum["Regular"] = "Regular";
15
+ UserInfoSizeEnum["Large"] = "Large";
16
+ })(UserInfoSizeEnum || (UserInfoSizeEnum = {}));
17
+ var UserInfo = function (_a) {
18
+ var _b = _a.user, user = _b === void 0 ? {} : _b, _c = _a.size, size = _c === void 0 ? UserInfoSizeEnum.Regular : _c, _d = _a.invert, invert = _d === void 0 ? false : _d, nameColor = _a.nameColor, fontFamily = _a.fontFamily;
19
+ var firstName = user.firstName, lastName = user.lastName, email = user.email, phoneNumber = user.phoneNumber, _e = user.userProfile, _f = _e === void 0 ? {} : _e, _g = _f.imageUrl, imageUrl = _g === void 0 ? '' : _g;
20
+ var isLarge = size === UserInfoSizeEnum.Large;
21
+ var UserName = React.memo(function () { return React.createElement(Name, { color: nameColor, fontFamily: fontFamily },
22
+ firstName,
23
+ "\u00A0",
24
+ lastName); });
25
+ var UserEmail = React.memo(function () { return React.createElement(Email, { color: nameColor, fontFamily: fontFamily }, email); });
26
+ var UserPhoneNumber = React.memo(function () { return React.createElement(PhoneNumber, { fontFamily: fontFamily, color: nameColor },
27
+ phoneNumber,
28
+ " "); });
29
+ var height = isLarge ? '50px' : '36px';
30
+ return (React.createElement(Container, null,
31
+ React.createElement(UserImage, { imageUrl: imageUrl, height: height, size: isLarge ? "1.8rem" : "1.4rem", firstName: firstName, lastName: lastName, invert: invert }),
32
+ React.createElement(Details, null,
33
+ firstName && lastName && React.createElement(UserName, null),
34
+ email && React.createElement(UserEmail, null),
35
+ isLarge && phoneNumber && React.createElement(UserPhoneNumber, null))));
36
+ };
37
37
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
38
38
 
39
39
  export { Container, Details, Email, Name, UserInfoSizeEnum, UserInfo as default };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UserInfo.js","sources":["../../src/components/UserInfo.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
@@ -1,26 +1,26 @@
1
- import { __makeTemplateObject } from '../_virtual/_tslib.js';
1
+ import { __makeTemplateObject } from '../node_modules/tslib/tslib.es6.js';
2
2
  import React from 'react';
3
3
  import styled from 'styled-components';
4
4
  import { Colors } from '../Colors.js';
5
5
  import Icon, { Icons } from './Icon.js';
6
6
  import { FadeIn } from './Motion.js';
7
7
 
8
- var ValidationErrorRelative = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
9
- var ValidationErrorAbsolute = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: absolute;\n z-index: 700;\n width: fit-content;\n height: 50px;\n"], ["\n position: absolute;\n z-index: 700;\n width: fit-content;\n height: 50px;\n"])));
10
- var ValidationErrorBox = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background: ", ";\n border: 1px solid ", ";\n box-sizing: border-box;\n box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n display: flex;\n align-items: center;\n margin-top: 5px;\n padding: 10px 15px;\n width: fit-content;\n justify-content: center;\n"], ["\n background: ", ";\n border: 1px solid ", ";\n box-sizing: border-box;\n box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n display: flex;\n align-items: center;\n margin-top: 5px;\n padding: 10px 15px;\n width: fit-content;\n justify-content: center;\n"])), Colors.White, Colors.Grey5);
11
- var ValidationErrorText = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin-left: 10px;\n font-weight: 500;\n color: ", ";\n"], ["\n margin-left: 10px;\n font-weight: 500;\n color: ", ";\n"])), Colors.Grey2);
12
- var ValidationError = function (_a) {
13
- var validationError = _a.validationError, disableValidationErrorBox = _a.disableValidationErrorBox;
14
- if (disableValidationErrorBox) {
15
- return null;
16
- }
17
- return (React.createElement(ValidationErrorRelative, null,
18
- React.createElement(ValidationErrorAbsolute, null,
19
- React.createElement(FadeIn, null,
20
- React.createElement(ValidationErrorBox, null,
21
- React.createElement(Icon, { icon: Icons.Warning, size: 16, color: Colors.Yellow }),
22
- React.createElement(ValidationErrorText, null, validationError))))));
23
- };
8
+ var ValidationErrorRelative = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
9
+ var ValidationErrorAbsolute = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: absolute;\n z-index: 700;\n width: fit-content;\n height: 50px;\n"], ["\n position: absolute;\n z-index: 700;\n width: fit-content;\n height: 50px;\n"])));
10
+ var ValidationErrorBox = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background: ", ";\n border: 1px solid ", ";\n box-sizing: border-box;\n box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n display: flex;\n align-items: center;\n margin-top: 5px;\n padding: 10px 15px;\n width: fit-content;\n justify-content: center;\n"], ["\n background: ", ";\n border: 1px solid ", ";\n box-sizing: border-box;\n box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n display: flex;\n align-items: center;\n margin-top: 5px;\n padding: 10px 15px;\n width: fit-content;\n justify-content: center;\n"])), Colors.White, Colors.Grey5);
11
+ var ValidationErrorText = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin-left: 10px;\n font-weight: 500;\n color: ", ";\n"], ["\n margin-left: 10px;\n font-weight: 500;\n color: ", ";\n"])), Colors.Grey2);
12
+ var ValidationError = function (_a) {
13
+ var validationError = _a.validationError, disableValidationErrorBox = _a.disableValidationErrorBox;
14
+ if (disableValidationErrorBox) {
15
+ return null;
16
+ }
17
+ return (React.createElement(ValidationErrorRelative, null,
18
+ React.createElement(ValidationErrorAbsolute, null,
19
+ React.createElement(FadeIn, null,
20
+ React.createElement(ValidationErrorBox, null,
21
+ React.createElement(Icon, { icon: Icons.Warning, size: 16, color: Colors.Yellow }),
22
+ React.createElement(ValidationErrorText, null, validationError))))));
23
+ };
24
24
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
25
25
 
26
26
  export { ValidationError as default };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ValidationError.js","sources":["../../src/components/ValidationError.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAMA,IAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,2BAAA,CAAA,EAAA,CAAA,2BAEzC,IAAA,CAAC;AAEF,IAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,oFAAA,CAAA,EAAA,CAAA,oFAKzC,IAAA,CAAC;AAEF,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,kBAAA,EAAA,yBAAA,EAAA,iPAAA,CAAA,EAAA,CAAA,kBACrB,EAAY,yBACN,EAAY,iPAUjC,CAXe,CAAA,CAAA,EAAA,MAAM,CAAC,KAAK,EACN,MAAM,CAAC,KAAK,CAUjC,CAAC;AAEF,IAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,wDAAA,EAAA,KAAA,CAAA,EAAA,CAAA,wDAG3B,EAAY,KACtB,CADU,CAAA,CAAA,EAAA,MAAM,CAAC,KAAK,CACtB,CAAC;AAOI,IAAA,eAAe,GAAmC,UAAC,EAA4C,EAAA;QAA1C,eAAe,GAAA,EAAA,CAAA,eAAA,EAAC,yBAAyB,GAAA,EAAA,CAAA,yBAAA,CAAA;AAClG,IAAA,IAAI,yBAAyB,EAAE;AAC7B,QAAA,OAAO,IAAI,CAAC;AACb,KAAA;IACD,QACE,oBAAC,uBAAuB,EAAA,IAAA;AACtB,QAAA,KAAA,CAAA,aAAA,CAAC,uBAAuB,EAAA,IAAA;AACtB,YAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,IAAA;AACL,gBAAA,KAAA,CAAA,aAAA,CAAC,kBAAkB,EAAA,IAAA;AACjB,oBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,IAAI,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAI,CAAA;oBAC7D,KAAC,CAAA,aAAA,CAAA,mBAAmB,QAAE,eAAe,CAAuB,CACzC,CACd,CACe,CACF,EAC1B;AACJ,EAAE;;;;;"}
@@ -1,18 +1,18 @@
1
- function getErrorMessage(error) {
2
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
3
- var defaultMessage = 'Something went wrong. Please contact support.';
4
- if (!error)
5
- return defaultMessage;
6
- var errorMsg = (_f = (_e = (_d = (_c = (_b = (_a = error === null || error === void 0 ? void 0 : error.graphQLErrors) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.extensions) === null || _c === void 0 ? void 0 : _c.exception) === null || _d === void 0 ? void 0 : _d.invalidArgs) === null || _e === void 0 ? void 0 : _e[0].message) !== null && _f !== void 0 ? _f : null;
7
- if (errorMsg)
8
- return errorMsg;
9
- errorMsg = (_j = (_h = (_g = error === null || error === void 0 ? void 0 : error.graphQLErrors) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.message) !== null && _j !== void 0 ? _j : null;
10
- if (errorMsg)
11
- return errorMsg;
12
- errorMsg = (_p = (_o = (_m = (_l = (_k = error.networkError) === null || _k === void 0 ? void 0 : _k.result) === null || _l === void 0 ? void 0 : _l.errors) === null || _m === void 0 ? void 0 : _m[0]) === null || _o === void 0 ? void 0 : _o.message) !== null && _p !== void 0 ? _p : null;
13
- if (errorMsg)
14
- return errorMsg;
15
- return defaultMessage;
1
+ function getErrorMessage(error) {
2
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
3
+ var defaultMessage = 'Something went wrong. Please contact support.';
4
+ if (!error)
5
+ return defaultMessage;
6
+ var errorMsg = (_f = (_e = (_d = (_c = (_b = (_a = error === null || error === void 0 ? void 0 : error.graphQLErrors) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.extensions) === null || _c === void 0 ? void 0 : _c.exception) === null || _d === void 0 ? void 0 : _d.invalidArgs) === null || _e === void 0 ? void 0 : _e[0].message) !== null && _f !== void 0 ? _f : null;
7
+ if (errorMsg)
8
+ return errorMsg;
9
+ errorMsg = (_j = (_h = (_g = error === null || error === void 0 ? void 0 : error.graphQLErrors) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.message) !== null && _j !== void 0 ? _j : null;
10
+ if (errorMsg)
11
+ return errorMsg;
12
+ errorMsg = (_p = (_o = (_m = (_l = (_k = error.networkError) === null || _k === void 0 ? void 0 : _k.result) === null || _l === void 0 ? void 0 : _l.errors) === null || _m === void 0 ? void 0 : _m[0]) === null || _o === void 0 ? void 0 : _o.message) !== null && _p !== void 0 ? _p : null;
13
+ if (errorMsg)
14
+ return errorMsg;
15
+ return defaultMessage;
16
16
  }
17
17
 
18
18
  export { getErrorMessage };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ErrorUtil.js","sources":["../../src/utils/ErrorUtil.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAM,SAAU,eAAe,CAAC,KAAU,EAAA;;IACxC,IAAM,cAAc,GAAG,+CAA+C,CAAC;AAEvE,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,cAAc,CAAC;AAElC,IAAA,IAAI,QAAQ,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAL,KAAK,CAAE,aAAa,MAAG,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,CAAC,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAG,CAAC,CAAA,CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,IAAI,CAAC;AAClG,IAAA,IAAI,QAAQ;AAAE,QAAA,OAAO,QAAQ,CAAC;AAE9B,IAAA,QAAQ,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,KAAK,KAAA,IAAA,IAAL,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAK,CAAE,aAAa,0CAAG,CAAC,CAAC,0CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,IAAI,CAAC;AACtD,IAAA,IAAI,QAAQ;AAAE,QAAA,OAAO,QAAQ,CAAC;IAE9B,QAAQ,GAAG,MAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,CAAA,EAAA,GAAA,KAAK,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,MAAM,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAM,0CAAG,CAAC,CAAC,0CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,IAAI,CAAC;AACpE,IAAA,IAAI,QAAQ;AAAE,QAAA,OAAO,QAAQ,CAAC;AAE9B,IAAA,OAAO,cAAc,CAAC;AACxB;;;;"}
@@ -1,65 +1,65 @@
1
- import { __makeTemplateObject, __spreadArrays } from '../_virtual/_tslib.js';
1
+ import { __makeTemplateObject, __spreadArray } from '../node_modules/tslib/tslib.es6.js';
2
2
  import { useState, useEffect } from 'react';
3
3
  import { css } from 'styled-components';
4
4
 
5
- var mediaQuery = function (queryTemplate) {
6
- var queryRest = [];
7
- for (var _i = 1; _i < arguments.length; _i++) {
8
- queryRest[_i - 1] = arguments[_i];
9
- }
10
- return function (rulesTemplate) {
11
- var rulesRest = [];
12
- for (var _i = 1; _i < arguments.length; _i++) {
13
- rulesRest[_i - 1] = arguments[_i];
14
- }
15
- return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n @media ", " {\n ", "\n }\n "], ["\n @media ", " {\n ", "\n }\n "])), css.apply(void 0, __spreadArrays([queryTemplate], queryRest)), css.apply(void 0, __spreadArrays([rulesTemplate], rulesRest)));
16
- };
17
- };
18
- var sizes = {
19
- tablet: 768,
20
- desktop: 992,
21
- largeDesktop: 1281,
22
- extraLargeDesktop: 1536,
23
- giant: 1920,
24
- };
25
- var queryStrings = {
26
- handheld: "(max-width: " + (sizes.tablet - 1) / 16 + "em)",
27
- tablet: "(min-width: " + sizes.tablet / 16 + "em)",
28
- tabletOnly: "(min-width: " + sizes.tablet / 16 + "em) and (max-width: " + (sizes.desktop - 1) / 16 + "em)",
29
- mobile: "(max-width: " + (sizes.desktop - 1) / 16 + "em)",
30
- desktop: "(min-width: " + sizes.desktop / 16 + "em)",
31
- largeDesktop: "(min-width: " + sizes.largeDesktop / 16 + "em)",
32
- extraLargeDesktop: "(min-width: " + sizes.extraLargeDesktop / 16 + "em)",
33
- giant: "(min-width: " + sizes.giant / 16 + "em)",
34
- print: 'print',
35
- };
36
- var media = {
37
- handheld: mediaQuery(templateObject_2 || (templateObject_2 = __makeTemplateObject(["", ""], ["", ""])), queryStrings.handheld),
38
- tablet: mediaQuery(templateObject_3 || (templateObject_3 = __makeTemplateObject(["", ""], ["", ""])), queryStrings.tablet),
39
- tabletOnly: mediaQuery(templateObject_4 || (templateObject_4 = __makeTemplateObject(["", ""], ["", ""])), queryStrings.tabletOnly),
40
- mobile: mediaQuery(templateObject_5 || (templateObject_5 = __makeTemplateObject(["", ""], ["", ""])), queryStrings.mobile),
41
- desktop: mediaQuery(templateObject_6 || (templateObject_6 = __makeTemplateObject(["", ""], ["", ""])), queryStrings.desktop),
42
- largeDesktop: mediaQuery(templateObject_7 || (templateObject_7 = __makeTemplateObject(["", ""], ["", ""])), queryStrings.largeDesktop),
43
- extraLargeDesktop: mediaQuery(templateObject_8 || (templateObject_8 = __makeTemplateObject(["", ""], ["", ""])), queryStrings.extraLargeDesktop),
44
- giant: mediaQuery(templateObject_9 || (templateObject_9 = __makeTemplateObject(["", ""], ["", ""])), queryStrings.giant),
45
- print: mediaQuery(templateObject_10 || (templateObject_10 = __makeTemplateObject(["", ""], ["", ""])), queryStrings.print),
46
- minWidth: function (pxValue) { return mediaQuery(templateObject_11 || (templateObject_11 = __makeTemplateObject(["(min-width: ", "em)"], ["(min-width: ", "em)"])), pxValue / 16); },
47
- };
48
- var useMedia = function (query) {
49
- var matchQuery = window && window.matchMedia(query);
50
- var _a = useState(matchQuery.matches), isMatch = _a[0], setIsMatch = _a[1];
51
- useEffect(function () {
52
- var handler = function () { return setIsMatch(matchQuery.matches); };
53
- matchQuery.addListener(handler);
54
- return function () { return matchQuery.removeListener(handler); };
55
- }, [query, matchQuery]);
56
- return isMatch;
57
- };
58
- var useMobileMedia = function () { return useMedia("" + queryStrings.mobile); };
59
- var useTabletMedia = function () { return useMedia("" + queryStrings.tablet); };
60
- var useDesktopMedia = function () { return useMedia("" + queryStrings.desktop); };
61
- var useLargeDesktopMedia = function () { return useMedia("" + queryStrings.largeDesktop); };
62
- var useGiantMedia = function () { return useMedia("" + queryStrings.giant); };
5
+ var mediaQuery = function (queryTemplate) {
6
+ var queryRest = [];
7
+ for (var _i = 1; _i < arguments.length; _i++) {
8
+ queryRest[_i - 1] = arguments[_i];
9
+ }
10
+ return function (rulesTemplate) {
11
+ var rulesRest = [];
12
+ for (var _i = 1; _i < arguments.length; _i++) {
13
+ rulesRest[_i - 1] = arguments[_i];
14
+ }
15
+ return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n @media ", " {\n ", "\n }\n "], ["\n @media ", " {\n ", "\n }\n "])), css.apply(void 0, __spreadArray([queryTemplate], queryRest, false)), css.apply(void 0, __spreadArray([rulesTemplate], rulesRest, false)));
16
+ };
17
+ };
18
+ var sizes = {
19
+ tablet: 768,
20
+ desktop: 992,
21
+ largeDesktop: 1281,
22
+ extraLargeDesktop: 1536,
23
+ giant: 1920,
24
+ };
25
+ var queryStrings = {
26
+ handheld: "(max-width: ".concat((sizes.tablet - 1) / 16, "em)"),
27
+ tablet: "(min-width: ".concat(sizes.tablet / 16, "em)"),
28
+ tabletOnly: "(min-width: ".concat(sizes.tablet / 16, "em) and (max-width: ").concat((sizes.desktop - 1) / 16, "em)"),
29
+ mobile: "(max-width: ".concat((sizes.desktop - 1) / 16, "em)"),
30
+ desktop: "(min-width: ".concat(sizes.desktop / 16, "em)"),
31
+ largeDesktop: "(min-width: ".concat(sizes.largeDesktop / 16, "em)"),
32
+ extraLargeDesktop: "(min-width: ".concat(sizes.extraLargeDesktop / 16, "em)"),
33
+ giant: "(min-width: ".concat(sizes.giant / 16, "em)"),
34
+ print: 'print',
35
+ };
36
+ var media = {
37
+ handheld: mediaQuery(templateObject_2 || (templateObject_2 = __makeTemplateObject(["", ""], ["", ""])), queryStrings.handheld),
38
+ tablet: mediaQuery(templateObject_3 || (templateObject_3 = __makeTemplateObject(["", ""], ["", ""])), queryStrings.tablet),
39
+ tabletOnly: mediaQuery(templateObject_4 || (templateObject_4 = __makeTemplateObject(["", ""], ["", ""])), queryStrings.tabletOnly),
40
+ mobile: mediaQuery(templateObject_5 || (templateObject_5 = __makeTemplateObject(["", ""], ["", ""])), queryStrings.mobile),
41
+ desktop: mediaQuery(templateObject_6 || (templateObject_6 = __makeTemplateObject(["", ""], ["", ""])), queryStrings.desktop),
42
+ largeDesktop: mediaQuery(templateObject_7 || (templateObject_7 = __makeTemplateObject(["", ""], ["", ""])), queryStrings.largeDesktop),
43
+ extraLargeDesktop: mediaQuery(templateObject_8 || (templateObject_8 = __makeTemplateObject(["", ""], ["", ""])), queryStrings.extraLargeDesktop),
44
+ giant: mediaQuery(templateObject_9 || (templateObject_9 = __makeTemplateObject(["", ""], ["", ""])), queryStrings.giant),
45
+ print: mediaQuery(templateObject_10 || (templateObject_10 = __makeTemplateObject(["", ""], ["", ""])), queryStrings.print),
46
+ minWidth: function (pxValue) { return mediaQuery(templateObject_11 || (templateObject_11 = __makeTemplateObject(["(min-width: ", "em)"], ["(min-width: ", "em)"])), pxValue / 16); },
47
+ };
48
+ var useMedia = function (query) {
49
+ var matchQuery = window && window.matchMedia(query);
50
+ var _a = useState(matchQuery.matches), isMatch = _a[0], setIsMatch = _a[1];
51
+ useEffect(function () {
52
+ var handler = function () { return setIsMatch(matchQuery.matches); };
53
+ matchQuery.addListener(handler);
54
+ return function () { return matchQuery.removeListener(handler); };
55
+ }, [query, matchQuery]);
56
+ return isMatch;
57
+ };
58
+ var useMobileMedia = function () { return useMedia("".concat(queryStrings.mobile)); };
59
+ var useTabletMedia = function () { return useMedia("".concat(queryStrings.tablet)); };
60
+ var useDesktopMedia = function () { return useMedia("".concat(queryStrings.desktop)); };
61
+ var useLargeDesktopMedia = function () { return useMedia("".concat(queryStrings.largeDesktop)); };
62
+ var useGiantMedia = function () { return useMedia("".concat(queryStrings.giant)); };
63
63
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
64
64
 
65
65
  export { media, useDesktopMedia, useGiantMedia, useLargeDesktopMedia, useMedia, useMobileMedia, useTabletMedia };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MediaQuery.js","sources":["../../src/utils/MediaQuery.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}