takeat-design-system-ui-kit 0.5.20 → 0.5.21
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/CollapsableMenu/MenuSubitem/index.js +1 -1
- package/dist/cjs/components/CollapsableMenu/MenuSubitem/index.js.map +1 -1
- package/dist/cjs/components/CollapsableMenu/MenuSubitem/styles.d.ts +6 -2
- package/dist/cjs/components/CollapsableMenu/MenuSubitem/styles.js +6 -3
- package/dist/cjs/components/CollapsableMenu/MenuSubitem/styles.js.map +1 -1
- package/dist/esm/components/CollapsableMenu/MenuSubitem/index.js +1 -1
- package/dist/esm/components/CollapsableMenu/MenuSubitem/index.js.map +1 -1
- package/dist/esm/components/CollapsableMenu/MenuSubitem/styles.d.ts +6 -2
- package/dist/esm/components/CollapsableMenu/MenuSubitem/styles.js +6 -3
- package/dist/esm/components/CollapsableMenu/MenuSubitem/styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -7,7 +7,7 @@ var styles_1 = require("./styles");
|
|
|
7
7
|
var MenuSubitem = function (_a) {
|
|
8
8
|
var subitem = _a.subitem, _b = _a.parentPath, parentPath = _b === void 0 ? "" : _b, setSearch = _a.setSearch, props = tslib_1.__rest(_a, ["subitem", "parentPath", "setSearch"]);
|
|
9
9
|
var pathToGo = subitem.function ? "#" : parentPath + subitem.path || "#";
|
|
10
|
-
return ((0, jsx_runtime_1.jsx)(styles_1.SubitemContainer, tslib_1.__assign({ to: pathToGo, id: "menu-item-".concat(subitem.path), onClick: function () {
|
|
10
|
+
return ((0, jsx_runtime_1.jsx)(styles_1.SubitemContainer, tslib_1.__assign({ to: pathToGo, id: "menu-item-".concat(subitem.path), isActive: pathToGo === window.location.pathname, onClick: function () {
|
|
11
11
|
var _a;
|
|
12
12
|
setSearch === null || setSearch === void 0 ? void 0 : setSearch("");
|
|
13
13
|
(_a = subitem.function) === null || _a === void 0 ? void 0 : _a.call(subitem);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/MenuSubitem/index.tsx"],"names":[],"mappings":";;;;;AACA,mCAA4C;AASrC,IAAM,WAAW,GAAG,UAAC,EAKA;IAJ1B,IAAA,OAAO,aAAA,EACP,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,SAAS,eAAA,EACN,KAAK,sBAJkB,sCAK3B,CADS;IAER,IAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,GAAG,OAAO,CAAC,IAAI,IAAI,GAAG,CAAC;IAE3E,OAAO,CACL,uBAAC,yBAAgB,qBACf,EAAE,EAAE,QAAQ,EACZ,EAAE,EAAE,oBAAa,OAAO,CAAC,IAAI,CAAE,EAC/B,OAAO,EAAE;;YACP,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,EAAE,CAAC,CAAC;YAChB,MAAA,OAAO,CAAC,QAAQ,uDAAI,CAAC;QACvB,CAAC,IACG,KAAK,cAET,2CAAO,OAAO,CAAC,UAAU,IAAI,OAAO,CAAC,IAAI,GAAQ,IAChC,CACpB,CAAC;AACJ,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/MenuSubitem/index.tsx"],"names":[],"mappings":";;;;;AACA,mCAA4C;AASrC,IAAM,WAAW,GAAG,UAAC,EAKA;IAJ1B,IAAA,OAAO,aAAA,EACP,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,SAAS,eAAA,EACN,KAAK,sBAJkB,sCAK3B,CADS;IAER,IAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,GAAG,OAAO,CAAC,IAAI,IAAI,GAAG,CAAC;IAE3E,OAAO,CACL,uBAAC,yBAAgB,qBACf,EAAE,EAAE,QAAQ,EACZ,EAAE,EAAE,oBAAa,OAAO,CAAC,IAAI,CAAE,EAC/B,QAAQ,EAAE,QAAQ,KAAK,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAC/C,OAAO,EAAE;;YACP,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,EAAE,CAAC,CAAC;YAChB,MAAA,OAAO,CAAC,QAAQ,uDAAI,CAAC;QACvB,CAAC,IACG,KAAK,cAET,2CAAO,OAAO,CAAC,UAAU,IAAI,OAAO,CAAC,IAAI,GAAQ,IAChC,CACpB,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,WAAW,eAsBtB"}
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
interface SubitemContainerProps {
|
|
2
|
+
isActive: boolean;
|
|
3
|
+
}
|
|
4
|
+
export declare const SubitemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & {
|
|
2
5
|
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;
|
|
3
|
-
},
|
|
6
|
+
}, SubitemContainerProps>> & string & Omit<import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;
|
|
7
|
+
export {};
|
|
@@ -2,14 +2,17 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.SubitemContainer = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
|
-
var styled_components_1 = tslib_1.
|
|
5
|
+
var styled_components_1 = tslib_1.__importStar(require("styled-components"));
|
|
6
6
|
var react_router_dom_1 = require("react-router-dom");
|
|
7
|
-
exports.SubitemContainer = (0, styled_components_1.default)(react_router_dom_1.Link)(
|
|
7
|
+
exports.SubitemContainer = (0, styled_components_1.default)(react_router_dom_1.Link)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n padding: 8px;\n border-radius: 8px;\n\n text-decoration: none;\n color: ", ";\n font-family: ", ";\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0.1px;\n\n transition: all 0.3s;\n\n ", "\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", "60;\n }\n"], ["\n padding: 8px;\n border-radius: 8px;\n\n text-decoration: none;\n color: ", ";\n font-family: ", ";\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0.1px;\n\n transition: all 0.3s;\n\n ", "\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", "60;\n }\n"])), function (_a) {
|
|
8
8
|
var theme = _a.theme;
|
|
9
9
|
return theme.colors.neutral.darker;
|
|
10
10
|
}, function (_a) {
|
|
11
11
|
var theme = _a.theme;
|
|
12
12
|
return theme.typography.family.default;
|
|
13
|
+
}, function (_a) {
|
|
14
|
+
var isActive = _a.isActive, theme = _a.theme;
|
|
15
|
+
return isActive && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n background-color: ", "60;\n "], ["\n background-color: ", "60;\n "])), theme.colors.primary.lightest);
|
|
13
16
|
}, function (_a) {
|
|
14
17
|
var theme = _a.theme;
|
|
15
18
|
return theme.colors.neutral.lightest;
|
|
@@ -17,5 +20,5 @@ exports.SubitemContainer = (0, styled_components_1.default)(react_router_dom_1.L
|
|
|
17
20
|
var theme = _a.theme;
|
|
18
21
|
return theme.colors.primary.lightest;
|
|
19
22
|
});
|
|
20
|
-
var templateObject_1;
|
|
23
|
+
var templateObject_1, templateObject_2;
|
|
21
24
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/MenuSubitem/styles.ts"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/MenuSubitem/styles.ts"],"names":[],"mappings":";;;;AAAA,6EAAgD;AAChD,qDAAwC;AAM3B,QAAA,gBAAgB,GAAG,IAAA,2BAAM,EAAC,uBAAI,CAAC,4ZAAuB,iFAKxD,EAA0C,oBACpC,EAA8C,6HAQ3D,EAIC,yCAGmB,EAA4C,gDAI5C,EAA4C,YAEnE,KAtBU,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EACpC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAQ3D,UAAC,EAAmB;QAAjB,QAAQ,cAAA,EAAE,KAAK,WAAA;IAClB,OAAA,QAAQ,QACR,uBAAG,qHAAA,4BACmB,EAA6B,WAClD,KADqB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAClD;AAHD,CAGC,EAGmB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAI5C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAElE"}
|
|
@@ -4,7 +4,7 @@ import { SubitemContainer } from "./styles";
|
|
|
4
4
|
export var MenuSubitem = function (_a) {
|
|
5
5
|
var subitem = _a.subitem, _b = _a.parentPath, parentPath = _b === void 0 ? "" : _b, setSearch = _a.setSearch, props = __rest(_a, ["subitem", "parentPath", "setSearch"]);
|
|
6
6
|
var pathToGo = subitem.function ? "#" : parentPath + subitem.path || "#";
|
|
7
|
-
return (_jsx(SubitemContainer, __assign({ to: pathToGo, id: "menu-item-".concat(subitem.path), onClick: function () {
|
|
7
|
+
return (_jsx(SubitemContainer, __assign({ to: pathToGo, id: "menu-item-".concat(subitem.path), isActive: pathToGo === window.location.pathname, onClick: function () {
|
|
8
8
|
var _a;
|
|
9
9
|
setSearch === null || setSearch === void 0 ? void 0 : setSearch("");
|
|
10
10
|
(_a = subitem.function) === null || _a === void 0 ? void 0 : _a.call(subitem);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/MenuSubitem/index.tsx"],"names":[],"mappings":";;AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAS5C,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAKA;IAJ1B,IAAA,OAAO,aAAA,EACP,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,SAAS,eAAA,EACN,KAAK,cAJkB,sCAK3B,CADS;IAER,IAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,GAAG,OAAO,CAAC,IAAI,IAAI,GAAG,CAAC;IAE3E,OAAO,CACL,KAAC,gBAAgB,aACf,EAAE,EAAE,QAAQ,EACZ,EAAE,EAAE,oBAAa,OAAO,CAAC,IAAI,CAAE,EAC/B,OAAO,EAAE;;YACP,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,EAAE,CAAC,CAAC;YAChB,MAAA,OAAO,CAAC,QAAQ,uDAAI,CAAC;QACvB,CAAC,IACG,KAAK,cAET,yBAAO,OAAO,CAAC,UAAU,IAAI,OAAO,CAAC,IAAI,GAAQ,IAChC,CACpB,CAAC;AACJ,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/MenuSubitem/index.tsx"],"names":[],"mappings":";;AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAS5C,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAKA;IAJ1B,IAAA,OAAO,aAAA,EACP,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,SAAS,eAAA,EACN,KAAK,cAJkB,sCAK3B,CADS;IAER,IAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,GAAG,OAAO,CAAC,IAAI,IAAI,GAAG,CAAC;IAE3E,OAAO,CACL,KAAC,gBAAgB,aACf,EAAE,EAAE,QAAQ,EACZ,EAAE,EAAE,oBAAa,OAAO,CAAC,IAAI,CAAE,EAC/B,QAAQ,EAAE,QAAQ,KAAK,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAC/C,OAAO,EAAE;;YACP,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,EAAE,CAAC,CAAC;YAChB,MAAA,OAAO,CAAC,QAAQ,uDAAI,CAAC;QACvB,CAAC,IACG,KAAK,cAET,yBAAO,OAAO,CAAC,UAAU,IAAI,OAAO,CAAC,IAAI,GAAQ,IAChC,CACpB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
interface SubitemContainerProps {
|
|
2
|
+
isActive: boolean;
|
|
3
|
+
}
|
|
4
|
+
export declare const SubitemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & {
|
|
2
5
|
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;
|
|
3
|
-
},
|
|
6
|
+
}, SubitemContainerProps>> & string & Omit<import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;
|
|
7
|
+
export {};
|
|
@@ -1,12 +1,15 @@
|
|
|
1
1
|
import { __makeTemplateObject } from "tslib";
|
|
2
|
-
import styled from "styled-components";
|
|
2
|
+
import styled, { css } from "styled-components";
|
|
3
3
|
import { Link } from "react-router-dom";
|
|
4
|
-
export var SubitemContainer = styled(Link)(
|
|
4
|
+
export var SubitemContainer = styled(Link)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding: 8px;\n border-radius: 8px;\n\n text-decoration: none;\n color: ", ";\n font-family: ", ";\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0.1px;\n\n transition: all 0.3s;\n\n ", "\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", "60;\n }\n"], ["\n padding: 8px;\n border-radius: 8px;\n\n text-decoration: none;\n color: ", ";\n font-family: ", ";\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0.1px;\n\n transition: all 0.3s;\n\n ", "\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", "60;\n }\n"])), function (_a) {
|
|
5
5
|
var theme = _a.theme;
|
|
6
6
|
return theme.colors.neutral.darker;
|
|
7
7
|
}, function (_a) {
|
|
8
8
|
var theme = _a.theme;
|
|
9
9
|
return theme.typography.family.default;
|
|
10
|
+
}, function (_a) {
|
|
11
|
+
var isActive = _a.isActive, theme = _a.theme;
|
|
12
|
+
return isActive && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", "60;\n "], ["\n background-color: ", "60;\n "])), theme.colors.primary.lightest);
|
|
10
13
|
}, function (_a) {
|
|
11
14
|
var theme = _a.theme;
|
|
12
15
|
return theme.colors.neutral.lightest;
|
|
@@ -14,5 +17,5 @@ export var SubitemContainer = styled(Link)(templateObject_1 || (templateObject_1
|
|
|
14
17
|
var theme = _a.theme;
|
|
15
18
|
return theme.colors.primary.lightest;
|
|
16
19
|
});
|
|
17
|
-
var templateObject_1;
|
|
20
|
+
var templateObject_1, templateObject_2;
|
|
18
21
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/MenuSubitem/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/MenuSubitem/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAMxC,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,oZAAuB,iFAKxD,EAA0C,oBACpC,EAA8C,6HAQ3D,EAIC,yCAGmB,EAA4C,gDAI5C,EAA4C,YAEnE,KAtBU,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EACpC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAQ3D,UAAC,EAAmB;QAAjB,QAAQ,cAAA,EAAE,KAAK,WAAA;IAClB,OAAA,QAAQ,IACR,GAAG,4GAAA,4BACmB,EAA6B,WAClD,KADqB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAClD;AAHD,CAGC,EAGmB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAI5C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,CAEnE,CAAC"}
|