@lendi/navbar 5.4.1 → 5.4.3-beta0
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/CHANGELOG.md +12 -0
- package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/index.js +4 -7
- package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/index.js.map +1 -1
- package/dist/cjs/shared/components/CTA/index.style.js +47 -0
- package/dist/cjs/shared/components/CTA/index.style.js.map +1 -0
- package/dist/types/playground/style.d.ts +4 -0
- package/dist/types/shared/components/CTA/index.style.d.ts +23 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -5,13 +5,11 @@ var style_1 = require("./style");
|
|
|
5
5
|
var Analytics_1 = require("../../../../../utils/Analytics");
|
|
6
6
|
var constants_1 = require("../../../../constants");
|
|
7
7
|
var context_1 = require("./context");
|
|
8
|
-
var lala_react_1 = require("@lendi/lala-react");
|
|
9
8
|
var segment_tracking_1 = require("@lendi/segment-tracking");
|
|
10
9
|
var lala_utils_1 = require("@lendi/lala-utils");
|
|
11
10
|
exports.DropdownMenu = function () {
|
|
12
11
|
var isDomain = lala_utils_1.getBrandFromHostname() === lala_utils_1.Brand.Domain;
|
|
13
12
|
var path = isDomain ? constants_1.PATH_DOMAIN : constants_1.PATH_LENDI;
|
|
14
|
-
var session = lala_react_1.useSession();
|
|
15
13
|
var _a = context_1.useDropdownMenu(), dashboardURL = _a.dashboardURL, onLogout = _a.onLogout;
|
|
16
14
|
return (React.createElement(style_1.LogoutWrapper, null,
|
|
17
15
|
React.createElement(style_1.MyAccountTitle, null, "My account"),
|
|
@@ -24,8 +22,6 @@ exports.DropdownMenu = function () {
|
|
|
24
22
|
});
|
|
25
23
|
}, href: "" + path + constants_1.ROUTE_APPLICATIONS, "aria-label": constants_1.LABEL_APPLICATIONS }, constants_1.LABEL_APPLICATIONS),
|
|
26
24
|
dashboardURL && (React.createElement(style_1.LinkWrapper, { color: "shade.700", onClick: function () {
|
|
27
|
-
session.logout();
|
|
28
|
-
onLogout();
|
|
29
25
|
Analytics_1.analytics({
|
|
30
26
|
event_name: constants_1.LABEL_DASHBOARD,
|
|
31
27
|
action: Analytics_1.ACTION_CLICK,
|
|
@@ -33,7 +29,7 @@ exports.DropdownMenu = function () {
|
|
|
33
29
|
category: segment_tracking_1.EventCategory.NAVBAR,
|
|
34
30
|
});
|
|
35
31
|
}, href: "" + path + dashboardURL, "aria-label": constants_1.LABEL_DASHBOARD }, constants_1.LABEL_DASHBOARD)),
|
|
36
|
-
React.createElement(style_1.LinkWrapper, { color: "shade.700", onClick: function () {
|
|
32
|
+
!isDomain && (React.createElement(style_1.LinkWrapper, { color: "shade.700", onClick: function () {
|
|
37
33
|
Analytics_1.analytics({
|
|
38
34
|
event_name: constants_1.LABEL_PROPERTY_REPORT,
|
|
39
35
|
action: Analytics_1.ACTION_CLICK,
|
|
@@ -42,9 +38,10 @@ exports.DropdownMenu = function () {
|
|
|
42
38
|
});
|
|
43
39
|
}, href: "" + path + constants_1.ROUTE_PROPERTY_REPORT, target: "_blank", "aria-label": constants_1.LABEL_PROPERTY_REPORT },
|
|
44
40
|
constants_1.LABEL_PROPERTY_REPORT,
|
|
45
|
-
React.createElement(style_1.LaunchIcon, { width: "18px", height: "18px" })),
|
|
41
|
+
React.createElement(style_1.LaunchIcon, { width: "18px", height: "18px" }))),
|
|
46
42
|
React.createElement(style_1.LinkWrapper, { color: "shade.700", onClick: function () {
|
|
47
|
-
onLogout
|
|
43
|
+
if (onLogout)
|
|
44
|
+
onLogout();
|
|
48
45
|
Analytics_1.analytics({
|
|
49
46
|
event_name: constants_1.LABEL_LOG_OUT,
|
|
50
47
|
action: Analytics_1.ACTION_CLICK,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/shared/components/CTA/LogoutComponent/DropdownMenu/index.tsx"],"names":[],"mappings":";;AAAA,6BAA+B;AAC/B,iCAAiF;AACjF,4DAAyE;AACzE,mDAS+B;AAC/B,qCAA4C;AAC5C,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/shared/components/CTA/LogoutComponent/DropdownMenu/index.tsx"],"names":[],"mappings":";;AAAA,6BAA+B;AAC/B,iCAAiF;AACjF,4DAAyE;AACzE,mDAS+B;AAC/B,qCAA4C;AAC5C,4DAAwD;AACxD,gDAAgE;AAEnD,QAAA,YAAY,GAAG;IAC1B,IAAM,QAAQ,GAAG,iCAAoB,EAAE,KAAK,kBAAK,CAAC,MAAM,CAAC;IACzD,IAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,uBAAW,CAAC,CAAC,CAAC,sBAAU,CAAC;IAC3C,IAAA,gCAA8C,EAA5C,8BAAY,EAAE,sBAA8B,CAAC;IAErD,OAAO,CACL,oBAAC,qBAAa;QACZ,oBAAC,sBAAc,qBAA4B;QAC3C,oBAAC,mBAAW,IACV,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE;gBACP,qBAAS,CAAC;oBACR,UAAU,EAAE,8BAAkB;oBAC9B,MAAM,EAAE,wBAAY;oBACpB,KAAK,EAAE,8BAAkB;oBACzB,QAAQ,EAAE,gCAAa,CAAC,MAAM;iBAC/B,CAAC,CAAC;YACL,CAAC,EACD,IAAI,EAAE,KAAG,IAAI,GAAG,8BAAoB,gBACxB,8BAAkB,IAE7B,8BAAkB,CACP;QACb,YAAY,IAAI,CACf,oBAAC,mBAAW,IACV,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE;gBACP,qBAAS,CAAC;oBACR,UAAU,EAAE,2BAAe;oBAC3B,MAAM,EAAE,wBAAY;oBACpB,KAAK,EAAE,2BAAe;oBACtB,QAAQ,EAAE,gCAAa,CAAC,MAAM;iBAC/B,CAAC,CAAC;YACL,CAAC,EACD,IAAI,EAAE,KAAG,IAAI,GAAG,YAAc,gBAClB,2BAAe,IAE1B,2BAAe,CACJ,CACf;QACA,CAAC,QAAQ,IAAI,CACZ,oBAAC,mBAAW,IACV,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE;gBACP,qBAAS,CAAC;oBACR,UAAU,EAAE,iCAAqB;oBACjC,MAAM,EAAE,wBAAY;oBACpB,KAAK,EAAE,iCAAqB;oBAC5B,QAAQ,EAAE,gCAAa,CAAC,MAAM;iBAC/B,CAAC,CAAC;YACL,CAAC,EACD,IAAI,EAAE,KAAG,IAAI,GAAG,iCAAuB,EACvC,MAAM,EAAC,QAAQ,gBACH,iCAAqB;YAEhC,iCAAqB;YACtB,oBAAC,kBAAU,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,GAAG,CAC7B,CACf;QACD,oBAAC,mBAAW,IACV,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE;gBACP,IAAI,QAAQ;oBAAE,QAAQ,EAAE,CAAC;gBACzB,qBAAS,CAAC;oBACR,UAAU,EAAE,yBAAa;oBACzB,MAAM,EAAE,wBAAY;oBACpB,KAAK,EAAE,yBAAa;oBACpB,QAAQ,EAAE,gCAAa,CAAC,MAAM;iBAC/B,CAAC,CAAC;YACL,CAAC,gBACW,yBAAa,IAExB,yBAAa,CACF,CACA,CACjB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
+
var breakpoint_1 = require("@lendi-ui/breakpoint");
|
|
8
|
+
var button_1 = require("@lendi-ui/button");
|
|
9
|
+
var color_1 = require("@lendi-ui/color");
|
|
10
|
+
var depth_1 = require("@lendi-ui/depth");
|
|
11
|
+
var ExitToApp_1 = require("@lendi-ui/icon/ExitToApp");
|
|
12
|
+
var UnreadMessage_1 = require("@lendi-ui/icon/UnreadMessage");
|
|
13
|
+
var spacing_1 = require("@lendi-ui/spacing");
|
|
14
|
+
var theme_1 = require("@lendi-ui/theme");
|
|
15
|
+
var typography_1 = require("@lendi-ui/typography");
|
|
16
|
+
var utils_1 = require("@lendi-ui/utils");
|
|
17
|
+
var styled_components_1 = require("styled-components");
|
|
18
|
+
exports.MobileActions = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n ", ";\n .noHover {\n ", " :hover {\n box-shadow: none;\n }\n }\n"], ["\n display: flex;\n ",
|
|
19
|
+
";\n .noHover {\n ", " :hover {\n box-shadow: none;\n }\n }\n"])), breakpoint_1.gte('desktop')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: none;\n "], ["\n display: none;\n "]))), spacing_1.mr('nil'));
|
|
20
|
+
exports.DesktopActions = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n ", ";\n"], ["\n display: flex;\n ",
|
|
21
|
+
";\n"])), breakpoint_1.between('mobile', 'desktop')(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: none;\n "], ["\n display: none;\n "]))));
|
|
22
|
+
exports.TalkExpertAction = styled_components_1.default(button_1.Button)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n width: 100%;\n ", " ", ";\n min-width: 180px;\n ", "\n"], ["\n width: 100%;\n ", " ",
|
|
23
|
+
";\n min-width: 180px;\n ",
|
|
24
|
+
"\n"])), spacing_1.mr('sm'), breakpoint_1.between('mobile', 'desktop')(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n border: none;\n "], ["\n border: none;\n "]))), function (_a) {
|
|
25
|
+
var bigLabelAccomodate = _a.bigLabelAccomodate;
|
|
26
|
+
return bigLabelAccomodate && styled_components_1.css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n min-width: 202px;\n "], ["\n min-width: 202px;\n "])));
|
|
27
|
+
});
|
|
28
|
+
exports.TalkExpertActionMobile = styled_components_1.default(button_1.Button)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n ", "\n ", ";\n min-width: 102px;\n padding: 0;\n line-height: 1.33;\n ", "\n"], ["\n ", "\n ",
|
|
29
|
+
";\n min-width: 102px;\n padding: 0;\n line-height: 1.33;\n ",
|
|
30
|
+
"\n"])), spacing_1.mr('sm'), breakpoint_1.between('mobile', 'desktop')(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n border: none;\n "], ["\n border: none;\n "]))), function (_a) {
|
|
31
|
+
var isContinue = _a.isContinue;
|
|
32
|
+
return isContinue && styled_components_1.css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n min-width: 90px;\n "], ["\n min-width: 90px;\n "])));
|
|
33
|
+
});
|
|
34
|
+
exports.SecondaryAction = styled_components_1.default(button_1.Button)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n min-width: 180px;\n ", "\n word-wrap: break-word;\n"], ["\n min-width: 180px;\n ",
|
|
35
|
+
"\n word-wrap: break-word;\n"])), function (_a) {
|
|
36
|
+
var bigLabelAccomodate = _a.bigLabelAccomodate;
|
|
37
|
+
return bigLabelAccomodate && styled_components_1.css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n min-width: 202px;\n "], ["\n min-width: 202px;\n "])));
|
|
38
|
+
});
|
|
39
|
+
exports.SecondaryActionMobile = styled_components_1.default(button_1.Button)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n width: 90px;\n padding: 0;\n"], ["\n width: 90px;\n padding: 0;\n"])));
|
|
40
|
+
exports.LogoutWrapper = styled_components_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n position: absolute;\n right: 5px;\n top: 56px;\n ", "\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: ", ";\n ", " ", " ", " ", "\n"], ["\n position: absolute;\n right: 5px;\n top: 56px;\n ", "\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: ", ";\n ", " ", " ", " ", "\n"])), breakpoint_1.gte('desktop')(templateObject_14 || (templateObject_14 = __makeTemplateObject(["top: 70px;"], ["top: 70px;"]))), theme_1.select('borderRadius'), spacing_1.px('md'), spacing_1.py('sm'), depth_1.depth(2), color_1.bg('shade.0'));
|
|
41
|
+
exports.ExitToAppWrapper = styled_components_1.default(ExitToApp_1.default)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), spacing_1.mr('sm'));
|
|
42
|
+
exports.LogoutLinkWrapper = styled_components_1.default(typography_1.Link)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n overflow: hidden;\n text-decoration: none;\n font-weight: normal;\n margin-right: 0;\n"], ["\n overflow: hidden;\n text-decoration: none;\n font-weight: normal;\n margin-right: 0;\n"])));
|
|
43
|
+
exports.DesktopLogoutWrapper = styled_components_1.default.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), utils_1.display({ mobile: 'none', desktop: 'block' }));
|
|
44
|
+
exports.KebabMenu = styled_components_1.default(button_1.IconButton)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), spacing_1.ml('xxxs'));
|
|
45
|
+
exports.UnreadMessageWrapper = styled_components_1.default(UnreadMessage_1.default)(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n margin-top: -0.4em;\n margin-right: 0.5em;\n margin-left: -0.5em;\n"], ["\n margin-top: -0.4em;\n margin-right: 0.5em;\n margin-left: -0.5em;\n"])));
|
|
46
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20;
|
|
47
|
+
//# sourceMappingURL=index.style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.style.js","sourceRoot":"","sources":["../../../../../src/shared/components/CTA/index.style.tsx"],"names":[],"mappings":";;;;;;AAAA,mDAAoD;AACpD,2CAAsD;AACtD,yCAAqC;AACrC,yCAAwC;AACxC,sDAAiD;AACjD,8DAAyD;AACzD,6CAAmD;AACnD,yCAAyC;AACzC,mDAA4C;AAC5C,yCAA0C;AAC1C,uDAAgD;AAMnC,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,wKAAA,wBAEnC;IAED,uBAEG,EAAS,kDAId,KARG,gBAAG,CAAC,SAAS,CAAC,6FAAA,0BAEf,MAEG,YAAE,CAAC,KAAK,CAAC,EAIb;AAEW,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,kGAAA,wBAEpC;IAED,KACF,KAHG,oBAAO,CAAC,QAAQ,EAAE,SAAS,CAAC,6FAAA,0BAE7B,MACD;AAEW,QAAA,gBAAgB,GAAG,2BAAM,CAAC,eAAM,CAAC,kIAAoB,sBAE9D,EAAQ,GAAI;IAEb,4BAEC;IAIC,IACJ,KATG,YAAE,CAAC,IAAI,CAAC,EAAI,oBAAO,CAAC,QAAQ,EAAE,SAAS,CAAC,4FAAA,yBAEzC,MAEC,UAAC,EAAsB;QAApB,0CAAkB;IACrB,OAAA,kBAAkB,IAClB,uBAAG,oGAAA,iCAEF,IAAA;AAHD,CAGC,EACH;AAMW,QAAA,sBAAsB,GAAG,2BAAM,CAAC,eAAM,CAAC,4JAA4B,MAC5E,EAAQ,MACR;IAED,iEAIC;IAIC,IACJ,KAZG,YAAE,CAAC,IAAI,CAAC,EACR,oBAAO,CAAC,QAAQ,EAAE,SAAS,CAAC,4FAAA,yBAE7B,MAIC,UAAC,EAAc;QAAZ,0BAAU;IACb,OAAA,UAAU,IACV,uBAAG,mGAAA,gCAEF,IAAA;AAHD,CAGC,EACH;AAEW,QAAA,eAAe,GAAG,2BAAM,CAAC,eAAM,CAAC,gIAAoB,2BAE7D;IAIC,8BAEJ,KANG,UAAC,EAAsB;QAApB,0CAAkB;IACrB,OAAA,kBAAkB,IAClB,uBAAG,sGAAA,iCAEF,IAAA;AAHD,CAGC,EAEH;AAEW,QAAA,qBAAqB,GAAG,2BAAM,CAAC,eAAM,CAAC,wGAAA,mCAGlD,KAAC;AAEW,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,0PAAA,0DAInC,EAA0B,2FAIX,EAAsB,OACrC,EAAQ,GAAI,EAAQ,GAAI,EAAQ,GAAI,EAAa,IACpD,KANG,gBAAG,CAAC,SAAS,CAAC,iFAAA,YAAY,MAIX,cAAM,CAAC,cAAc,CAAC,EACrC,YAAE,CAAC,IAAI,CAAC,EAAI,YAAE,CAAC,IAAI,CAAC,EAAI,aAAK,CAAC,CAAC,CAAC,EAAI,UAAE,CAAC,SAAS,CAAC,EACnD;AAEW,QAAA,gBAAgB,GAAG,2BAAM,CAAC,mBAAS,CAAC,iFAAA,MAC7C,EAAQ,IACX,KADG,YAAE,CAAC,IAAI,CAAC,EACV;AAEW,QAAA,iBAAiB,GAAG,2BAAM,CAAC,iBAAI,CAAC,oKAAA,+FAK5C,KAAC;AAEW,QAAA,oBAAoB,GAAG,2BAAM,CAAC,GAAG,iFAAA,MAC1C,EAA6C,IAChD,KADG,eAAO,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EAC/C;AAEW,QAAA,SAAS,GAAG,2BAAM,CAAC,mBAAU,CAAC,iFAAA,MACvC,EAAU,IACb,KADG,YAAE,CAAC,MAAM,CAAC,EACZ;AAEW,QAAA,oBAAoB,GAAG,2BAAM,CAAC,uBAAa,CAAC,gJAAA,2EAIxD,KAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { Button } from '@lendi-ui/button';
|
|
2
|
+
export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
+
export declare const ButtonWrapper: import("styled-components").StyledComponent<typeof Button, any, {}, never>;
|
|
4
|
+
export declare const ButtonSection: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Button, IconButton } from '@lendi-ui/button';
|
|
3
|
+
import ExitToApp from '@lendi-ui/icon/ExitToApp';
|
|
4
|
+
import UnreadMessage from '@lendi-ui/icon/UnreadMessage';
|
|
5
|
+
interface AccomodateBigLabel {
|
|
6
|
+
bigLabelAccomodate?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare const MobileActions: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
9
|
+
export declare const DesktopActions: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
10
|
+
export declare const TalkExpertAction: import("styled-components").StyledComponent<typeof Button, any, AccomodateBigLabel, never>;
|
|
11
|
+
interface TalkExpertActionMobileProp {
|
|
12
|
+
isContinue?: boolean;
|
|
13
|
+
}
|
|
14
|
+
export declare const TalkExpertActionMobile: import("styled-components").StyledComponent<typeof Button, any, TalkExpertActionMobileProp, never>;
|
|
15
|
+
export declare const SecondaryAction: import("styled-components").StyledComponent<typeof Button, any, AccomodateBigLabel, never>;
|
|
16
|
+
export declare const SecondaryActionMobile: import("styled-components").StyledComponent<typeof Button, any, {}, never>;
|
|
17
|
+
export declare const LogoutWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
18
|
+
export declare const ExitToAppWrapper: import("styled-components").StyledComponent<typeof ExitToApp, any, {}, never>;
|
|
19
|
+
export declare const LogoutLinkWrapper: import("styled-components").StyledComponent<(props: import("@lendi-ui/typography").LinkProps) => JSX.Element, any, {}, never>;
|
|
20
|
+
export declare const DesktopLogoutWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
21
|
+
export declare const KebabMenu: import("styled-components").StyledComponent<typeof IconButton, any, {}, never>;
|
|
22
|
+
export declare const UnreadMessageWrapper: import("styled-components").StyledComponent<typeof UnreadMessage, any, {}, never>;
|
|
23
|
+
export {};
|