@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.
- package/build/Colors.js +38 -38
- package/build/Colors.js.map +1 -0
- package/build/{src/components → components}/AddressSearchDropdown.js +1 -1
- package/build/components/AddressSearchDropdown.js.map +1 -0
- package/build/components/Button.js +252 -267
- package/build/components/Button.js.map +1 -0
- package/build/components/CodeInput.js +90 -91
- package/build/components/CodeInput.js.map +1 -0
- package/build/components/Counter.js +17 -18
- package/build/components/Counter.js.map +1 -0
- package/build/components/Dropdown.js +41 -44
- package/build/components/Dropdown.js.map +1 -0
- package/build/components/Flex.js +6 -6
- package/build/components/Flex.js.map +1 -0
- package/build/components/FormattedInput.js +66 -70
- package/build/components/FormattedInput.js.map +1 -0
- package/build/{src/components → components}/FormattedfullInput.js +1 -1
- package/build/components/FormattedfullInput.js.map +1 -0
- package/build/components/Icon.js +28 -29
- package/build/components/Icon.js.map +1 -0
- package/build/components/Icons.js +189 -189
- package/build/components/Icons.js.map +1 -0
- package/build/components/Input.d.ts +13 -1
- package/build/components/Input.js +165 -176
- package/build/components/Input.js.map +1 -0
- package/build/components/Label.js +14 -14
- package/build/components/Label.js.map +1 -0
- package/build/components/Loader.js +29 -29
- package/build/components/Loader.js.map +1 -0
- package/build/components/MaxLength.js +12 -12
- package/build/components/MaxLength.js.map +1 -0
- package/build/components/Motion.js +33 -33
- package/build/components/Motion.js.map +1 -0
- package/build/components/PhoneNumberInput.js +37 -40
- package/build/components/PhoneNumberInput.js.map +1 -0
- package/build/components/Product.js +111 -110
- package/build/components/Product.js.map +1 -0
- package/build/{src/components → components}/SearchDropdown.js +1 -1
- package/build/components/SearchDropdown.js.map +1 -0
- package/build/{src/components → components}/SvgIcons.js +1 -1
- package/build/components/SvgIcons.js.map +1 -0
- package/build/{src/components → components}/SvgRendrer.js +1 -1
- package/build/components/SvgRendrer.js.map +1 -0
- package/build/components/TextButton.js +39 -40
- package/build/components/TextButton.js.map +1 -0
- package/build/components/Tip.js +10 -10
- package/build/components/Tip.js.map +1 -0
- package/build/components/UserImage.js +28 -29
- package/build/components/UserImage.js.map +1 -0
- package/build/components/UserInfo.d.ts +10 -4
- package/build/components/UserInfo.js +31 -31
- package/build/components/UserInfo.js.map +1 -0
- package/build/components/ValidationError.js +17 -17
- package/build/components/ValidationError.js.map +1 -0
- package/build/utils/ErrorUtil.js +15 -15
- package/build/utils/ErrorUtil.js.map +1 -0
- package/build/utils/MediaQuery.js +59 -59
- package/build/utils/MediaQuery.js.map +1 -0
- package/build/utils/Validation.js +44 -44
- package/build/utils/Validation.js.map +1 -0
- package/build/utils/makeEventHandler.js +8 -8
- package/build/utils/makeEventHandler.js.map +1 -0
- package/package.json +4 -6
- package/build/src/Colors.js +0 -42
- package/build/src/Colors.js.map +0 -1
- package/build/src/components/AddressSearchDropdown.js.map +0 -1
- package/build/src/components/Button.js +0 -264
- package/build/src/components/Button.js.map +0 -1
- package/build/src/components/CodeInput.js +0 -98
- package/build/src/components/CodeInput.js.map +0 -1
- package/build/src/components/Counter.js +0 -27
- package/build/src/components/Counter.js.map +0 -1
- package/build/src/components/Dropdown.js +0 -53
- package/build/src/components/Dropdown.js.map +0 -1
- package/build/src/components/Flex.js +0 -13
- package/build/src/components/Flex.js.map +0 -1
- package/build/src/components/FormattedInput.js +0 -81
- package/build/src/components/FormattedInput.js.map +0 -1
- package/build/src/components/FormattedfullInput.js.map +0 -1
- package/build/src/components/Icon.js +0 -38
- package/build/src/components/Icon.js.map +0 -1
- package/build/src/components/Icons.js +0 -200
- package/build/src/components/Icons.js.map +0 -1
- package/build/src/components/Input.js +0 -182
- package/build/src/components/Input.js.map +0 -1
- package/build/src/components/Label.js +0 -23
- package/build/src/components/Label.js.map +0 -1
- package/build/src/components/Loader.js +0 -37
- package/build/src/components/Loader.js.map +0 -1
- package/build/src/components/MaxLength.js +0 -20
- package/build/src/components/MaxLength.js.map +0 -1
- package/build/src/components/Motion.js +0 -40
- package/build/src/components/Motion.js.map +0 -1
- package/build/src/components/PhoneNumberInput.js +0 -50
- package/build/src/components/PhoneNumberInput.js.map +0 -1
- package/build/src/components/Product.js +0 -125
- package/build/src/components/Product.js.map +0 -1
- package/build/src/components/SearchDropdown.js.map +0 -1
- package/build/src/components/SvgIcons.js.map +0 -1
- package/build/src/components/SvgRendrer.js.map +0 -1
- package/build/src/components/TextButton.js +0 -48
- package/build/src/components/TextButton.js.map +0 -1
- package/build/src/components/Tip.js +0 -19
- package/build/src/components/Tip.js.map +0 -1
- package/build/src/components/UserImage.js +0 -37
- package/build/src/components/UserImage.js.map +0 -1
- package/build/src/components/UserInfo.js +0 -40
- package/build/src/components/UserInfo.js.map +0 -1
- package/build/src/components/ValidationError.js +0 -27
- package/build/src/components/ValidationError.js.map +0 -1
- package/build/src/index.js +0 -33
- package/build/src/utils/ErrorUtil.js +0 -19
- package/build/src/utils/ErrorUtil.js.map +0 -1
- package/build/src/utils/MediaQuery.js +0 -66
- package/build/src/utils/MediaQuery.js.map +0 -1
- package/build/src/utils/Validation.js +0 -50
- package/build/src/utils/Validation.js.map +0 -1
- package/build/src/utils/makeEventHandler.js +0 -12
- package/build/src/utils/makeEventHandler.js.map +0 -1
- /package/build/{src/index.js.map → index.js.map} +0 -0
|
@@ -1,48 +1,47 @@
|
|
|
1
|
-
import { __makeTemplateObject } from '../
|
|
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
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
var
|
|
25
|
-
var
|
|
26
|
-
var
|
|
27
|
-
var
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
React.createElement(
|
|
44
|
-
|
|
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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"}
|
package/build/components/Tip.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { __makeTemplateObject } from '../
|
|
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 '../
|
|
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
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
var
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
}
|
|
33
|
-
|
|
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:
|
|
3
|
-
export declare const Details:
|
|
4
|
-
export declare const Name:
|
|
5
|
-
export declare const Email:
|
|
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 '../
|
|
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 =
|
|
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 '../
|
|
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;;;;;"}
|
package/build/utils/ErrorUtil.js
CHANGED
|
@@ -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,
|
|
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,
|
|
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: "
|
|
27
|
-
tablet: "(min-width: "
|
|
28
|
-
tabletOnly: "(min-width: "
|
|
29
|
-
mobile: "(max-width: "
|
|
30
|
-
desktop: "(min-width: "
|
|
31
|
-
largeDesktop: "(min-width: "
|
|
32
|
-
extraLargeDesktop: "(min-width: "
|
|
33
|
-
giant: "(min-width: "
|
|
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(""
|
|
59
|
-
var useTabletMedia = function () { return useMedia(""
|
|
60
|
-
var useDesktopMedia = function () { return useMedia(""
|
|
61
|
-
var useLargeDesktopMedia = function () { return useMedia(""
|
|
62
|
-
var useGiantMedia = function () { return useMedia(""
|
|
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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"}
|