alicia-design-system 1.99.2 → 1.100.0
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/dist/cjs/alicia/common/DatePicker/DatePicker.js +2 -1
- package/dist/cjs/alicia/common/DatePicker/DatePicker.js.map +1 -1
- package/dist/cjs/alicia/common/DatePicker/picker-styles.js +1 -0
- package/dist/cjs/alicia/common/DatePicker/picker-styles.js.map +1 -1
- package/dist/cjs/alicia/common/SupportMenu/SupportMenu.js +75 -11
- package/dist/cjs/alicia/common/SupportMenu/SupportMenu.js.map +1 -1
- package/dist/cjs/alicia/common/SupportMenu/SupportMenu.stories.js +3 -0
- package/dist/cjs/alicia/common/SupportMenu/SupportMenu.stories.js.map +1 -1
- package/dist/cjs/alicia/common/UserMenu/UserMenu.js +14 -8
- package/dist/cjs/alicia/common/UserMenu/UserMenu.js.map +1 -1
- package/dist/esm/alicia/common/DatePicker/DatePicker.js +2 -1
- package/dist/esm/alicia/common/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/alicia/common/DatePicker/picker-styles.js +1 -0
- package/dist/esm/alicia/common/DatePicker/picker-styles.js.map +1 -1
- package/dist/esm/alicia/common/SupportMenu/SupportMenu.js +76 -12
- package/dist/esm/alicia/common/SupportMenu/SupportMenu.js.map +1 -1
- package/dist/esm/alicia/common/SupportMenu/SupportMenu.stories.js +3 -0
- package/dist/esm/alicia/common/SupportMenu/SupportMenu.stories.js.map +1 -1
- package/dist/esm/alicia/common/UserMenu/UserMenu.js +11 -5
- package/dist/esm/alicia/common/UserMenu/UserMenu.js.map +1 -1
- package/package.json +1 -1
- package/dist/cjs/alicia/common/SupportMenu/SupportMenuModal.d.ts +0 -17
- package/dist/cjs/alicia/common/SupportMenu/SupportMenuModal.js +0 -70
- package/dist/cjs/alicia/common/SupportMenu/SupportMenuModal.js.map +0 -1
- package/dist/esm/alicia/common/SupportMenu/SupportMenuModal.d.ts +0 -17
- package/dist/esm/alicia/common/SupportMenu/SupportMenuModal.js +0 -66
- package/dist/esm/alicia/common/SupportMenu/SupportMenuModal.js.map +0 -1
|
@@ -26,6 +26,7 @@ require("react-date-picker/dist/DatePicker.css");
|
|
|
26
26
|
require("react-calendar/dist/Calendar.css");
|
|
27
27
|
const polished_1 = require("polished");
|
|
28
28
|
const picker_styles_1 = require("./picker-styles");
|
|
29
|
+
const FieldLabel = react_1.Field.Label;
|
|
29
30
|
const DatePickerInput = (_a) => {
|
|
30
31
|
var _b, _c, _d, _e;
|
|
31
32
|
var { isError, dateString = undefined, controlName, colors, onDateChange, placeholder, dateFormat = 'YYYY-MM-DD', onBlurEvent, maxDateString, minDateString, alwaysPassChange = false, css, _invalid, variant = 'outline', mask, rightElement = undefined, isClearable = false, label } = _a, props = __rest(_a, ["isError", "dateString", "controlName", "colors", "onDateChange", "placeholder", "dateFormat", "onBlurEvent", "maxDateString", "minDateString", "alwaysPassChange", "css", "_invalid", "variant", "mask", "rightElement", "isClearable", "label"]);
|
|
@@ -79,7 +80,7 @@ const DatePickerInput = (_a) => {
|
|
|
79
80
|
onBlurEvent(e);
|
|
80
81
|
}
|
|
81
82
|
};
|
|
82
|
-
return ((0, jsx_runtime_1.jsxs)(react_1.Field.Root, { position: "relative", display: "flex", flexDirection: "column", isolation: "auto", invalid: isError, children: [(0, jsx_runtime_1.jsx)("style", { children: (0, picker_styles_1.customDatePickerStyles)(colors) }), label && ((0, jsx_runtime_1.jsx)(
|
|
83
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.Field.Root, { position: "relative", display: "flex", flexDirection: "column", isolation: "auto", invalid: isError, children: [(0, jsx_runtime_1.jsx)("style", { children: (0, picker_styles_1.customDatePickerStyles)(colors) }), label && ((0, jsx_runtime_1.jsx)(FieldLabel, { mb: 1, htmlFor: `${controlName}-view`, children: label })), (0, jsx_runtime_1.jsxs)(react_1.Box, { position: "relative", w: "100%", children: [(0, jsx_runtime_1.jsx)(react_1.Input, Object.assign({}, props, { placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : dateFormat, value: value, variant: variant, rounded: variant === 'outline' ? 'full' : 'none', lineHeight: (0, polished_1.rem)(24), py: variant === 'outline' ? (0, polished_1.rem)(28) : 0, px: variant === 'outline' ? (0, polished_1.rem)(24) : 0, color: isError ? 'error' : (_b = colors === null || colors === void 0 ? void 0 : colors.textColor) !== null && _b !== void 0 ? _b : 'text', id: `${controlName}-view`, name: `${controlName}-view`, onChange: (e) => onUserInputChange(e), onBlur: (e) => {
|
|
83
84
|
onBlurHandle(e);
|
|
84
85
|
}, className: mask !== null && mask !== void 0 ? mask : '', "aria-label": (_c = label !== null && label !== void 0 ? label : placeholder) !== null && _c !== void 0 ? _c : 'Date picker', css: css })), (0, jsx_runtime_1.jsx)(react_1.Flex, { position: "absolute", top: "50%", right: variant === 'outline' ? (0, polished_1.rem)(24) : 0, transform: "translateY(-50%)", mt: variant === 'outline' ? (0, polished_1.rem)(0) : 0, mr: 0, cursor: props.isDisabled ? 'not-allowed' : 'pointer', css: rightElement === null || rightElement === void 0 ? void 0 : rightElement.css, alignItems: "center", justifyContent: "center", w: (0, polished_1.rem)(70), pointerEvents: props.isDisabled ? 'none' : 'auto', children: (0, jsx_runtime_1.jsxs)(react_1.Flex, { w: "inherit", justifyContent: "space-evenly", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(react_1.Flex, { boxSize: (0, polished_1.rem)(20), children: isClearable && value && (0, moment_1.default)(value, dateFormat).isValid() && (0, jsx_runtime_1.jsx)(Clear, { mt: (0, polished_1.rem)(2), mr: (0, polished_1.rem)(12), onClick: () => [setValue(""), onDateChange("")], boxSize: (0, polished_1.rem)(20) }) }), (0, jsx_runtime_1.jsx)(Calendar, Object.assign({ stroke: (_d = colors === null || colors === void 0 ? void 0 : colors.iconColor) !== null && _d !== void 0 ? _d : 'text', onClick: () => props.isDisabled
|
|
85
86
|
? undefined
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,4CAO0B;AAC1B,iCAMe;AACf,oDAA4B;AAC5B,oCAAmD;AACnD,8EAA2E;AAC3E,0EAA2C;AAC3C,iDAA+C;AAC/C,4CAA0C;AAC1C,uCAA+B;AAC/B,mDAAyD;
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"picker-styles.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/picker-styles.ts"],"names":[],"mappings":";;;AAAO,MAAM,sBAAsB,GAAG,CAAC,MAKtC,EAAE,EAAE;;IAAC,OAAA;;kBAEY,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,uBAAuB,mCAAI,SAAS;cAChD,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,iBAAiB,mCAAI,SAAS;;;;oBAIhC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,uBAAuB,mCAAI,SAAS;gBAChD,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,iBAAiB,mCAAI,SAAS
|
|
1
|
+
{"version":3,"file":"picker-styles.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/picker-styles.ts"],"names":[],"mappings":";;;AAAO,MAAM,sBAAsB,GAAG,CAAC,MAKtC,EAAE,EAAE;;IAAC,OAAA;;kBAEY,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,uBAAuB,mCAAI,SAAS;cAChD,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,iBAAiB,mCAAI,SAAS;;;;oBAIhC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,uBAAuB,mCAAI,SAAS;gBAChD,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,iBAAiB,mCAAI,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2GnD,CAAA;CAAA,CAAC;AAxHS,QAAA,sBAAsB,0BAwH/B"}
|
|
@@ -2,21 +2,85 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.SupportMenu = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const react_1 = require("
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const react_2 = require("@chakra-ui/react");
|
|
6
7
|
const polished_1 = require("polished");
|
|
7
|
-
const SupportMenuModal_1 = require("./SupportMenuModal");
|
|
8
8
|
const SupportIcon_1 = require("../icons/SupportIcon");
|
|
9
|
-
const
|
|
10
|
-
|
|
9
|
+
const style_1 = require("../../../services/style");
|
|
10
|
+
const Trigger = react_2.MenuTrigger;
|
|
11
|
+
const Positioner = react_2.MenuPositioner;
|
|
12
|
+
const Content = react_2.MenuContent;
|
|
13
|
+
const Item = react_2.MenuItem;
|
|
14
|
+
const SupportMenu = ({ id, menuOptions, title, onChange, onOpenSupport, menuBackgroundColor = '#ffffff', itemColor = 'text', itemHoverColor, itemTextColor = 'text', itemHoverTextColor, menuItemTitleFontWeight = 600, titleColor = 'text', enableVisualEffects = true, }) => {
|
|
15
|
+
const [open, setOpen] = (0, react_1.useState)(false);
|
|
11
16
|
const onSupportOpen = () => {
|
|
12
|
-
|
|
17
|
+
if (onOpenSupport) {
|
|
18
|
+
onOpenSupport();
|
|
19
|
+
}
|
|
20
|
+
else {
|
|
21
|
+
setOpen(true);
|
|
22
|
+
}
|
|
13
23
|
};
|
|
14
|
-
return ((0, jsx_runtime_1.jsxs)(
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
24
|
+
return ((0, jsx_runtime_1.jsxs)(react_2.MenuRoot, { id: id, open: open, onOpenChange: (e) => setOpen(e.open), children: [(0, jsx_runtime_1.jsx)(Trigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)(react_2.Button, { onClick: onSupportOpen, display: "flex", id: id, "data-testid": "support-menu", backgroundColor: "transparent", children: [(0, jsx_runtime_1.jsx)(SupportIcon_1.SupportIcon, { fill: titleColor }), ' ', (0, jsx_runtime_1.jsx)(react_2.Text, { pl: (0, polished_1.rem)(8), fontSize: (0, polished_1.rem)(14), fontWeight: "400", color: titleColor, css: {
|
|
25
|
+
display: 'flex',
|
|
26
|
+
'@media (max-width: 992px)': {
|
|
27
|
+
display: 'none',
|
|
28
|
+
},
|
|
29
|
+
}, as: "span", children: title })] }) }), (0, jsx_runtime_1.jsx)(Positioner, { children: (0, jsx_runtime_1.jsx)(Content, { css: {
|
|
30
|
+
borderRadius: 0,
|
|
31
|
+
borderBottomLeftRadius: (0, polished_1.rem)(5),
|
|
32
|
+
width: (0, polished_1.rem)(380),
|
|
33
|
+
'@media (max-width: 992px)': {
|
|
34
|
+
width: '100%',
|
|
35
|
+
},
|
|
36
|
+
backgroundColor: menuBackgroundColor,
|
|
37
|
+
marginTop: '0',
|
|
38
|
+
border: 'none',
|
|
39
|
+
zIndex: 10,
|
|
40
|
+
padding: 0,
|
|
41
|
+
}, children: (0, jsx_runtime_1.jsx)(react_2.Flex, { flexDirection: "column", css: {
|
|
42
|
+
marginTop: (0, polished_1.rem)(20),
|
|
43
|
+
marginBottom: (0, polished_1.rem)(20),
|
|
44
|
+
paddingLeft: (0, polished_1.rem)(20),
|
|
45
|
+
paddingRight: (0, polished_1.rem)(20),
|
|
46
|
+
}, children: Boolean(menuOptions === null || menuOptions === void 0 ? void 0 : menuOptions.length) &&
|
|
47
|
+
(menuOptions === null || menuOptions === void 0 ? void 0 : menuOptions.map((item, index) => {
|
|
48
|
+
var _a, _b;
|
|
49
|
+
return ((0, jsx_runtime_1.jsx)(Item, { value: item.id, "data-testid": `support-menu-${(_b = (_a = item === null || item === void 0 ? void 0 : item.title) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== null && _b !== void 0 ? _b : 'item'}`, onClick: () => {
|
|
50
|
+
onChange(item.id);
|
|
51
|
+
setOpen(false);
|
|
52
|
+
}, css: {
|
|
53
|
+
backgroundColor: itemColor,
|
|
54
|
+
color: itemTextColor,
|
|
55
|
+
paddingLeft: (0, polished_1.rem)(20),
|
|
56
|
+
paddingRight: (0, polished_1.rem)(20),
|
|
57
|
+
position: 'relative',
|
|
58
|
+
transform: enableVisualEffects ? 'rotate(-0.94deg)' : 'rotate(0deg)',
|
|
59
|
+
_hover: {
|
|
60
|
+
backgroundColor: itemHoverColor,
|
|
61
|
+
color: itemHoverTextColor,
|
|
62
|
+
},
|
|
63
|
+
outline: 'none',
|
|
64
|
+
border: 'none',
|
|
65
|
+
listStyle: 'none',
|
|
66
|
+
}, children: (0, jsx_runtime_1.jsx)(react_2.Flex, { alignItems: "center", css: {
|
|
67
|
+
width: '100%',
|
|
68
|
+
paddingTop: (0, polished_1.rem)(16),
|
|
69
|
+
paddingBottom: (0, polished_1.rem)(16),
|
|
70
|
+
transform: enableVisualEffects ? 'rotate(0.94deg)' : 'rotate(0deg)',
|
|
71
|
+
borderBottom: `${(0, polished_1.rem)(1)} solid ${menuOptions.length - 1 === index
|
|
72
|
+
? 'transparent'
|
|
73
|
+
: (0, style_1.hexToRgba)(itemColor, '0.4')}`,
|
|
74
|
+
}, children: (0, jsx_runtime_1.jsxs)(react_2.Flex, { direction: "column", alignItems: "start", css: { paddingRight: (0, polished_1.rem)(8) }, children: [item.titlePrefix && ((0, jsx_runtime_1.jsx)(react_2.Text, { as: "span", css: {
|
|
75
|
+
paddingRight: (0, polished_1.rem)(6),
|
|
76
|
+
fontSize: (0, polished_1.rem)(14),
|
|
77
|
+
opacity: '0.5',
|
|
78
|
+
textTransform: 'uppercase',
|
|
79
|
+
}, children: item.titlePrefix })), (0, jsx_runtime_1.jsx)(react_2.Flex, { as: "span", css: {
|
|
80
|
+
fontSize: (0, polished_1.rem)(14),
|
|
81
|
+
fontWeight: menuItemTitleFontWeight,
|
|
82
|
+
}, children: item.title }), (0, jsx_runtime_1.jsx)(react_2.Flex, { as: "span", css: { fontSize: (0, polished_1.rem)(14) }, children: item.description })] }) }) }, item.title));
|
|
83
|
+
})) }) }) })] }));
|
|
20
84
|
};
|
|
21
85
|
exports.SupportMenu = SupportMenu;
|
|
22
86
|
//# sourceMappingURL=SupportMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SupportMenu.js","sourceRoot":"","sources":["../../../../../src/alicia/common/SupportMenu/SupportMenu.tsx"],"names":[],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"SupportMenu.js","sourceRoot":"","sources":["../../../../../src/alicia/common/SupportMenu/SupportMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,6 +17,9 @@ exports.Primary = {
|
|
|
17
17
|
titleColor: "#006A70",
|
|
18
18
|
menuBackgroundColor: "#fffff",
|
|
19
19
|
itemColor: "#ffff",
|
|
20
|
+
itemTextColor: "#ffff",
|
|
21
|
+
itemHoverColor: "#ffff",
|
|
22
|
+
itemHoverTextColor: "#ffff",
|
|
20
23
|
menuItemTitleFontWeight: "bold",
|
|
21
24
|
enableVisualEffects: true,
|
|
22
25
|
menuOptions: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SupportMenu.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/SupportMenu/SupportMenu.stories.tsx"],"names":[],"mappings":";;;;AACA,+CAA4C;AAE5C,MAAM,IAAI,GAA6B;IACrC,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,yBAAW;CACvB,CAAC;AAEF,kBAAe,IAAI,CAAC;AAGP,QAAA,OAAO,GAAU;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACf,OAAO,CACL,uBAAC,yBAAW,oBACN,IAAI,IACR,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,IACzB,CACH,CAAC;IACJ,CAAC;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,SAAS;QACrB,mBAAmB,EAAE,QAAQ;QAC7B,SAAS,EAAE,OAAO;QAClB,uBAAuB,EAAE,MAAM;QAC/B,mBAAmB,EAAE,IAAI;QACzB,WAAW,EAAE,CAAC;gBACZ,KAAK,EAAE,iBAAiB;gBACxB,EAAE,EAAE,kBAAkB;gBACtB,WAAW,EAAE,mCAAmC;gBAChD,WAAW,EAAE,MAAM;aACpB;YACD;gBACE,KAAK,EAAE,oBAAoB;gBAC3B,EAAE,EAAE,oBAAoB;gBACxB,WAAW,EAAE,0CAA0C;gBACvD,WAAW,EAAE,MAAM;aACpB;YACD;gBACE,WAAW,EAAE,MAAM;gBACnB,KAAK,EAAE,kBAAkB;gBACzB,EAAE,EAAE,iBAAiB;gBACrB,WAAW,EAAE,wCAAwC;aACtD;SACA;KACF;CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"SupportMenu.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/SupportMenu/SupportMenu.stories.tsx"],"names":[],"mappings":";;;;AACA,+CAA4C;AAE5C,MAAM,IAAI,GAA6B;IACrC,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,yBAAW;CACvB,CAAC;AAEF,kBAAe,IAAI,CAAC;AAGP,QAAA,OAAO,GAAU;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACf,OAAO,CACL,uBAAC,yBAAW,oBACN,IAAI,IACR,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,IACzB,CACH,CAAC;IACJ,CAAC;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,SAAS;QACrB,mBAAmB,EAAE,QAAQ;QAC7B,SAAS,EAAE,OAAO;QAClB,aAAa,EAAE,OAAO;QACtB,cAAc,EAAE,OAAO;QACvB,kBAAkB,EAAE,OAAO;QAC3B,uBAAuB,EAAE,MAAM;QAC/B,mBAAmB,EAAE,IAAI;QACzB,WAAW,EAAE,CAAC;gBACZ,KAAK,EAAE,iBAAiB;gBACxB,EAAE,EAAE,kBAAkB;gBACtB,WAAW,EAAE,mCAAmC;gBAChD,WAAW,EAAE,MAAM;aACpB;YACD;gBACE,KAAK,EAAE,oBAAoB;gBAC3B,EAAE,EAAE,oBAAoB;gBACxB,WAAW,EAAE,0CAA0C;gBACvD,WAAW,EAAE,MAAM;aACpB;YACD;gBACE,WAAW,EAAE,MAAM;gBACnB,KAAK,EAAE,kBAAkB;gBACzB,EAAE,EAAE,iBAAiB;gBACrB,WAAW,EAAE,wCAAwC;aACtD;SACA;KACF;CACF,CAAC"}
|
|
@@ -2,25 +2,31 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.UserMenu = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const react_1 = require("
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const react_2 = require("@chakra-ui/react");
|
|
6
7
|
const icons_1 = require("../icons");
|
|
7
8
|
const polished_1 = require("polished");
|
|
9
|
+
const Trigger = react_2.MenuTrigger;
|
|
10
|
+
const Positioner = react_2.MenuPositioner;
|
|
11
|
+
const Content = react_2.MenuContent;
|
|
12
|
+
const Item = react_2.MenuItem;
|
|
8
13
|
const UserMenu = ({ id, menuOptions, selectedOption, title, onChange, menuBackgroundColor = '#fffff', itemColor = 'black', itemHoverColor = 'black', itemTextColor = 'text', itemHoverTextColor = 'text', titleColor = 'text', menuItemTitleFontWeight, }) => {
|
|
9
|
-
|
|
14
|
+
const [open, setOpen] = (0, react_1.useState)(false);
|
|
15
|
+
return ((0, jsx_runtime_1.jsxs)(react_2.MenuRoot, { id: id, open: open, onOpenChange: (e) => setOpen(e.open), children: [(0, jsx_runtime_1.jsx)(Trigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(react_2.Button, { "aria-label": `${title !== null && title !== void 0 ? title : 'User'} menu`, css: {
|
|
10
16
|
paddingLeft: 0,
|
|
11
17
|
paddingRight: 0,
|
|
12
18
|
border: 'none',
|
|
13
19
|
backgroundColor: 'transparent',
|
|
14
|
-
}, children: (0, jsx_runtime_1.jsxs)(
|
|
20
|
+
}, children: (0, jsx_runtime_1.jsxs)(react_2.Box, { display: "flex", flexDirection: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(icons_1.UserIcon, { css: {
|
|
15
21
|
stroke: titleColor,
|
|
16
|
-
} }), (0, jsx_runtime_1.jsx)(
|
|
22
|
+
} }), (0, jsx_runtime_1.jsx)(react_2.Text, { fontWeight: "400", color: titleColor, fontSize: 14, marginLeft: "8px", marginRight: "7px", children: title }), (0, jsx_runtime_1.jsx)(icons_1.ChevronDownIcon, { css: {
|
|
17
23
|
stroke: titleColor,
|
|
18
|
-
rotate: '180deg',
|
|
19
|
-
} })] }) }) }), (0, jsx_runtime_1.jsx)(
|
|
24
|
+
rotate: open ? '0deg' : '180deg',
|
|
25
|
+
} })] }) }) }), (0, jsx_runtime_1.jsx)(Positioner, { children: (0, jsx_runtime_1.jsx)(Content, { border: "none", bg: menuBackgroundColor, "aria-label": `${title !== null && title !== void 0 ? title : 'User'} options`, css: {
|
|
20
26
|
padding: '4px',
|
|
21
27
|
minW: '150px',
|
|
22
28
|
zIndex: 10,
|
|
23
|
-
}, children: menuOptions === null || menuOptions === void 0 ? void 0 : menuOptions.map((option) => (option !== undefined && (0, jsx_runtime_1.jsx)(
|
|
29
|
+
}, children: menuOptions === null || menuOptions === void 0 ? void 0 : menuOptions.map((option) => (option !== undefined && (0, jsx_runtime_1.jsx)(Item, { value: option.value, css: {
|
|
24
30
|
bg: option.value === selectedOption ? itemHoverColor : itemColor,
|
|
25
31
|
color: option.value === selectedOption ? itemHoverTextColor : itemTextColor,
|
|
26
32
|
border: 'none',
|
|
@@ -35,7 +41,7 @@ const UserMenu = ({ id, menuOptions, selectedOption, title, onChange, menuBackgr
|
|
|
35
41
|
border: 'none',
|
|
36
42
|
outline: 0,
|
|
37
43
|
},
|
|
38
|
-
}, onClick: () => onChange(option.value), children: (0, jsx_runtime_1.jsxs)(
|
|
44
|
+
}, onClick: () => onChange(option.value), children: (0, jsx_runtime_1.jsxs)(react_2.Text, { as: "span", fontSize: (0, polished_1.rem)(14), fontWeight: menuItemTitleFontWeight, position: "relative", children: [option.label, option.counter && ((0, jsx_runtime_1.jsx)(react_2.Flex, { as: "span", bg: option.counter.backgroundColor, color: option.counter.color, fontSize: (0, polished_1.rem)(14), fontWeight: menuItemTitleFontWeight, position: "absolute", right: (0, polished_1.rem)(-50), top: (0, polished_1.rem)(-5), rounded: "full", px: (0, polished_1.rem)(8), alignItems: 'center', justifyContent: 'center', children: option.counter.count > 99 ? '99+' : option.counter.count }))] }) }, option.value))) }) })] }));
|
|
39
45
|
};
|
|
40
46
|
exports.UserMenu = UserMenu;
|
|
41
47
|
//# sourceMappingURL=UserMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserMenu.js","sourceRoot":"","sources":["../../../../../src/alicia/common/UserMenu/UserMenu.tsx"],"names":[],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"UserMenu.js","sourceRoot":"","sources":["../../../../../src/alicia/common/UserMenu/UserMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,6 +20,7 @@ import 'react-date-picker/dist/DatePicker.css';
|
|
|
20
20
|
import 'react-calendar/dist/Calendar.css';
|
|
21
21
|
import { rem } from 'polished';
|
|
22
22
|
import { customDatePickerStyles } from './picker-styles';
|
|
23
|
+
const FieldLabel = Field.Label;
|
|
23
24
|
export const DatePickerInput = (_a) => {
|
|
24
25
|
var _b, _c, _d, _e;
|
|
25
26
|
var { isError, dateString = undefined, controlName, colors, onDateChange, placeholder, dateFormat = 'YYYY-MM-DD', onBlurEvent, maxDateString, minDateString, alwaysPassChange = false, css, _invalid, variant = 'outline', mask, rightElement = undefined, isClearable = false, label } = _a, props = __rest(_a, ["isError", "dateString", "controlName", "colors", "onDateChange", "placeholder", "dateFormat", "onBlurEvent", "maxDateString", "minDateString", "alwaysPassChange", "css", "_invalid", "variant", "mask", "rightElement", "isClearable", "label"]);
|
|
@@ -73,7 +74,7 @@ export const DatePickerInput = (_a) => {
|
|
|
73
74
|
onBlurEvent(e);
|
|
74
75
|
}
|
|
75
76
|
};
|
|
76
|
-
return (_jsxs(Field.Root, { position: "relative", display: "flex", flexDirection: "column", isolation: "auto", invalid: isError, children: [_jsx("style", { children: customDatePickerStyles(colors) }), label && (_jsx(
|
|
77
|
+
return (_jsxs(Field.Root, { position: "relative", display: "flex", flexDirection: "column", isolation: "auto", invalid: isError, children: [_jsx("style", { children: customDatePickerStyles(colors) }), label && (_jsx(FieldLabel, { mb: 1, htmlFor: `${controlName}-view`, children: label })), _jsxs(Box, { position: "relative", w: "100%", children: [_jsx(Input, Object.assign({}, props, { placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : dateFormat, value: value, variant: variant, rounded: variant === 'outline' ? 'full' : 'none', lineHeight: rem(24), py: variant === 'outline' ? rem(28) : 0, px: variant === 'outline' ? rem(24) : 0, color: isError ? 'error' : (_b = colors === null || colors === void 0 ? void 0 : colors.textColor) !== null && _b !== void 0 ? _b : 'text', id: `${controlName}-view`, name: `${controlName}-view`, onChange: (e) => onUserInputChange(e), onBlur: (e) => {
|
|
77
78
|
onBlurHandle(e);
|
|
78
79
|
}, className: mask !== null && mask !== void 0 ? mask : '', "aria-label": (_c = label !== null && label !== void 0 ? label : placeholder) !== null && _c !== void 0 ? _c : 'Date picker', css: css })), _jsx(Flex, { position: "absolute", top: "50%", right: variant === 'outline' ? rem(24) : 0, transform: "translateY(-50%)", mt: variant === 'outline' ? rem(0) : 0, mr: 0, cursor: props.isDisabled ? 'not-allowed' : 'pointer', css: rightElement === null || rightElement === void 0 ? void 0 : rightElement.css, alignItems: "center", justifyContent: "center", w: rem(70), pointerEvents: props.isDisabled ? 'none' : 'auto', children: _jsxs(Flex, { w: "inherit", justifyContent: "space-evenly", alignItems: "center", children: [_jsx(Flex, { boxSize: rem(20), children: isClearable && value && moment(value, dateFormat).isValid() && _jsx(Clear, { mt: rem(2), mr: rem(12), onClick: () => [setValue(""), onDateChange("")], boxSize: rem(20) }) }), _jsx(Calendar, Object.assign({ stroke: (_d = colors === null || colors === void 0 ? void 0 : colors.iconColor) !== null && _d !== void 0 ? _d : 'text', onClick: () => props.isDisabled
|
|
79
80
|
? undefined
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"picker-styles.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/picker-styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,MAKtC,EAAE,EAAE;;IAAC,OAAA;;kBAEY,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,uBAAuB,mCAAI,SAAS;cAChD,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,iBAAiB,mCAAI,SAAS;;;;oBAIhC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,uBAAuB,mCAAI,SAAS;gBAChD,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,iBAAiB,mCAAI,SAAS
|
|
1
|
+
{"version":3,"file":"picker-styles.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/picker-styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,MAKtC,EAAE,EAAE;;IAAC,OAAA;;kBAEY,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,uBAAuB,mCAAI,SAAS;cAChD,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,iBAAiB,mCAAI,SAAS;;;;oBAIhC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,uBAAuB,mCAAI,SAAS;gBAChD,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,iBAAiB,mCAAI,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2GnD,CAAA;CAAA,CAAC"}
|
|
@@ -1,18 +1,82 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs
|
|
2
|
-
import {
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from 'react';
|
|
3
|
+
import { Button, Text, MenuRoot, MenuTrigger, MenuContent, MenuItem, MenuPositioner, Flex, } from '@chakra-ui/react';
|
|
3
4
|
import { rem } from 'polished';
|
|
4
|
-
import { SupportMenuModal } from './SupportMenuModal';
|
|
5
5
|
import { SupportIcon } from '../icons/SupportIcon';
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
import { hexToRgba } from '../../../services/style';
|
|
7
|
+
const Trigger = MenuTrigger;
|
|
8
|
+
const Positioner = MenuPositioner;
|
|
9
|
+
const Content = MenuContent;
|
|
10
|
+
const Item = MenuItem;
|
|
11
|
+
export const SupportMenu = ({ id, menuOptions, title, onChange, onOpenSupport, menuBackgroundColor = '#ffffff', itemColor = 'text', itemHoverColor, itemTextColor = 'text', itemHoverTextColor, menuItemTitleFontWeight = 600, titleColor = 'text', enableVisualEffects = true, }) => {
|
|
12
|
+
const [open, setOpen] = useState(false);
|
|
8
13
|
const onSupportOpen = () => {
|
|
9
|
-
|
|
14
|
+
if (onOpenSupport) {
|
|
15
|
+
onOpenSupport();
|
|
16
|
+
}
|
|
17
|
+
else {
|
|
18
|
+
setOpen(true);
|
|
19
|
+
}
|
|
10
20
|
};
|
|
11
|
-
return (_jsxs(
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
21
|
+
return (_jsxs(MenuRoot, { id: id, open: open, onOpenChange: (e) => setOpen(e.open), children: [_jsx(Trigger, { asChild: true, children: _jsxs(Button, { onClick: onSupportOpen, display: "flex", id: id, "data-testid": "support-menu", backgroundColor: "transparent", children: [_jsx(SupportIcon, { fill: titleColor }), ' ', _jsx(Text, { pl: rem(8), fontSize: rem(14), fontWeight: "400", color: titleColor, css: {
|
|
22
|
+
display: 'flex',
|
|
23
|
+
'@media (max-width: 992px)': {
|
|
24
|
+
display: 'none',
|
|
25
|
+
},
|
|
26
|
+
}, as: "span", children: title })] }) }), _jsx(Positioner, { children: _jsx(Content, { css: {
|
|
27
|
+
borderRadius: 0,
|
|
28
|
+
borderBottomLeftRadius: rem(5),
|
|
29
|
+
width: rem(380),
|
|
30
|
+
'@media (max-width: 992px)': {
|
|
31
|
+
width: '100%',
|
|
32
|
+
},
|
|
33
|
+
backgroundColor: menuBackgroundColor,
|
|
34
|
+
marginTop: '0',
|
|
35
|
+
border: 'none',
|
|
36
|
+
zIndex: 10,
|
|
37
|
+
padding: 0,
|
|
38
|
+
}, children: _jsx(Flex, { flexDirection: "column", css: {
|
|
39
|
+
marginTop: rem(20),
|
|
40
|
+
marginBottom: rem(20),
|
|
41
|
+
paddingLeft: rem(20),
|
|
42
|
+
paddingRight: rem(20),
|
|
43
|
+
}, children: Boolean(menuOptions === null || menuOptions === void 0 ? void 0 : menuOptions.length) &&
|
|
44
|
+
(menuOptions === null || menuOptions === void 0 ? void 0 : menuOptions.map((item, index) => {
|
|
45
|
+
var _a, _b;
|
|
46
|
+
return (_jsx(Item, { value: item.id, "data-testid": `support-menu-${(_b = (_a = item === null || item === void 0 ? void 0 : item.title) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== null && _b !== void 0 ? _b : 'item'}`, onClick: () => {
|
|
47
|
+
onChange(item.id);
|
|
48
|
+
setOpen(false);
|
|
49
|
+
}, css: {
|
|
50
|
+
backgroundColor: itemColor,
|
|
51
|
+
color: itemTextColor,
|
|
52
|
+
paddingLeft: rem(20),
|
|
53
|
+
paddingRight: rem(20),
|
|
54
|
+
position: 'relative',
|
|
55
|
+
transform: enableVisualEffects ? 'rotate(-0.94deg)' : 'rotate(0deg)',
|
|
56
|
+
_hover: {
|
|
57
|
+
backgroundColor: itemHoverColor,
|
|
58
|
+
color: itemHoverTextColor,
|
|
59
|
+
},
|
|
60
|
+
outline: 'none',
|
|
61
|
+
border: 'none',
|
|
62
|
+
listStyle: 'none',
|
|
63
|
+
}, children: _jsx(Flex, { alignItems: "center", css: {
|
|
64
|
+
width: '100%',
|
|
65
|
+
paddingTop: rem(16),
|
|
66
|
+
paddingBottom: rem(16),
|
|
67
|
+
transform: enableVisualEffects ? 'rotate(0.94deg)' : 'rotate(0deg)',
|
|
68
|
+
borderBottom: `${rem(1)} solid ${menuOptions.length - 1 === index
|
|
69
|
+
? 'transparent'
|
|
70
|
+
: hexToRgba(itemColor, '0.4')}`,
|
|
71
|
+
}, children: _jsxs(Flex, { direction: "column", alignItems: "start", css: { paddingRight: rem(8) }, children: [item.titlePrefix && (_jsx(Text, { as: "span", css: {
|
|
72
|
+
paddingRight: rem(6),
|
|
73
|
+
fontSize: rem(14),
|
|
74
|
+
opacity: '0.5',
|
|
75
|
+
textTransform: 'uppercase',
|
|
76
|
+
}, children: item.titlePrefix })), _jsx(Flex, { as: "span", css: {
|
|
77
|
+
fontSize: rem(14),
|
|
78
|
+
fontWeight: menuItemTitleFontWeight,
|
|
79
|
+
}, children: item.title }), _jsx(Flex, { as: "span", css: { fontSize: rem(14) }, children: item.description })] }) }) }, item.title));
|
|
80
|
+
})) }) }) })] }));
|
|
17
81
|
};
|
|
18
82
|
//# sourceMappingURL=SupportMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SupportMenu.js","sourceRoot":"","sources":["../../../../../src/alicia/common/SupportMenu/SupportMenu.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"SupportMenu.js","sourceRoot":"","sources":["../../../../../src/alicia/common/SupportMenu/SupportMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,6 +14,9 @@ export const Primary = {
|
|
|
14
14
|
titleColor: "#006A70",
|
|
15
15
|
menuBackgroundColor: "#fffff",
|
|
16
16
|
itemColor: "#ffff",
|
|
17
|
+
itemTextColor: "#ffff",
|
|
18
|
+
itemHoverColor: "#ffff",
|
|
19
|
+
itemHoverTextColor: "#ffff",
|
|
17
20
|
menuItemTitleFontWeight: "bold",
|
|
18
21
|
enableVisualEffects: true,
|
|
19
22
|
menuOptions: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SupportMenu.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/SupportMenu/SupportMenu.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,IAAI,GAA6B;IACrC,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,WAAW;CACvB,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACf,OAAO,CACL,KAAC,WAAW,oBACN,IAAI,IACR,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,IACzB,CACH,CAAC;IACJ,CAAC;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,SAAS;QACrB,mBAAmB,EAAE,QAAQ;QAC7B,SAAS,EAAE,OAAO;QAClB,uBAAuB,EAAE,MAAM;QAC/B,mBAAmB,EAAE,IAAI;QACzB,WAAW,EAAE,CAAC;gBACZ,KAAK,EAAE,iBAAiB;gBACxB,EAAE,EAAE,kBAAkB;gBACtB,WAAW,EAAE,mCAAmC;gBAChD,WAAW,EAAE,MAAM;aACpB;YACD;gBACE,KAAK,EAAE,oBAAoB;gBAC3B,EAAE,EAAE,oBAAoB;gBACxB,WAAW,EAAE,0CAA0C;gBACvD,WAAW,EAAE,MAAM;aACpB;YACD;gBACE,WAAW,EAAE,MAAM;gBACnB,KAAK,EAAE,kBAAkB;gBACzB,EAAE,EAAE,iBAAiB;gBACrB,WAAW,EAAE,wCAAwC;aACtD;SACA;KACF;CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"SupportMenu.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/SupportMenu/SupportMenu.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,IAAI,GAA6B;IACrC,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,WAAW;CACvB,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACf,OAAO,CACL,KAAC,WAAW,oBACN,IAAI,IACR,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,IACzB,CACH,CAAC;IACJ,CAAC;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,SAAS;QACrB,mBAAmB,EAAE,QAAQ;QAC7B,SAAS,EAAE,OAAO;QAClB,aAAa,EAAE,OAAO;QACtB,cAAc,EAAE,OAAO;QACvB,kBAAkB,EAAE,OAAO;QAC3B,uBAAuB,EAAE,MAAM;QAC/B,mBAAmB,EAAE,IAAI;QACzB,WAAW,EAAE,CAAC;gBACZ,KAAK,EAAE,iBAAiB;gBACxB,EAAE,EAAE,kBAAkB;gBACtB,WAAW,EAAE,mCAAmC;gBAChD,WAAW,EAAE,MAAM;aACpB;YACD;gBACE,KAAK,EAAE,oBAAoB;gBAC3B,EAAE,EAAE,oBAAoB;gBACxB,WAAW,EAAE,0CAA0C;gBACvD,WAAW,EAAE,MAAM;aACpB;YACD;gBACE,WAAW,EAAE,MAAM;gBACnB,KAAK,EAAE,kBAAkB;gBACzB,EAAE,EAAE,iBAAiB;gBACrB,WAAW,EAAE,wCAAwC;aACtD;SACA;KACF;CACF,CAAC"}
|
|
@@ -1,9 +1,15 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { useState } from 'react';
|
|
3
|
+
import { Button, Text, MenuRoot, MenuTrigger, MenuContent, MenuItem, MenuPositioner, Box, Flex, } from '@chakra-ui/react';
|
|
3
4
|
import { ChevronDownIcon, UserIcon } from '../icons';
|
|
4
5
|
import { rem } from 'polished';
|
|
6
|
+
const Trigger = MenuTrigger;
|
|
7
|
+
const Positioner = MenuPositioner;
|
|
8
|
+
const Content = MenuContent;
|
|
9
|
+
const Item = MenuItem;
|
|
5
10
|
export const UserMenu = ({ id, menuOptions, selectedOption, title, onChange, menuBackgroundColor = '#fffff', itemColor = 'black', itemHoverColor = 'black', itemTextColor = 'text', itemHoverTextColor = 'text', titleColor = 'text', menuItemTitleFontWeight, }) => {
|
|
6
|
-
|
|
11
|
+
const [open, setOpen] = useState(false);
|
|
12
|
+
return (_jsxs(MenuRoot, { id: id, open: open, onOpenChange: (e) => setOpen(e.open), children: [_jsx(Trigger, { asChild: true, children: _jsx(Button, { "aria-label": `${title !== null && title !== void 0 ? title : 'User'} menu`, css: {
|
|
7
13
|
paddingLeft: 0,
|
|
8
14
|
paddingRight: 0,
|
|
9
15
|
border: 'none',
|
|
@@ -12,12 +18,12 @@ export const UserMenu = ({ id, menuOptions, selectedOption, title, onChange, men
|
|
|
12
18
|
stroke: titleColor,
|
|
13
19
|
} }), _jsx(Text, { fontWeight: "400", color: titleColor, fontSize: 14, marginLeft: "8px", marginRight: "7px", children: title }), _jsx(ChevronDownIcon, { css: {
|
|
14
20
|
stroke: titleColor,
|
|
15
|
-
rotate: '180deg',
|
|
16
|
-
} })] }) }) }), _jsx(
|
|
21
|
+
rotate: open ? '0deg' : '180deg',
|
|
22
|
+
} })] }) }) }), _jsx(Positioner, { children: _jsx(Content, { border: "none", bg: menuBackgroundColor, "aria-label": `${title !== null && title !== void 0 ? title : 'User'} options`, css: {
|
|
17
23
|
padding: '4px',
|
|
18
24
|
minW: '150px',
|
|
19
25
|
zIndex: 10,
|
|
20
|
-
}, children: menuOptions === null || menuOptions === void 0 ? void 0 : menuOptions.map((option) => (option !== undefined && _jsx(
|
|
26
|
+
}, children: menuOptions === null || menuOptions === void 0 ? void 0 : menuOptions.map((option) => (option !== undefined && _jsx(Item, { value: option.value, css: {
|
|
21
27
|
bg: option.value === selectedOption ? itemHoverColor : itemColor,
|
|
22
28
|
color: option.value === selectedOption ? itemHoverTextColor : itemTextColor,
|
|
23
29
|
border: 'none',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserMenu.js","sourceRoot":"","sources":["../../../../../src/alicia/common/UserMenu/UserMenu.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"UserMenu.js","sourceRoot":"","sources":["../../../../../src/alicia/common/UserMenu/UserMenu.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { MenuOption } from '../Menu';
|
|
3
|
-
export declare const SupportMenuModal: FC<SupportMenuModalProps>;
|
|
4
|
-
interface SupportMenuModalProps {
|
|
5
|
-
open: boolean;
|
|
6
|
-
onClose: () => void;
|
|
7
|
-
menuOptions?: MenuOption[];
|
|
8
|
-
menuBackgroundColor: string;
|
|
9
|
-
itemHoverColor?: string;
|
|
10
|
-
itemColor: string;
|
|
11
|
-
itemHoverTextColor?: string;
|
|
12
|
-
itemTextColor: string;
|
|
13
|
-
menuItemTitleFontWeight: number | string;
|
|
14
|
-
onChange: (id: string) => void;
|
|
15
|
-
enableVisualEffects?: boolean;
|
|
16
|
-
}
|
|
17
|
-
export {};
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.SupportMenuModal = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const react_1 = require("@chakra-ui/react");
|
|
6
|
-
const polished_1 = require("polished");
|
|
7
|
-
const style_1 = require("../../../services/style");
|
|
8
|
-
const SupportMenuModal = ({ open, onClose, menuBackgroundColor, menuOptions, itemColor, itemHoverColor, itemTextColor, itemHoverTextColor, menuItemTitleFontWeight, onChange, enableVisualEffects = true, }) => {
|
|
9
|
-
return ((0, jsx_runtime_1.jsx)(react_1.Dialog.Root, { open: open, onOpenChange: (e) => !e.open && onClose(), children: (0, jsx_runtime_1.jsx)(react_1.Dialog.Positioner, { children: (0, jsx_runtime_1.jsx)(react_1.Dialog.Content, { css: {
|
|
10
|
-
borderRadius: 0,
|
|
11
|
-
borderBottomLeftRadius: (0, polished_1.rem)(5),
|
|
12
|
-
width: (0, polished_1.rem)(380),
|
|
13
|
-
'@media (max-width: 992px)': {
|
|
14
|
-
width: '100%',
|
|
15
|
-
},
|
|
16
|
-
backgroundColor: menuBackgroundColor,
|
|
17
|
-
marginTop: "0",
|
|
18
|
-
marginLeft: "auto",
|
|
19
|
-
justifyContent: "flex-end"
|
|
20
|
-
}, children: (0, jsx_runtime_1.jsx)(react_1.Dialog.Body, { css: { paddingLeft: 0, paddingRight: 0 }, children: (0, jsx_runtime_1.jsx)(react_1.Flex, { flexDirection: "column", css: {
|
|
21
|
-
marginTop: (0, polished_1.rem)(20),
|
|
22
|
-
marginBottom: (0, polished_1.rem)(20),
|
|
23
|
-
paddingLeft: (0, polished_1.rem)(20),
|
|
24
|
-
paddingRight: (0, polished_1.rem)(20),
|
|
25
|
-
'@media (max-width: 992px)': {
|
|
26
|
-
paddingLeft: (0, polished_1.rem)(20),
|
|
27
|
-
paddingRight: (0, polished_1.rem)(20),
|
|
28
|
-
},
|
|
29
|
-
}, children: Boolean(menuOptions === null || menuOptions === void 0 ? void 0 : menuOptions.length) &&
|
|
30
|
-
(menuOptions === null || menuOptions === void 0 ? void 0 : menuOptions.map((item, index) => {
|
|
31
|
-
var _a, _b;
|
|
32
|
-
return ((0, jsx_runtime_1.jsx)(react_1.Flex, { "data-testid": `support-menu-${(_b = (_a = item === null || item === void 0 ? void 0 : item.title) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== null && _b !== void 0 ? _b : 'item'}`, cursor: "pointer", onClick: () => {
|
|
33
|
-
onChange(item.id);
|
|
34
|
-
onClose();
|
|
35
|
-
}, css: {
|
|
36
|
-
backgroundColor: itemColor,
|
|
37
|
-
color: itemTextColor,
|
|
38
|
-
paddingLeft: (0, polished_1.rem)(20),
|
|
39
|
-
paddingRight: (0, polished_1.rem)(20),
|
|
40
|
-
position: "relative",
|
|
41
|
-
transform: enableVisualEffects ? 'rotate(-0.94deg)' : 'rotate(0deg)',
|
|
42
|
-
_hover: {
|
|
43
|
-
backgroundColor: itemHoverColor,
|
|
44
|
-
color: itemHoverTextColor,
|
|
45
|
-
},
|
|
46
|
-
'@media (max-width: 992px)': {
|
|
47
|
-
paddingLeft: (0, polished_1.rem)(16),
|
|
48
|
-
paddingRight: (0, polished_1.rem)(16),
|
|
49
|
-
},
|
|
50
|
-
}, children: (0, jsx_runtime_1.jsx)(react_1.Flex, { alignItems: "center", css: {
|
|
51
|
-
width: "100%",
|
|
52
|
-
paddingTop: (0, polished_1.rem)(16),
|
|
53
|
-
paddingBottom: (0, polished_1.rem)(16),
|
|
54
|
-
transform: enableVisualEffects ? 'rotate(0.94deg)' : 'rotate(0deg)',
|
|
55
|
-
borderBottom: `${(0, polished_1.rem)(1)} solid ${menuOptions.length - 1 === index
|
|
56
|
-
? 'transparent'
|
|
57
|
-
: (0, style_1.hexToRgba)(itemColor, '0.4')}`
|
|
58
|
-
}, children: (0, jsx_runtime_1.jsxs)(react_1.Flex, { direction: "column", alignItems: "start", css: { paddingRight: (0, polished_1.rem)(8) }, children: [item.titlePrefix && ((0, jsx_runtime_1.jsx)(react_1.Text, { as: "span", css: {
|
|
59
|
-
paddingRight: (0, polished_1.rem)(6),
|
|
60
|
-
fontSize: (0, polished_1.rem)(14),
|
|
61
|
-
opacity: "0.5",
|
|
62
|
-
textTransform: "uppercase"
|
|
63
|
-
}, children: item.titlePrefix })), (0, jsx_runtime_1.jsx)(react_1.Flex, { as: "span", css: {
|
|
64
|
-
fontSize: (0, polished_1.rem)(14),
|
|
65
|
-
fontWeight: menuItemTitleFontWeight
|
|
66
|
-
}, children: item.title }), (0, jsx_runtime_1.jsx)(react_1.Flex, { as: "span", css: { fontSize: (0, polished_1.rem)(14) }, children: item.description })] }) }) }, item.title));
|
|
67
|
-
})) }) }) }) }) }));
|
|
68
|
-
};
|
|
69
|
-
exports.SupportMenuModal = SupportMenuModal;
|
|
70
|
-
//# sourceMappingURL=SupportMenuModal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SupportMenuModal.js","sourceRoot":"","sources":["../../../../../src/alicia/common/SupportMenu/SupportMenuModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { MenuOption } from '../Menu';
|
|
3
|
-
export declare const SupportMenuModal: FC<SupportMenuModalProps>;
|
|
4
|
-
interface SupportMenuModalProps {
|
|
5
|
-
open: boolean;
|
|
6
|
-
onClose: () => void;
|
|
7
|
-
menuOptions?: MenuOption[];
|
|
8
|
-
menuBackgroundColor: string;
|
|
9
|
-
itemHoverColor?: string;
|
|
10
|
-
itemColor: string;
|
|
11
|
-
itemHoverTextColor?: string;
|
|
12
|
-
itemTextColor: string;
|
|
13
|
-
menuItemTitleFontWeight: number | string;
|
|
14
|
-
onChange: (id: string) => void;
|
|
15
|
-
enableVisualEffects?: boolean;
|
|
16
|
-
}
|
|
17
|
-
export {};
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Flex, Dialog, Text } from '@chakra-ui/react';
|
|
3
|
-
import { rem } from 'polished';
|
|
4
|
-
import { hexToRgba } from '../../../services/style';
|
|
5
|
-
export const SupportMenuModal = ({ open, onClose, menuBackgroundColor, menuOptions, itemColor, itemHoverColor, itemTextColor, itemHoverTextColor, menuItemTitleFontWeight, onChange, enableVisualEffects = true, }) => {
|
|
6
|
-
return (_jsx(Dialog.Root, { open: open, onOpenChange: (e) => !e.open && onClose(), children: _jsx(Dialog.Positioner, { children: _jsx(Dialog.Content, { css: {
|
|
7
|
-
borderRadius: 0,
|
|
8
|
-
borderBottomLeftRadius: rem(5),
|
|
9
|
-
width: rem(380),
|
|
10
|
-
'@media (max-width: 992px)': {
|
|
11
|
-
width: '100%',
|
|
12
|
-
},
|
|
13
|
-
backgroundColor: menuBackgroundColor,
|
|
14
|
-
marginTop: "0",
|
|
15
|
-
marginLeft: "auto",
|
|
16
|
-
justifyContent: "flex-end"
|
|
17
|
-
}, children: _jsx(Dialog.Body, { css: { paddingLeft: 0, paddingRight: 0 }, children: _jsx(Flex, { flexDirection: "column", css: {
|
|
18
|
-
marginTop: rem(20),
|
|
19
|
-
marginBottom: rem(20),
|
|
20
|
-
paddingLeft: rem(20),
|
|
21
|
-
paddingRight: rem(20),
|
|
22
|
-
'@media (max-width: 992px)': {
|
|
23
|
-
paddingLeft: rem(20),
|
|
24
|
-
paddingRight: rem(20),
|
|
25
|
-
},
|
|
26
|
-
}, children: Boolean(menuOptions === null || menuOptions === void 0 ? void 0 : menuOptions.length) &&
|
|
27
|
-
(menuOptions === null || menuOptions === void 0 ? void 0 : menuOptions.map((item, index) => {
|
|
28
|
-
var _a, _b;
|
|
29
|
-
return (_jsx(Flex, { "data-testid": `support-menu-${(_b = (_a = item === null || item === void 0 ? void 0 : item.title) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== null && _b !== void 0 ? _b : 'item'}`, cursor: "pointer", onClick: () => {
|
|
30
|
-
onChange(item.id);
|
|
31
|
-
onClose();
|
|
32
|
-
}, css: {
|
|
33
|
-
backgroundColor: itemColor,
|
|
34
|
-
color: itemTextColor,
|
|
35
|
-
paddingLeft: rem(20),
|
|
36
|
-
paddingRight: rem(20),
|
|
37
|
-
position: "relative",
|
|
38
|
-
transform: enableVisualEffects ? 'rotate(-0.94deg)' : 'rotate(0deg)',
|
|
39
|
-
_hover: {
|
|
40
|
-
backgroundColor: itemHoverColor,
|
|
41
|
-
color: itemHoverTextColor,
|
|
42
|
-
},
|
|
43
|
-
'@media (max-width: 992px)': {
|
|
44
|
-
paddingLeft: rem(16),
|
|
45
|
-
paddingRight: rem(16),
|
|
46
|
-
},
|
|
47
|
-
}, children: _jsx(Flex, { alignItems: "center", css: {
|
|
48
|
-
width: "100%",
|
|
49
|
-
paddingTop: rem(16),
|
|
50
|
-
paddingBottom: rem(16),
|
|
51
|
-
transform: enableVisualEffects ? 'rotate(0.94deg)' : 'rotate(0deg)',
|
|
52
|
-
borderBottom: `${rem(1)} solid ${menuOptions.length - 1 === index
|
|
53
|
-
? 'transparent'
|
|
54
|
-
: hexToRgba(itemColor, '0.4')}`
|
|
55
|
-
}, children: _jsxs(Flex, { direction: "column", alignItems: "start", css: { paddingRight: rem(8) }, children: [item.titlePrefix && (_jsx(Text, { as: "span", css: {
|
|
56
|
-
paddingRight: rem(6),
|
|
57
|
-
fontSize: rem(14),
|
|
58
|
-
opacity: "0.5",
|
|
59
|
-
textTransform: "uppercase"
|
|
60
|
-
}, children: item.titlePrefix })), _jsx(Flex, { as: "span", css: {
|
|
61
|
-
fontSize: rem(14),
|
|
62
|
-
fontWeight: menuItemTitleFontWeight
|
|
63
|
-
}, children: item.title }), _jsx(Flex, { as: "span", css: { fontSize: rem(14) }, children: item.description })] }) }) }, item.title));
|
|
64
|
-
})) }) }) }) }) }));
|
|
65
|
-
};
|
|
66
|
-
//# sourceMappingURL=SupportMenuModal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SupportMenuModal.js","sourceRoot":"","sources":["../../../../../src/alicia/common/SupportMenu/SupportMenuModal.tsx"],"names":[],"mappings":"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"}
|