takeat-design-system-ui-kit 0.1.89 → 0.1.91
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/components/FormItens/Input/Input.stories.js +5 -1
- package/dist/cjs/components/FormItens/Input/Input.stories.js.map +1 -1
- package/dist/cjs/components/FormItens/Input/index.js +8 -8
- package/dist/cjs/components/FormItens/Input/index.js.map +1 -1
- package/dist/cjs/components/FormItens/Input/styles.js +1 -1
- package/dist/cjs/components/FormItens/Input/styles.js.map +1 -1
- package/dist/cjs/components/Menu/MenuItem/index.d.ts +6 -0
- package/dist/cjs/components/Menu/MenuItem/index.js +11 -0
- package/dist/cjs/components/Menu/MenuItem/index.js.map +1 -0
- package/dist/cjs/components/Menu/MenuItem/styles.d.ts +1 -0
- package/dist/cjs/components/Menu/MenuItem/styles.js +32 -0
- package/dist/cjs/components/Menu/MenuItem/styles.js.map +1 -0
- package/dist/cjs/components/Menu/MenuModal/index.d.ts +1 -0
- package/dist/cjs/components/Menu/MenuModal/index.js +46 -32
- package/dist/cjs/components/Menu/MenuModal/index.js.map +1 -1
- package/dist/cjs/components/Menu/MenuSubSubitem/index.js +2 -1
- package/dist/cjs/components/Menu/MenuSubSubitem/index.js.map +1 -1
- package/dist/cjs/components/Menu/MenuSubSubitem/styles.js +7 -1
- package/dist/cjs/components/Menu/MenuSubSubitem/styles.js.map +1 -1
- package/dist/cjs/components/Menu/MenuSubitem/index.d.ts +2 -4
- package/dist/cjs/components/Menu/MenuSubitem/index.js +6 -13
- package/dist/cjs/components/Menu/MenuSubitem/index.js.map +1 -1
- package/dist/cjs/components/Menu/MenuSubitem/styles.d.ts +6 -2
- package/dist/cjs/components/Menu/MenuSubitem/styles.js +15 -7
- package/dist/cjs/components/Menu/MenuSubitem/styles.js.map +1 -1
- package/dist/cjs/components/Menu/index.d.ts +3 -0
- package/dist/cjs/components/Menu/index.js.map +1 -1
- package/dist/cjs/components/Menu/styles.d.ts +5 -0
- package/dist/cjs/components/Menu/styles.js +37 -8
- package/dist/cjs/components/Menu/styles.js.map +1 -1
- package/dist/cjs/components/Tooltip/index.js +1 -9
- package/dist/cjs/components/Tooltip/index.js.map +1 -1
- package/dist/esm/components/FormItens/Input/Input.stories.js +5 -1
- package/dist/esm/components/FormItens/Input/Input.stories.js.map +1 -1
- package/dist/esm/components/FormItens/Input/index.js +8 -8
- package/dist/esm/components/FormItens/Input/index.js.map +1 -1
- package/dist/esm/components/FormItens/Input/styles.js +1 -1
- package/dist/esm/components/FormItens/Input/styles.js.map +1 -1
- package/dist/esm/components/Menu/MenuItem/index.d.ts +6 -0
- package/dist/esm/components/Menu/MenuItem/index.js +7 -0
- package/dist/esm/components/Menu/MenuItem/index.js.map +1 -0
- package/dist/esm/components/Menu/MenuItem/styles.d.ts +1 -0
- package/dist/esm/components/Menu/MenuItem/styles.js +29 -0
- package/dist/esm/components/Menu/MenuItem/styles.js.map +1 -0
- package/dist/esm/components/Menu/MenuModal/index.d.ts +1 -0
- package/dist/esm/components/Menu/MenuModal/index.js +46 -33
- package/dist/esm/components/Menu/MenuModal/index.js.map +1 -1
- package/dist/esm/components/Menu/MenuSubSubitem/index.js +3 -2
- package/dist/esm/components/Menu/MenuSubSubitem/index.js.map +1 -1
- package/dist/esm/components/Menu/MenuSubSubitem/styles.js +7 -1
- package/dist/esm/components/Menu/MenuSubSubitem/styles.js.map +1 -1
- package/dist/esm/components/Menu/MenuSubitem/index.d.ts +2 -4
- package/dist/esm/components/Menu/MenuSubitem/index.js +6 -13
- package/dist/esm/components/Menu/MenuSubitem/index.js.map +1 -1
- package/dist/esm/components/Menu/MenuSubitem/styles.d.ts +6 -2
- package/dist/esm/components/Menu/MenuSubitem/styles.js +15 -7
- package/dist/esm/components/Menu/MenuSubitem/styles.js.map +1 -1
- package/dist/esm/components/Menu/index.d.ts +3 -0
- package/dist/esm/components/Menu/index.js.map +1 -1
- package/dist/esm/components/Menu/styles.d.ts +5 -0
- package/dist/esm/components/Menu/styles.js +36 -7
- package/dist/esm/components/Menu/styles.js.map +1 -1
- package/dist/esm/components/Tooltip/index.js +1 -9
- package/dist/esm/components/Tooltip/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -11,6 +11,9 @@ var Button_1 = require("../../Button");
|
|
|
11
11
|
var Select_1 = require("../Select");
|
|
12
12
|
var styles_1 = require("../../StoriesComponents/styles");
|
|
13
13
|
var react_1 = require("react");
|
|
14
|
+
var icons_1 = require("../../icons");
|
|
15
|
+
var consts_1 = require("../../../utils/consts");
|
|
16
|
+
var Tooltip_1 = require("../../Tooltip");
|
|
14
17
|
var meta = {
|
|
15
18
|
component: _1.Input,
|
|
16
19
|
title: "Design System/Input",
|
|
@@ -116,8 +119,9 @@ exports.default = meta;
|
|
|
116
119
|
exports.Default = {
|
|
117
120
|
name: "Exemplo",
|
|
118
121
|
args: {
|
|
122
|
+
label: ((0, jsx_runtime_1.jsxs)("span", { style: { display: "flex", alignItems: "center", gap: 8 }, children: ["T\u00EDtulo*", " ", (0, jsx_runtime_1.jsx)(icons_1.IconInfoFilled, { id: "title-info", fill: consts_1.DEFAULT_THEME.colors.neutral.dark }), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { dark: true, anchorSelect: "#title-info", style: { maxWidth: 400 }, isOpen: true, children: "Escolha um nome para que voc\u00EA possa diferenciar essa campanha das demais criadas. Relaxe, apenas voc\u00EA ver\u00E1 esse t\u00EDtulo." })] })),
|
|
119
123
|
placeholder: "Placeholder",
|
|
120
|
-
style: { width: "
|
|
124
|
+
style: { width: "50%" },
|
|
121
125
|
},
|
|
122
126
|
};
|
|
123
127
|
exports.FormExample = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Input/Input.stories.tsx"],"names":[],"mappings":";;;;;AAAA,mDAA0C;AAC1C,sBAA0B;AAC1B,oCAAmC;AACnC,kCAAiC;AACjC,uCAAsC;AAEtC,oCAAmC;AACnC,yDAA0D;AAC1D,+BAAyC;
|
|
1
|
+
{"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Input/Input.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -80,8 +80,8 @@ exports.Input = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
80
80
|
var NormalInput = (0, react_1.forwardRef)(function (_a, ref) {
|
|
81
81
|
var isLoading = _a.isLoading, register = _a.register, props = tslib_1.__rest(_a, ["isLoading", "register"]);
|
|
82
82
|
var theme = (0, styled_components_1.useTheme)();
|
|
83
|
-
return ((0, jsx_runtime_1.jsx)("input", tslib_1.__assign({}, props, { style: tslib_1.__assign(tslib_1.__assign({}, DEVICE_VARIANTS[theme.device]
|
|
84
|
-
.input), props.style), disabled: isLoading || props.disabled }, register, { ref: function (e) {
|
|
83
|
+
return ((0, jsx_runtime_1.jsx)("input", tslib_1.__assign({}, props, { style: tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, DEVICE_VARIANTS[theme.device]
|
|
84
|
+
.input), props.style), { width: "100%" }), disabled: isLoading || props.disabled }, register, { ref: function (e) {
|
|
85
85
|
if (register) {
|
|
86
86
|
register.ref(e);
|
|
87
87
|
}
|
|
@@ -99,15 +99,15 @@ var CurrencyInput = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
99
99
|
var field = _a.field;
|
|
100
100
|
return ((0, jsx_runtime_1.jsx)(react_number_format_1.NumberFormatBase, tslib_1.__assign({ format: function (e) {
|
|
101
101
|
return (0, functions_1.currencyFormatter)(parseFloat(e), hasPrefix, minimumFractionDigits);
|
|
102
|
-
}, value: Number(value) * multiplicator }, props, { style: tslib_1.__assign(tslib_1.__assign({}, DEVICE_VARIANTS[theme.device]
|
|
103
|
-
.input), props.style), onValueChange: function (e) {
|
|
102
|
+
}, value: Number(value) * multiplicator }, props, { style: tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, DEVICE_VARIANTS[theme.device]
|
|
103
|
+
.input), props.style), { width: "100%" }), onValueChange: function (e) {
|
|
104
104
|
var _a;
|
|
105
105
|
(_a = field.onChange) === null || _a === void 0 ? void 0 : _a.call(field, e.floatValue ? e.floatValue / multiplicator : undefined);
|
|
106
106
|
}, defaultValue: props.defaultValue, disabled: isLoading || props.disabled, type: "text", getInputRef: ref })));
|
|
107
107
|
} })) : ((0, jsx_runtime_1.jsx)(react_number_format_1.NumberFormatBase, tslib_1.__assign({ format: function (e) {
|
|
108
108
|
return (0, functions_1.currencyFormatter)(parseFloat(e), hasPrefix, minimumFractionDigits);
|
|
109
|
-
} }, props, { style: tslib_1.__assign(tslib_1.__assign({}, DEVICE_VARIANTS[theme.device]
|
|
110
|
-
.input), props.style), value: Number(value) * multiplicator, defaultValue: props.defaultValue, disabled: isLoading || props.disabled, onChange: undefined, onValueChange: function (e) {
|
|
109
|
+
} }, props, { style: tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, DEVICE_VARIANTS[theme.device]
|
|
110
|
+
.input), props.style), { width: "100%" }), value: Number(value) * multiplicator, defaultValue: props.defaultValue, disabled: isLoading || props.disabled, onChange: undefined, onValueChange: function (e) {
|
|
111
111
|
var _a;
|
|
112
112
|
return (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, {
|
|
113
113
|
target: {
|
|
@@ -120,8 +120,8 @@ var CurrencyInput = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
120
120
|
var MaskInput = (0, react_1.forwardRef)(function (_a, ref) {
|
|
121
121
|
var mask = _a.mask, maskChar = _a.maskChar, register = _a.register, isLoading = _a.isLoading, props = tslib_1.__rest(_a, ["mask", "maskChar", "register", "isLoading"]);
|
|
122
122
|
var theme = (0, styled_components_1.useTheme)();
|
|
123
|
-
return ((0, jsx_runtime_1.jsx)(react_input_mask_1.default, tslib_1.__assign({ mask: mask, maskChar: maskChar }, props, { style: tslib_1.__assign(tslib_1.__assign({}, DEVICE_VARIANTS[theme.device]
|
|
124
|
-
.input), props.style), disabled: isLoading || props.disabled }, register, { ref: function (e) {
|
|
123
|
+
return ((0, jsx_runtime_1.jsx)(react_input_mask_1.default, tslib_1.__assign({ mask: mask, maskChar: maskChar }, props, { style: tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, DEVICE_VARIANTS[theme.device]
|
|
124
|
+
.input), props.style), { width: "100%" }), disabled: isLoading || props.disabled }, register, { ref: function (e) {
|
|
125
125
|
if (register) {
|
|
126
126
|
register.ref(e);
|
|
127
127
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Input/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Input/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.AdditionalInfo = exports.InputContainer = exports.InputWrapper = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
6
|
-
exports.InputWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: ", ";\n
|
|
6
|
+
exports.InputWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: ", ";\n\n color: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n\n label {\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px; /* 150% */\n letter-spacing: 0.15px;\n color: ", ";\n }\n\n &:has(input:disabled) {\n label {\n color: ", ";\n }\n\n .additional-info {\n color: ", ";\n }\n }\n"], ["\n display: flex;\n flex-direction: column;\n gap: ", ";\n\n color: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n\n label {\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px; /* 150% */\n letter-spacing: 0.15px;\n color: ", ";\n }\n\n &:has(input:disabled) {\n label {\n color: ", ";\n }\n\n .additional-info {\n color: ", ";\n }\n }\n"])), function (_a) {
|
|
7
7
|
var theme = _a.theme;
|
|
8
8
|
return theme.spacing.xxs;
|
|
9
9
|
}, function (_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Input/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAM1B,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Input/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.MenuItem = void 0;
|
|
4
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
var styles_1 = require("./styles");
|
|
6
|
+
var MenuItem = function (_a) {
|
|
7
|
+
var item = _a.item;
|
|
8
|
+
return (0, jsx_runtime_1.jsx)(styles_1.ContainerMenuItem, { children: item.text });
|
|
9
|
+
};
|
|
10
|
+
exports.MenuItem = MenuItem;
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuItem/index.tsx"],"names":[],"mappings":";;;;AAAA,mCAA6C;AAOtC,IAAM,QAAQ,GAAG,UAAC,EAAgC;QAA9B,IAAI,UAAA;IAC7B,OAAO,uBAAC,0BAAiB,cAAE,IAAI,CAAC,IAAI,GAAqB,CAAC;AAC5D,CAAC,CAAC;AAFW,QAAA,QAAQ,YAEnB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const ContainerMenuItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ContainerMenuItem = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
6
|
+
exports.ContainerMenuItem = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n position: relative;\n display: flex;\n height: 32px;\n width: 210px;\n padding: ", ";\n align-items: center;\n gap: 10px;\n flex: 1 0 0;\n border-radius: ", ";\n background: #fff;\n text-decoration: none;\n transform: all 0.3s;\n white-space: nowrap;\n\n color: ", ";\n font-family: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n\n &:hover {\n background: ", ";\n color: ", ";\n }\n\n &:not(:last-child) {\n &::after {\n position: absolute;\n content: \"\";\n display: block;\n width: 2px;\n height: calc(50%);\n background: ", ";\n left: 9px;\n top: 50%;\n z-index: 9;\n }\n }\n\n &:not(:first-child) {\n &::before {\n position: absolute;\n content: \"\";\n display: block;\n width: 2px;\n height: calc(50%);\n background: ", ";\n left: 9px;\n top: 0px;\n z-index: 9;\n }\n }\n"], ["\n position: relative;\n display: flex;\n height: 32px;\n width: 210px;\n padding: ", ";\n align-items: center;\n gap: 10px;\n flex: 1 0 0;\n border-radius: ", ";\n background: #fff;\n text-decoration: none;\n transform: all 0.3s;\n white-space: nowrap;\n\n color: ", ";\n font-family: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n\n &:hover {\n background: ", ";\n color: ", ";\n }\n\n &:not(:last-child) {\n &::after {\n position: absolute;\n content: \"\";\n display: block;\n width: 2px;\n height: calc(50%);\n background: ", ";\n left: 9px;\n top: 50%;\n z-index: 9;\n }\n }\n\n &:not(:first-child) {\n &::before {\n position: absolute;\n content: \"\";\n display: block;\n width: 2px;\n height: calc(50%);\n background: ", ";\n left: 9px;\n top: 0px;\n z-index: 9;\n }\n }\n"])), function (_a) {
|
|
7
|
+
var theme = _a.theme;
|
|
8
|
+
return theme.spacing.xs;
|
|
9
|
+
}, function (_a) {
|
|
10
|
+
var theme = _a.theme;
|
|
11
|
+
return theme.radius.s;
|
|
12
|
+
}, function (_a) {
|
|
13
|
+
var theme = _a.theme;
|
|
14
|
+
return theme.colors.neutral.dark;
|
|
15
|
+
}, function (_a) {
|
|
16
|
+
var theme = _a.theme;
|
|
17
|
+
return theme.typography.family.default;
|
|
18
|
+
}, function (_a) {
|
|
19
|
+
var theme = _a.theme;
|
|
20
|
+
return theme.colors.neutral.lightest;
|
|
21
|
+
}, function (_a) {
|
|
22
|
+
var theme = _a.theme;
|
|
23
|
+
return theme.colors.neutral.darker;
|
|
24
|
+
}, function (_a) {
|
|
25
|
+
var theme = _a.theme;
|
|
26
|
+
return theme.colors.primary.default;
|
|
27
|
+
}, function (_a) {
|
|
28
|
+
var theme = _a.theme;
|
|
29
|
+
return theme.colors.primary.default;
|
|
30
|
+
});
|
|
31
|
+
var templateObject_1;
|
|
32
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuItem/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAE1B,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,mjCAAA,0FAK9B,EAA+B,4EAIzB,EAA6B,+GAMrC,EAAwC,oBAClC,EAA8C,mKAQ7C,EAA4C,gBACjD,EAA0C,2LAUnC,EAA2C,0PAc3C,EAA2C,uEAM9D,KAlDY,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EAIzB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC;AAAd,CAAc,EAMrC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAClC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAQ7C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EACjD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAUnC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAc3C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAM7D"}
|
|
@@ -5,5 +5,6 @@ interface MenuModalProps {
|
|
|
5
5
|
setModalItem: Dispatch<SetStateAction<MenuItemProps | null>>;
|
|
6
6
|
menuItems: MenuItemProps[];
|
|
7
7
|
}
|
|
8
|
+
export declare const formatSearchItems: (menuItems: MenuItemProps[], parentPath?: string, parentTexts?: string[]) => MenuItemProps[];
|
|
8
9
|
export declare const MenuModal: ({ item, setModalItem, menuItems, }: MenuModalProps) => import("react").ReactPortal;
|
|
9
10
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.MenuModal = void 0;
|
|
3
|
+
exports.MenuModal = exports.formatSearchItems = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
var styles_1 = require("../styles");
|
|
@@ -9,29 +9,45 @@ var react_1 = require("react");
|
|
|
9
9
|
var react_dom_1 = require("react-dom");
|
|
10
10
|
var Input_1 = require("../../FormItens/Input");
|
|
11
11
|
var MenuSubSubitem_1 = require("../MenuSubSubitem");
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
12
|
+
var icons_1 = require("../../icons");
|
|
13
|
+
var formatSearchItems = function (menuItems, parentPath, parentTexts) {
|
|
14
|
+
if (parentPath === void 0) { parentPath = ""; }
|
|
15
|
+
if (parentTexts === void 0) { parentTexts = []; }
|
|
16
|
+
return menuItems
|
|
17
|
+
.filter(function (item) {
|
|
18
|
+
return !item.filler && item.condition !== false && !item.id.includes("search");
|
|
19
|
+
})
|
|
20
|
+
.flatMap(function (item) {
|
|
21
|
+
var currentPath = parentPath + (item.path || "");
|
|
22
|
+
var currentTexts = tslib_1.__spreadArray(tslib_1.__spreadArray([], parentTexts, true), [item.text], false);
|
|
17
23
|
if (item.subitems && item.subitems.length > 0) {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
var reducedSubsubitems = subitem.subitems.reduce(function (acc, subsubitem) {
|
|
21
|
-
return tslib_1.__spreadArray(tslib_1.__spreadArray([], acc, true), [
|
|
22
|
-
tslib_1.__assign(tslib_1.__assign({}, subsubitem), { path: (item.path || "") + subitem.path + subsubitem.path, text: [item.text, subitem.text, subsubitem.text].join("/") }),
|
|
23
|
-
], false);
|
|
24
|
-
}, []);
|
|
25
|
-
return tslib_1.__spreadArray(tslib_1.__spreadArray([], acc, true), reducedSubsubitems, true);
|
|
26
|
-
}
|
|
27
|
-
return tslib_1.__spreadArray(tslib_1.__spreadArray([], acc, true), [
|
|
28
|
-
tslib_1.__assign(tslib_1.__assign({}, subitem), { path: (item.path || "") + subitem.path, text: [item.text, subitem.text].join("/") }),
|
|
29
|
-
], false);
|
|
30
|
-
}, []);
|
|
31
|
-
return tslib_1.__spreadArray(tslib_1.__spreadArray([], acc, true), reducedSubitems, true);
|
|
24
|
+
// Chamada recursiva para os subitems
|
|
25
|
+
return (0, exports.formatSearchItems)(item.subitems, currentPath, currentTexts);
|
|
32
26
|
}
|
|
33
|
-
|
|
34
|
-
|
|
27
|
+
// Item válido sem subitems
|
|
28
|
+
return [
|
|
29
|
+
tslib_1.__assign(tslib_1.__assign({}, item), { path: currentPath, searchText: currentTexts.join("/") }),
|
|
30
|
+
];
|
|
31
|
+
});
|
|
32
|
+
};
|
|
33
|
+
exports.formatSearchItems = formatSearchItems;
|
|
34
|
+
var formatMenuItems = function (item) {
|
|
35
|
+
var _a;
|
|
36
|
+
var flattenedSubitems = (_a = item.subitems) === null || _a === void 0 ? void 0 : _a.filter(function (subitem) { return !subitem.filler && subitem.condition !== false; }).flatMap(function (subitem) {
|
|
37
|
+
var parentPath = item.path || "";
|
|
38
|
+
var currentPath = parentPath + (subitem.path || "");
|
|
39
|
+
// Caso o subitem não tenha subitens, apenas atualize seu caminho.
|
|
40
|
+
if (!subitem.subitems) {
|
|
41
|
+
return tslib_1.__assign(tslib_1.__assign({}, subitem), { path: currentPath });
|
|
42
|
+
}
|
|
43
|
+
// Caso tenha subitens, atualize o caminho do subitem pai e dos subsubitens.
|
|
44
|
+
var filteredSubsubitems = subitem.subitems.filter(function (subsubitem) { return !subsubitem.filler && subsubitem.condition !== false; });
|
|
45
|
+
var formattedSubsubitems = filteredSubsubitems.map(function (subsubitem) {
|
|
46
|
+
return tslib_1.__assign(tslib_1.__assign({}, subsubitem), { path: currentPath + (subsubitem.path || ""), isSubsubitem: true, isLastSubsubitem: subsubitem.id === filteredSubsubitems.slice(-1)[0].id });
|
|
47
|
+
});
|
|
48
|
+
return tslib_1.__spreadArray([tslib_1.__assign(tslib_1.__assign({}, subitem), { path: currentPath })], formattedSubsubitems, true);
|
|
49
|
+
});
|
|
50
|
+
return tslib_1.__assign(tslib_1.__assign({}, item), { subitems: flattenedSubitems });
|
|
35
51
|
};
|
|
36
52
|
var filterItems = function (item, search) {
|
|
37
53
|
return item.text.toLowerCase().includes(search.toLowerCase());
|
|
@@ -39,12 +55,12 @@ var filterItems = function (item, search) {
|
|
|
39
55
|
var MenuModal = function (_a) {
|
|
40
56
|
var _b, _c;
|
|
41
57
|
var item = _a.item, setModalItem = _a.setModalItem, menuItems = _a.menuItems;
|
|
42
|
-
var _d = (0, react_1.useState)(
|
|
43
|
-
var
|
|
44
|
-
var
|
|
45
|
-
var itemsFiltered = itemsFormatted.filter(function (item) {
|
|
58
|
+
var _d = (0, react_1.useState)(""), search = _d[0], setSearch = _d[1];
|
|
59
|
+
var searchItemsFormatted = (0, exports.formatSearchItems)(menuItems);
|
|
60
|
+
var searchItemsFiltered = searchItemsFormatted.filter(function (item) {
|
|
46
61
|
return filterItems(item, search);
|
|
47
62
|
});
|
|
63
|
+
var itemFormatted = formatMenuItems(item);
|
|
48
64
|
var elementById = (_b = document
|
|
49
65
|
.getElementById("menu-item-".concat(item.id))) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
|
|
50
66
|
var windowHeight = window.innerHeight;
|
|
@@ -58,12 +74,10 @@ var MenuModal = function (_a) {
|
|
|
58
74
|
window.removeEventListener("click", eventListenerFunction);
|
|
59
75
|
};
|
|
60
76
|
}, []);
|
|
61
|
-
return (0, react_dom_1.createPortal)((0, jsx_runtime_1.
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
return ((0, jsx_runtime_1.jsx)(MenuSubitem_1.MenuSubitem, { subitem: subitem, parentPath: item.path, isOpen: itemOpen === subitem.id, setIsOpen: setItemOpen, setModalItem: setModalItem }, subitem.id));
|
|
66
|
-
})) }), document.body);
|
|
77
|
+
return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)(styles_1.MenuModalStyle, { onClick: function (e) { return e.stopPropagation(); }, top: elementById === null || elementById === void 0 ? void 0 : elementById.top, left: elementById === null || elementById === void 0 ? void 0 : elementById.right, maxHeight: maxHeight, children: [(0, jsx_runtime_1.jsxs)(styles_1.ModalHeader, { onClick: function () { return setModalItem(null); }, children: [(0, jsx_runtime_1.jsx)(icons_1.IconChevronLeft, {}), item.text] }), item.id.includes("search") ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(styles_1.SearchDiv, { children: (0, jsx_runtime_1.jsx)(Input_1.Input, { autoFocus: true, label: "Buscar", value: search, onChange: function (e) { return setSearch(e.target.value); } }) }), (0, jsx_runtime_1.jsx)("div", { children: search.length > 0 &&
|
|
78
|
+
(searchItemsFiltered.length > 0 ? (searchItemsFiltered.map(function (item) { return ((0, jsx_runtime_1.jsx)(MenuSubSubitem_1.MenuSubSubitem, { subsubitem: item, parentPath: "", setModalItem: setModalItem }, item.id)); })) : ((0, jsx_runtime_1.jsx)(styles_1.NothingFoundSpan, { children: "Nada encontrado" }))) })] })) : ((0, jsx_runtime_1.jsx)(styles_1.ItemsGrid, { children: (_c = itemFormatted.subitems) === null || _c === void 0 ? void 0 : _c.map(function (subitem) {
|
|
79
|
+
return ((0, jsx_runtime_1.jsx)(MenuSubitem_1.MenuSubitem, { subitem: subitem, setModalItem: setModalItem }, subitem.id));
|
|
80
|
+
}) }))] }), document.body);
|
|
67
81
|
};
|
|
68
82
|
exports.MenuModal = MenuModal;
|
|
69
83
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuModal/index.tsx"],"names":[],"mappings":";;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuModal/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,10 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.MenuSubSubitem = void 0;
|
|
4
4
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
var styles_1 = require("./styles");
|
|
6
|
+
var styles_2 = require("../styles");
|
|
6
7
|
var MenuSubSubitem = function (_a) {
|
|
7
8
|
var subsubitem = _a.subsubitem, parentPath = _a.parentPath, setModalItem = _a.setModalItem;
|
|
8
9
|
var pathToGo = subsubitem.overridePath || parentPath + subsubitem.path;
|
|
9
|
-
return ((0, jsx_runtime_1.
|
|
10
|
+
return ((0, jsx_runtime_1.jsxs)(styles_1.SubsubitemStyles, { id: "menu-item-".concat(subsubitem.id), to: pathToGo, onClick: function () { return setModalItem === null || setModalItem === void 0 ? void 0 : setModalItem(null); }, children: [(0, jsx_runtime_1.jsx)(styles_2.CircleIndicator, {}), subsubitem.text] }));
|
|
10
11
|
};
|
|
11
12
|
exports.MenuSubSubitem = MenuSubSubitem;
|
|
12
13
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuSubSubitem/index.tsx"],"names":[],"mappings":";;;;AAEA,mCAA4C;AAQrC,IAAM,cAAc,GAAG,UAAC,EAIT;QAHpB,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,YAAY,kBAAA;IAEZ,IAAM,QAAQ,GAAG,UAAU,CAAC,YAAY,IAAI,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC;IAEzE,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuSubSubitem/index.tsx"],"names":[],"mappings":";;;;AAEA,mCAA4C;AAC5C,oCAA4C;AAQrC,IAAM,cAAc,GAAG,UAAC,EAIT;QAHpB,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,YAAY,kBAAA;IAEZ,IAAM,QAAQ,GAAG,UAAU,CAAC,YAAY,IAAI,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC;IAEzE,OAAO,CACL,wBAAC,yBAAgB,IACf,EAAE,EAAE,oBAAa,UAAU,CAAC,EAAE,CAAE,EAChC,EAAE,EAAE,QAAQ,EACZ,OAAO,EAAE,cAAM,OAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,IAAI,CAAC,EAApB,CAAoB,aAEnC,uBAAC,wBAAe,KAAG,EAClB,UAAU,CAAC,IAAI,IACC,CACpB,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,cAAc,kBAiBzB"}
|
|
@@ -4,7 +4,7 @@ exports.SubsubitemStyles = void 0;
|
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var react_router_dom_1 = require("react-router-dom");
|
|
6
6
|
var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
7
|
-
exports.SubsubitemStyles = (0, styled_components_1.default)(react_router_dom_1.Link)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: flex;\n height: 32px;\n padding: ", ";\n align-items: center;\n gap: 10px;\n flex: 1 0 0;\n border-radius: ", ";\n background: #fff;\n text-decoration: none;\n transform: all 0.3s;\n white-space: nowrap;\n\n color: ", ";\n font-family: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n\n &:hover {\n background: ", ";\n color: ", ";\n }\n"], ["\n display: flex;\n height: 32px;\n padding: ", ";\n align-items: center;\n gap: 10px;\n flex: 1 0 0;\n border-radius: ", ";\n background: #fff;\n text-decoration: none;\n transform: all 0.3s;\n white-space: nowrap;\n\n color: ", ";\n font-family: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n\n &:hover {\n background: ", ";\n color: ", ";\n }\n"])), function (_a) {
|
|
7
|
+
exports.SubsubitemStyles = (0, styled_components_1.default)(react_router_dom_1.Link)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n position: relative;\n display: flex;\n height: 32px;\n width: 210px;\n padding: ", ";\n align-items: center;\n gap: 10px;\n flex: 1 0 0;\n border-radius: ", ";\n background: #fff;\n text-decoration: none;\n transform: all 0.3s;\n white-space: nowrap;\n\n color: ", ";\n font-family: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n\n &:hover {\n background: ", ";\n color: ", ";\n }\n\n &:not(:last-child) {\n &::after {\n position: absolute;\n content: \"\";\n display: block;\n width: 2px;\n height: calc(50%);\n background: ", ";\n left: 9px;\n top: 50%;\n z-index: 9;\n }\n }\n\n &:not(:first-child) {\n &::before {\n position: absolute;\n content: \"\";\n display: block;\n width: 2px;\n height: calc(50%);\n background: ", ";\n left: 9px;\n top: 0px;\n z-index: 9;\n }\n }\n"], ["\n position: relative;\n display: flex;\n height: 32px;\n width: 210px;\n padding: ", ";\n align-items: center;\n gap: 10px;\n flex: 1 0 0;\n border-radius: ", ";\n background: #fff;\n text-decoration: none;\n transform: all 0.3s;\n white-space: nowrap;\n\n color: ", ";\n font-family: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n\n &:hover {\n background: ", ";\n color: ", ";\n }\n\n &:not(:last-child) {\n &::after {\n position: absolute;\n content: \"\";\n display: block;\n width: 2px;\n height: calc(50%);\n background: ", ";\n left: 9px;\n top: 50%;\n z-index: 9;\n }\n }\n\n &:not(:first-child) {\n &::before {\n position: absolute;\n content: \"\";\n display: block;\n width: 2px;\n height: calc(50%);\n background: ", ";\n left: 9px;\n top: 0px;\n z-index: 9;\n }\n }\n"])), function (_a) {
|
|
8
8
|
var theme = _a.theme;
|
|
9
9
|
return theme.spacing.xs;
|
|
10
10
|
}, function (_a) {
|
|
@@ -22,6 +22,12 @@ exports.SubsubitemStyles = (0, styled_components_1.default)(react_router_dom_1.L
|
|
|
22
22
|
}, function (_a) {
|
|
23
23
|
var theme = _a.theme;
|
|
24
24
|
return theme.colors.neutral.darker;
|
|
25
|
+
}, function (_a) {
|
|
26
|
+
var theme = _a.theme;
|
|
27
|
+
return theme.colors.primary.default;
|
|
28
|
+
}, function (_a) {
|
|
29
|
+
var theme = _a.theme;
|
|
30
|
+
return theme.colors.primary.default;
|
|
25
31
|
});
|
|
26
32
|
var templateObject_1;
|
|
27
33
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuSubSubitem/styles.ts"],"names":[],"mappings":";;;;AAAA,qDAAwC;AACxC,gFAAuC;AAE1B,QAAA,gBAAgB,GAAG,IAAA,2BAAM,EAAC,uBAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuSubSubitem/styles.ts"],"names":[],"mappings":";;;;AAAA,qDAAwC;AACxC,gFAAuC;AAE1B,QAAA,gBAAgB,GAAG,IAAA,2BAAM,EAAC,uBAAI,CAAC,mjCAAA,0FAK/B,EAA+B,4EAIzB,EAA6B,+GAMrC,EAAwC,oBAClC,EAA8C,mKAQ7C,EAA4C,gBACjD,EAA0C,2LAUnC,EAA2C,0PAc3C,EAA2C,uEAM9D,KAlDY,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EAIzB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC;AAAd,CAAc,EAMrC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAClC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAQ7C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EACjD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAUnC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAc3C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAM7D"}
|
|
@@ -2,10 +2,8 @@ import { Dispatch, SetStateAction } from "react";
|
|
|
2
2
|
import { MenuItemProps } from "..";
|
|
3
3
|
interface MenuSubitemProps {
|
|
4
4
|
subitem: MenuItemProps;
|
|
5
|
-
parentPath?: string;
|
|
6
|
-
isOpen: boolean;
|
|
7
|
-
setIsOpen: Dispatch<SetStateAction<string | null>>;
|
|
8
5
|
setModalItem?: Dispatch<SetStateAction<MenuItemProps | null>>;
|
|
6
|
+
isLastSubitem?: boolean;
|
|
9
7
|
}
|
|
10
|
-
export declare const MenuSubitem: ({ subitem,
|
|
8
|
+
export declare const MenuSubitem: ({ subitem, setModalItem }: MenuSubitemProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
9
|
export {};
|
|
@@ -2,35 +2,28 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.MenuSubitem = void 0;
|
|
4
4
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
var icons_1 = require("../../icons");
|
|
6
|
-
var MenuSubSubitem_1 = require("../MenuSubSubitem");
|
|
7
5
|
var styles_1 = require("./styles");
|
|
8
|
-
var
|
|
6
|
+
var styles_2 = require("../styles");
|
|
9
7
|
var MenuSubitem = function (_a) {
|
|
10
|
-
var
|
|
11
|
-
var subitem = _a.subitem, parentPath = _a.parentPath, isOpen = _a.isOpen, setIsOpen = _a.setIsOpen, setModalItem = _a.setModalItem;
|
|
8
|
+
var subitem = _a.subitem, setModalItem = _a.setModalItem;
|
|
12
9
|
var hasSubitems = subitem.subitems && subitem.subitems.length > 0;
|
|
13
10
|
var pathToGo = subitem.overridePath
|
|
14
11
|
? subitem.overridePath
|
|
15
12
|
: subitem.external || hasSubitems
|
|
16
13
|
? "#"
|
|
17
|
-
:
|
|
14
|
+
: subitem.path || "#";
|
|
15
|
+
var hasSecondBar = (!subitem.isSubsubitem && hasSubitems) ||
|
|
16
|
+
(subitem.isSubsubitem && !subitem.isLastSubsubitem);
|
|
18
17
|
var handleClick = function () {
|
|
19
18
|
if (subitem.external) {
|
|
20
19
|
window.open(subitem.external, "_blank");
|
|
21
20
|
return;
|
|
22
21
|
}
|
|
23
|
-
if (hasSubitems) {
|
|
24
|
-
setIsOpen(function (state) { return (state === subitem.id ? null : subitem.id); });
|
|
25
|
-
return;
|
|
26
|
-
}
|
|
27
22
|
if (setModalItem) {
|
|
28
23
|
setModalItem(null);
|
|
29
24
|
}
|
|
30
25
|
};
|
|
31
|
-
return ((0, jsx_runtime_1.
|
|
32
|
-
return ((0, jsx_runtime_1.jsx)(MenuSubSubitem_1.MenuSubSubitem, { subsubitem: subsubitem, parentPath: (parentPath || "") + subitem.path, setModalItem: setModalItem }, subsubitem.id));
|
|
33
|
-
}) })) })] }));
|
|
26
|
+
return ((0, jsx_runtime_1.jsx)(styles_1.SubitemContainer, { id: "menu-item-".concat(subitem.id), children: (0, jsx_runtime_1.jsxs)(styles_1.SubitemHeader, { isSubsubitem: subitem.isSubsubitem, onClick: function () { return handleClick(); }, to: pathToGo, children: [subitem.isSubsubitem && (0, jsx_runtime_1.jsx)(styles_2.FirstBar, {}), (hasSubitems || subitem.isSubsubitem) && (0, jsx_runtime_1.jsx)(styles_2.CircleIndicator, {}), (0, jsx_runtime_1.jsx)("span", { children: subitem.text }), hasSecondBar && (0, jsx_runtime_1.jsx)(styles_2.SecondBar, {})] }) }));
|
|
34
27
|
};
|
|
35
28
|
exports.MenuSubitem = MenuSubitem;
|
|
36
29
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuSubitem/index.tsx"],"names":[],"mappings":";;;;AAEA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuSubitem/index.tsx"],"names":[],"mappings":";;;;AAEA,mCAA2D;AAC3D,oCAAiE;AAQ1D,IAAM,WAAW,GAAG,UAAC,EAA2C;QAAzC,OAAO,aAAA,EAAE,YAAY,kBAAA;IACjD,IAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;IACpE,IAAM,QAAQ,GAAG,OAAO,CAAC,YAAY;QACnC,CAAC,CAAC,OAAO,CAAC,YAAY;QACtB,CAAC,CAAC,OAAO,CAAC,QAAQ,IAAI,WAAW;YAC/B,CAAC,CAAC,GAAG;YACL,CAAC,CAAC,OAAO,CAAC,IAAI,IAAI,GAAG,CAAC;IAE1B,IAAM,YAAY,GAChB,CAAC,CAAC,OAAO,CAAC,YAAY,IAAI,WAAW,CAAC;QACtC,CAAC,OAAO,CAAC,YAAY,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAEtD,IAAM,WAAW,GAAG;QAClB,IAAI,OAAO,CAAC,QAAQ,EAAE,CAAC;YACrB,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YACxC,OAAO;QACT,CAAC;QACD,IAAI,YAAY,EAAE,CAAC;YACjB,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,yBAAgB,IAAC,EAAE,EAAE,oBAAa,OAAO,CAAC,EAAE,CAAE,YAC7C,wBAAC,sBAAa,IACZ,YAAY,EAAE,OAAO,CAAC,YAAY,EAClC,OAAO,EAAE,cAAM,OAAA,WAAW,EAAE,EAAb,CAAa,EAC5B,EAAE,EAAE,QAAQ,aAEX,OAAO,CAAC,YAAY,IAAI,uBAAC,iBAAQ,KAAG,EACpC,CAAC,WAAW,IAAI,OAAO,CAAC,YAAY,CAAC,IAAI,uBAAC,wBAAe,KAAG,EAC7D,2CAAO,OAAO,CAAC,IAAI,GAAQ,EAC1B,YAAY,IAAI,uBAAC,kBAAS,KAAG,IAChB,GACC,CACpB,CAAC;AACJ,CAAC,CAAC;AApCW,QAAA,WAAW,eAoCtB"}
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
export declare const SubitemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
-
|
|
2
|
+
interface SubitemHeaderProps {
|
|
3
|
+
isSubsubitem?: boolean;
|
|
4
|
+
}
|
|
5
|
+
export declare const SubitemHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & {
|
|
3
6
|
ref?: ((instance: HTMLAnchorElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
|
|
4
|
-
},
|
|
7
|
+
}, SubitemHeaderProps>> & string & Omit<import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;
|
|
8
|
+
export {};
|
|
@@ -4,19 +4,24 @@ exports.SubitemHeader = exports.SubitemContainer = void 0;
|
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var react_router_dom_1 = require("react-router-dom");
|
|
6
6
|
var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
7
|
-
exports.SubitemContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n padding:
|
|
8
|
-
|
|
9
|
-
return theme.colors.primary.default;
|
|
10
|
-
});
|
|
11
|
-
exports.SubitemHeader = (0, styled_components_1.default)(react_router_dom_1.Link)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ", ";\n text-decoration: none;\n padding: 4px 0;\n border-radius: ", ";\n transition: background-color 0.3s;\n\n &:hover {\n background-color: ", "54;\n }\n\n svg {\n flex-shrink: 0;\n transition: transform 0.3s;\n font-size: 20px;\n fill: ", ";\n }\n\n div {\n flex-shrink: 0;\n width: 20px;\n height: 20px;\n }\n\n span {\n color: ", ";\n font-family: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 700;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n }\n"], ["\n display: flex;\n align-items: center;\n gap: ", ";\n text-decoration: none;\n padding: 4px 0;\n border-radius: ", ";\n transition: background-color 0.3s;\n\n &:hover {\n background-color: ", "54;\n }\n\n svg {\n flex-shrink: 0;\n transition: transform 0.3s;\n font-size: 20px;\n fill: ", ";\n }\n\n div {\n flex-shrink: 0;\n width: 20px;\n height: 20px;\n }\n\n span {\n color: ", ";\n font-family: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 700;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n }\n"])), function (_a) {
|
|
7
|
+
exports.SubitemContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n padding: 0;\n"], ["\n display: flex;\n flex-direction: column;\n padding: 0;\n"])));
|
|
8
|
+
exports.SubitemHeader = (0, styled_components_1.default)(react_router_dom_1.Link)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n position: relative;\n display: flex;\n align-items: center;\n gap: ", ";\n text-decoration: none;\n margin: ", ";\n padding: ", ";\n border-radius: ", ";\n transition: background-color 0.3s;\n\n &:hover {\n background-color: ", ";\n }\n\n svg {\n flex-shrink: 0;\n transition: transform 0.3s;\n font-size: 20px;\n fill: ", ";\n }\n\n span {\n color: ", ";\n font-family: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: ", ";\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n }\n"], ["\n position: relative;\n display: flex;\n align-items: center;\n gap: ", ";\n text-decoration: none;\n margin: ", ";\n padding: ", ";\n border-radius: ", ";\n transition: background-color 0.3s;\n\n &:hover {\n background-color: ", ";\n }\n\n svg {\n flex-shrink: 0;\n transition: transform 0.3s;\n font-size: 20px;\n fill: ", ";\n }\n\n span {\n color: ", ";\n font-family: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: ", ";\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n }\n"])), function (_a) {
|
|
12
9
|
var theme = _a.theme;
|
|
13
10
|
return theme.spacing.xs;
|
|
14
11
|
}, function (_a) {
|
|
15
12
|
var theme = _a.theme;
|
|
16
|
-
return theme.
|
|
13
|
+
return theme.spacing.xxs;
|
|
17
14
|
}, function (_a) {
|
|
18
15
|
var theme = _a.theme;
|
|
19
|
-
return theme.
|
|
16
|
+
return theme.spacing.xxs;
|
|
17
|
+
}, function (_a) {
|
|
18
|
+
var theme = _a.theme;
|
|
19
|
+
return theme.radius.s;
|
|
20
|
+
}, function (_a) {
|
|
21
|
+
var theme = _a.theme, isSubsubitem = _a.isSubsubitem;
|
|
22
|
+
return isSubsubitem
|
|
23
|
+
? theme.colors.neutral.lightest
|
|
24
|
+
: theme.colors.primary.lightest + "54";
|
|
20
25
|
}, function (_a) {
|
|
21
26
|
var theme = _a.theme;
|
|
22
27
|
return theme.colors.primary.default;
|
|
@@ -26,6 +31,9 @@ exports.SubitemHeader = (0, styled_components_1.default)(react_router_dom_1.Link
|
|
|
26
31
|
}, function (_a) {
|
|
27
32
|
var theme = _a.theme;
|
|
28
33
|
return theme.typography.family.default;
|
|
34
|
+
}, function (_a) {
|
|
35
|
+
var isSubsubitem = _a.isSubsubitem;
|
|
36
|
+
return (isSubsubitem ? 500 : 700);
|
|
29
37
|
});
|
|
30
38
|
var templateObject_1, templateObject_2;
|
|
31
39
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuSubitem/styles.ts"],"names":[],"mappings":";;;;AAAA,qDAAwC;AACxC,gFAAuC;AAE1B,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuSubitem/styles.ts"],"names":[],"mappings":";;;;AAAA,qDAAwC;AACxC,gFAAuC;AAE1B,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,2IAAA,gEAIzC,KAAC;AAMW,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,uBAAI,CAAC,4nBAAoB,4EAIpD,EAA+B,yCAE5B,EAAgC,gBAC/B,EAAgC,sBAC1B,EAA6B,gFAIxB,EAGsB,2GAOlC,EAA2C,iCAI1C,EAAwC,sBAClC,EAA8C,qEAG9C,EAAgD,6EAIlE,KA9BQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EAE5B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG;AAAjB,CAAiB,EAC/B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG;AAAjB,CAAiB,EAC1B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC;AAAd,CAAc,EAIxB,UAAC,EAAuB;QAArB,KAAK,WAAA,EAAE,YAAY,kBAAA;IACxC,OAAA,YAAY;QACV,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;QAC/B,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,GAAG,IAAI;AAFxC,CAEwC,EAOlC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAI1C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAClC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAG9C,UAAC,EAAgB;QAAd,YAAY,kBAAA;IAAO,OAAA,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;AAA1B,CAA0B,EAIjE"}
|
|
@@ -11,6 +11,9 @@ export interface MenuItemProps {
|
|
|
11
11
|
overridePath?: string;
|
|
12
12
|
filler?: boolean;
|
|
13
13
|
height?: number;
|
|
14
|
+
searchText?: string;
|
|
15
|
+
isSubsubitem?: boolean;
|
|
16
|
+
isLastSubsubitem?: boolean;
|
|
14
17
|
}
|
|
15
18
|
interface MenuProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
16
19
|
menuItems: MenuItemProps[];
|