@sima-land/moleculas 16.0.0-alpha.26 → 16.0.0-alpha.27
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.
|
@@ -5,15 +5,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.CommunicateLink = exports.PersonInfo = void 0;
|
|
7
7
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
-
const bind_1 = __importDefault(require("classnames/bind"));
|
|
9
8
|
const avatar_1 = require("@sima-land/ui-nucleons/avatar");
|
|
10
|
-
const box_1 = require("@sima-land/ui-nucleons/box");
|
|
11
|
-
const text_1 = require("@sima-land/ui-nucleons/text");
|
|
12
|
-
const styling_1 = require("@sima-land/ui-nucleons/styling");
|
|
13
9
|
const Mail_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/Mail"));
|
|
14
10
|
const LogoSkype_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/LogoSkype"));
|
|
15
11
|
const Phone_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/Phone"));
|
|
16
12
|
const Mobile_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Filled/Mobile"));
|
|
13
|
+
const bind_1 = __importDefault(require("classnames/bind"));
|
|
17
14
|
const person_info_m_scss_1 = __importDefault(require("./person-info.m.scss"));
|
|
18
15
|
const cx = bind_1.default.bind(person_info_m_scss_1.default);
|
|
19
16
|
/**
|
|
@@ -22,7 +19,7 @@ const cx = bind_1.default.bind(person_info_m_scss_1.default);
|
|
|
22
19
|
* @return Элемент.
|
|
23
20
|
*/
|
|
24
21
|
function PersonInfo({ personId, name, appointment, photoUrl, email, skype, phoneHref, phoneText, secondPhoneHref, secondPhoneText, arbitraryLinkProps, }) {
|
|
25
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: cx('avatar'), children: (0, jsx_runtime_1.jsx)(avatar_1.Avatar, { ...(0, avatar_1.getUserAvatarProps)({ id: personId, name, image: photoUrl }) }) }), (0, jsx_runtime_1.jsx)("span", { className: cx('name'), children: name }), Boolean(appointment) && (0, jsx_runtime_1.jsx)("span", { className: cx('appointment'), children: appointment }), arbitraryLinkProps && ((0, jsx_runtime_1.jsx)("div", { className: cx('profile-url'), children: (0, jsx_runtime_1.jsx)("a", { className: cx('link'), ...arbitraryLinkProps }) })), (0, jsx_runtime_1.jsxs)("div", { className: cx('items'
|
|
22
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: cx('avatar'), children: (0, jsx_runtime_1.jsx)(avatar_1.Avatar, { ...(0, avatar_1.getUserAvatarProps)({ id: personId, name, image: photoUrl }) }) }), (0, jsx_runtime_1.jsx)("span", { className: cx('name'), children: name }), Boolean(appointment) && (0, jsx_runtime_1.jsx)("span", { className: cx('appointment'), children: appointment }), arbitraryLinkProps && ((0, jsx_runtime_1.jsx)("div", { className: cx('profile-url'), children: (0, jsx_runtime_1.jsx)("a", { className: cx('link'), ...arbitraryLinkProps }) })), (0, jsx_runtime_1.jsxs)("div", { className: cx('items'), children: [Boolean(email) && ((0, jsx_runtime_1.jsx)(CommunicateLink, { href: `mailto:${email}`, primaryText: email, secondaryText: '\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430', icon: (0, jsx_runtime_1.jsx)(Mail_1.default, {}) })), Boolean(skype) && ((0, jsx_runtime_1.jsx)(CommunicateLink, { href: `skype:${skype}?chat`, primaryText: skype, secondaryText: 'Skype', icon: (0, jsx_runtime_1.jsx)(LogoSkype_1.default, {}) })), Boolean(phoneText) && ((0, jsx_runtime_1.jsx)(CommunicateLink, { href: phoneHref, primaryText: phoneText, secondaryText: '\u0420\u0430\u0431\u043E\u0447\u0438\u0439', icon: (0, jsx_runtime_1.jsx)(Phone_1.default, {}) })), Boolean(secondPhoneText) && ((0, jsx_runtime_1.jsx)(CommunicateLink, { href: secondPhoneHref, primaryText: secondPhoneText, secondaryText: '\u0421\u043E\u0442\u043E\u0432\u044B\u0439', icon: (0, jsx_runtime_1.jsx)(Mobile_1.default, {}) }))] })] }));
|
|
26
23
|
}
|
|
27
24
|
exports.PersonInfo = PersonInfo;
|
|
28
25
|
/**
|
|
@@ -35,7 +32,7 @@ exports.PersonInfo = PersonInfo;
|
|
|
35
32
|
* @return Элемент.
|
|
36
33
|
*/
|
|
37
34
|
function CommunicateLink({ href, primaryText, secondaryText, icon, }) {
|
|
38
|
-
return ((0, jsx_runtime_1.jsxs)("a", { href: href, className: cx('item'
|
|
35
|
+
return ((0, jsx_runtime_1.jsxs)("a", { href: href, className: cx('item'), children: [(0, jsx_runtime_1.jsxs)("div", { className: cx('item-main-col'), children: [(0, jsx_runtime_1.jsx)("div", { className: cx('item-title'), children: primaryText }), (0, jsx_runtime_1.jsx)("div", { className: cx('item-description'), children: secondaryText })] }), (0, jsx_runtime_1.jsx)("div", { className: cx('icon-circle'), children: icon })] }));
|
|
39
36
|
}
|
|
40
37
|
exports.CommunicateLink = CommunicateLink;
|
|
41
38
|
//# sourceMappingURL=person-info.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"person-info.js","sourceRoot":"","sources":["../../../../src/mobile/components/person-info/person-info.tsx"],"names":[],"mappings":";;;;;;;AACA,
|
|
1
|
+
{"version":3,"file":"person-info.js","sourceRoot":"","sources":["../../../../src/mobile/components/person-info/person-info.tsx"],"names":[],"mappings":";;;;;;;AACA,0DAA2E;AAC3E,yFAAoE;AACpE,mGAA0E;AAC1E,2FAAsE;AACtE,4FAAuE;AACvE,2DAAyC;AACzC,8EAA0C;AAqC1C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,4BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,EACL,SAAS,EACT,SAAS,EACT,eAAe,EACf,eAAe,EACf,kBAAkB,GACF;IAChB,OAAO,CACL,6DACE,gCAAK,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,YAC1B,uBAAC,eAAM,OAAK,IAAA,2BAAkB,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,GAAI,GACvE,EAEN,iCAAM,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,YAAG,IAAI,GAAQ,EAEzC,OAAO,CAAC,WAAW,CAAC,IAAI,iCAAM,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,YAAG,WAAW,GAAQ,EAEhF,kBAAkB,IAAI,CACrB,gCACE,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAC5B,QAAQ,EAAE,8BAAG,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAM,kBAAkB,GAAI,GAC9D,CACH,EAED,iCAAK,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,aACxB,OAAO,CAAC,KAAK,CAAC,IAAI,CACjB,uBAAC,eAAe,IACd,IAAI,EAAE,UAAU,KAAK,EAAE,EACvB,WAAW,EAAE,KAAK,EAClB,aAAa,EAAC,mGAAmB,EACjC,IAAI,EAAE,uBAAC,cAAO,KAAG,GACjB,CACH,EACA,OAAO,CAAC,KAAK,CAAC,IAAI,CACjB,uBAAC,eAAe,IACd,IAAI,EAAE,SAAS,KAAK,OAAO,EAC3B,WAAW,EAAE,KAAK,EAClB,aAAa,EAAC,OAAO,EACrB,IAAI,EAAE,uBAAC,mBAAQ,KAAG,GAClB,CACH,EACA,OAAO,CAAC,SAAS,CAAC,IAAI,CACrB,uBAAC,eAAe,IACd,IAAI,EAAE,SAAS,EACf,WAAW,EAAE,SAAS,EACtB,aAAa,EAAC,4CAAS,EACvB,IAAI,EAAE,uBAAC,eAAQ,KAAG,GAClB,CACH,EACA,OAAO,CAAC,eAAe,CAAC,IAAI,CAC3B,uBAAC,eAAe,IACd,IAAI,EAAE,eAAe,EACrB,WAAW,EAAE,eAAe,EAC5B,aAAa,EAAC,4CAAS,EACvB,IAAI,EAAE,uBAAC,gBAAS,KAAG,GACnB,CACH,IACG,IACL,CACJ,CAAC;AACJ,CAAC;AAlED,gCAkEC;AAED;;;;;;;;GAQG;AACH,SAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,WAAW,EACX,aAAa,EACb,IAAI,GAML;IACC,OAAO,CACL,+BAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,aAClC,iCAAK,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,aACjC,gCAAK,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,YAAG,WAAW,GAAO,EACrD,gCAAK,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,YAAG,aAAa,GAAO,IACzD,EACN,gCAAK,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,YAAG,IAAI,GAAO,IAC7C,CACL,CAAC;AACJ,CAAC;AApBD,0CAoBC"}
|
|
@@ -66,6 +66,7 @@
|
|
|
66
66
|
display: flex;
|
|
67
67
|
flex-wrap: wrap;
|
|
68
68
|
margin: 32px auto 0;
|
|
69
|
+
box-shadow: inset 0 -1px 0 colors.$basic-gray12;
|
|
69
70
|
@media (min-width: 601px) {
|
|
70
71
|
max-width: calc((100% - #{7 * 16px}) / 8 * 6 + (#{5 * 16px}));
|
|
71
72
|
}
|
|
@@ -83,11 +84,34 @@
|
|
|
83
84
|
width: 100%;
|
|
84
85
|
padding: 16px;
|
|
85
86
|
text-decoration: none;
|
|
87
|
+
box-shadow: inset 0 1px 0 colors.$basic-gray12;
|
|
86
88
|
@media (min-width: 721px) {
|
|
87
89
|
padding: 16px 0;
|
|
88
90
|
}
|
|
89
91
|
}
|
|
90
92
|
|
|
93
|
+
.item-main-col {
|
|
94
|
+
flex-grow: 1;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.item-title {
|
|
98
|
+
font-size: 16px;
|
|
99
|
+
line-height: 24px;
|
|
100
|
+
color: colors.$basic-gray87;
|
|
101
|
+
font-weight: 600;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
.item-description {
|
|
105
|
+
margin-top: 4px;
|
|
106
|
+
font-size: 14px;
|
|
107
|
+
line-height: 20px;
|
|
108
|
+
color: colors.$basic-gray38;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
.item-main-col + .icon-circle {
|
|
112
|
+
margin-left: 16px;
|
|
113
|
+
}
|
|
114
|
+
|
|
91
115
|
.icon-circle {
|
|
92
116
|
background: colors.$basic-gray4;
|
|
93
117
|
border-radius: 50%;
|
package/package.json
CHANGED