krl-alfred 1.76.16 → 1.76.18

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.
Files changed (11) hide show
  1. package/dist/components/AutocompleteInput/AutocompleteInput.styled.js +1 -1
  2. package/dist/components/Breadcrumbs/Breadcrumbs.js +10 -15
  3. package/dist/components/Breadcrumbs/Breadcrumbs.styled.js +3 -3
  4. package/dist/components/Button/Button.js +4 -3
  5. package/dist/components/CategoryMenu/CategoryMenu.js +3 -3
  6. package/dist/components/CategoryMenu/CategoryMenu.styled.js +3 -3
  7. package/dist/components/Icon/Icon.js +1 -1
  8. package/dist/components/SearchBox/SearchBox.js +1 -1
  9. package/dist/components/SearchBox/SearchBox.styled.js +1 -1
  10. package/dist/jsons/breadcrumbs.json +24 -347
  11. package/package.json +1 -1
package/dist/components/AutocompleteInput/AutocompleteInput.styled.js CHANGED
@@ -9,7 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
10
  exports.DropdownStyled = exports.InputStyled = exports.Container = void 0;
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
- exports.Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: ", ";\n\n .top {\n display: flex;\n margin-bottom: 16px;\n font:var(--caption-bold-12-15);\n &.justify-between {\n justify-content: space-between;\n }\n\n p {\n margin: 0;\n color: var(--dark-opacity-50);\n }\n\n /*a {\n margin: 0;\n color: var(--primary);\n text-decoration: none;\n cursor: pointer;\n &:hover,:focus,:active{\n color: var(--primary-hover) !important;\n }\n }*/\n }\n\n .input {\n position: relative;\n .hiddenInput{\n opacity: 0;\n user-select: none;\n pointer-events: none;\n position: absolute;\n left: 0;\n width: 0;\n }\n .inputIcon {\n position: absolute;\n top: 50%;\n right: 16px;\n transform: translateY(-50%);\n cursor: pointer;\n div{\n display: block;\n }\n }\n }\n\n .error {\n display: flex;\n align-items: center;\n margin-top: 8px;\n\n svg {\n margin-right: 8px;\n }\n\n p {\n margin: 0;\n color: var(--red);\n font:var(--caption-semi-bold-11-13);\n }\n }\n"], ["\n display: flex;\n flex-direction: column;\n width: ", ";\n\n .top {\n display: flex;\n margin-bottom: 16px;\n font:var(--caption-bold-12-15);\n &.justify-between {\n justify-content: space-between;\n }\n\n p {\n margin: 0;\n color: var(--dark-opacity-50);\n }\n\n /*a {\n margin: 0;\n color: var(--primary);\n text-decoration: none;\n cursor: pointer;\n &:hover,:focus,:active{\n color: var(--primary-hover) !important;\n }\n }*/\n }\n\n .input {\n position: relative;\n .hiddenInput{\n opacity: 0;\n user-select: none;\n pointer-events: none;\n position: absolute;\n left: 0;\n width: 0;\n }\n .inputIcon {\n position: absolute;\n top: 50%;\n right: 16px;\n transform: translateY(-50%);\n cursor: pointer;\n div{\n display: block;\n }\n }\n }\n\n .error {\n display: flex;\n align-items: center;\n margin-top: 8px;\n\n svg {\n margin-right: 8px;\n }\n\n p {\n margin: 0;\n color: var(--red);\n font:var(--caption-semi-bold-11-13);\n }\n }\n"])), function (props) { return props.width || '370px'; });
12
+ exports.Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: ", ";\n\n .top {\n display: flex;\n margin-bottom: 16px;\n font:var(--caption-bold-12-15);\n &.justify-between {\n justify-content: space-between;\n }\n\n p {\n margin: 0;\n color: var(--dark-opacity-50);\n }\n\n /*a {\n margin: 0;\n color: var(--primary);\n text-decoration: none;\n cursor: pointer;\n &:hover,:focus,:active{\n color: var(--primary-hover) !important;\n }\n }*/\n }\n\n .input {\n position: relative;\n .hiddenInput{\n opacity: 0;\n user-select: none;\n pointer-events: none;\n position: absolute;\n left: 0;\n width: 0;\n }\n .inputIcon {\n position: absolute;\n top: 50%;\n right: 16px;\n transform: translateY(-50%);\n cursor: pointer;\n div{\n display: block;\n }\n }\n }\n\n .error {\n display: flex;\n align-items: center;\n margin-top: 8px;\n color: var(--red);\n svg {\n margin-right: 8px;\n }\n\n p {\n margin: 0;\n font:var(--caption-semi-bold-11-13);\n }\n }\n"], ["\n display: flex;\n flex-direction: column;\n width: ", ";\n\n .top {\n display: flex;\n margin-bottom: 16px;\n font:var(--caption-bold-12-15);\n &.justify-between {\n justify-content: space-between;\n }\n\n p {\n margin: 0;\n color: var(--dark-opacity-50);\n }\n\n /*a {\n margin: 0;\n color: var(--primary);\n text-decoration: none;\n cursor: pointer;\n &:hover,:focus,:active{\n color: var(--primary-hover) !important;\n }\n }*/\n }\n\n .input {\n position: relative;\n .hiddenInput{\n opacity: 0;\n user-select: none;\n pointer-events: none;\n position: absolute;\n left: 0;\n width: 0;\n }\n .inputIcon {\n position: absolute;\n top: 50%;\n right: 16px;\n transform: translateY(-50%);\n cursor: pointer;\n div{\n display: block;\n }\n }\n }\n\n .error {\n display: flex;\n align-items: center;\n margin-top: 8px;\n color: var(--red);\n svg {\n margin-right: 8px;\n }\n\n p {\n margin: 0;\n font:var(--caption-semi-bold-11-13);\n }\n }\n"])), function (props) { return props.width || '370px'; });
13
13
  exports.InputStyled = styled_components_1.default.input(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-sizing: border-box;\n width: 100%;\n height: 56px;\n background: ", ";\n border-radius: ", ";\n border: ", ";\n padding: ", ";\n color: ", ";\n font : var(--body-semi-bold-14-17);\n outline: none;\n user-select: ", ";\n pointer-events: ", ";\n\n &::placeholder {\n color: ", ";\n }\n\n &:focus {\n padding: 18.5px 23px !important;\n border: 2px solid ", " !important;\n color: ", " !important;\n background: white !important;\n }\n &:is([disabled]){\n color: var(--dark-opacity-25);\n }\n\n"], ["\n box-sizing: border-box;\n width: 100%;\n height: 56px;\n background: ", ";\n border-radius: ", ";\n border: ", ";\n padding: ", ";\n color: ", ";\n font : var(--body-semi-bold-14-17);\n outline: none;\n user-select: ", ";\n pointer-events: ", ";\n\n &::placeholder {\n color: ", ";\n }\n\n &:focus {\n padding: 18.5px 23px !important;\n border: 2px solid ", " !important;\n color: ", " !important;\n background: white !important;\n }\n &:is([disabled]){\n color: var(--dark-opacity-25);\n }\n\n"])), function (props) { return props.disabled ? 'var(--dark-opacity-5)' : (props.hasError ? 'white' : 'var(--dark-opacity-3)'); }, function (props) { return props.isShowDropdown ? '8px 8px 0 0' : '8px 8px 8px 8px'; }, function (props) { return props.hasError ? '2px solid var(--red)' : '1px solid var(--dark-opacity-10)'; }, function (props) { return props.hasError ? '18.5px 23px' : '19.5px 24px'; }, function (props) { return props.hasError ? 'var(--red)' : 'var(--dark)'; }, function (props) { return props.readonly ? 'none' : 'initial'; }, function (props) { return props.readonly ? 'none' : 'initial'; }, function (props) { return props.hasError ? 'var(--red)' : 'var(--dark-opacity-50)'; }, function (props) { return props.hasError ? 'var(--red)' : 'var(--primary)'; }, function (props) { return props.hasError ? 'var(--red)' : 'var(--dark)'; });
14
14
  exports.DropdownStyled = styled_components_1.default.ul(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n border-radius: 0 0 8px 8px;\n box-shadow: none;\n border: 1px solid var(--dark-opacity-10);\n overflow: auto;\n max-height: ", ";\n border-top: 0;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n z-index: 10;\n padding: 0;\n margin: 0;\n > li {\n height: 51px;\n padding: 0 1.5rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: #fff;\n position: relative;\n color: var(--dark);\n cursor: pointer;\n box-sizing: border-box;\n font : var(--title-bold-16-19);\n &:not(.hasNoResult):hover{\n background-color: var(--dark-opacity-3);\n }\n &.isFixedBottom{\n color: var(--dark-opacity-50);\n position: sticky;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 4;\n }\n &.hasNoResult{\n cursor: initial;\n height: auto;\n }\n }\n"], ["\n border-radius: 0 0 8px 8px;\n box-shadow: none;\n border: 1px solid var(--dark-opacity-10);\n overflow: auto;\n max-height: ", ";\n border-top: 0;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n z-index: 10;\n padding: 0;\n margin: 0;\n > li {\n height: 51px;\n padding: 0 1.5rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: #fff;\n position: relative;\n color: var(--dark);\n cursor: pointer;\n box-sizing: border-box;\n font : var(--title-bold-16-19);\n &:not(.hasNoResult):hover{\n background-color: var(--dark-opacity-3);\n }\n &.isFixedBottom{\n color: var(--dark-opacity-50);\n position: sticky;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 4;\n }\n &.hasNoResult{\n cursor: initial;\n height: auto;\n }\n }\n"])), function (props) { return props.dropdownMaxHeight && props.dropdownMaxHeight; });
15
15
  var templateObject_1, templateObject_2, templateObject_3;
package/dist/components/Breadcrumbs/Breadcrumbs.js CHANGED
@@ -24,15 +24,12 @@ var classnames_1 = __importDefault(require("classnames"));
24
24
  var Breadcrumbs = function (props) {
25
25
  var data = props.data, subMenuRowLength = props.subMenuRowLength, onClickBackIcon = props.onClickBackIcon;
26
26
  var getSubData = function () {
27
- var refactorData = data === null || data === void 0 ? void 0 : data.find(function (dataItem) { var _a; return ((_a = dataItem.children) === null || _a === void 0 ? void 0 : _a.length) > 0; });
28
- if (refactorData && refactorData.children) {
29
- return refactorData === null || refactorData === void 0 ? void 0 : refactorData.children;
30
- }
31
- return [];
27
+ var refactorData = data === null || data === void 0 ? void 0 : data.find(function (dataItem) { var _a; return ((_a = dataItem === null || dataItem === void 0 ? void 0 : dataItem.children) === null || _a === void 0 ? void 0 : _a.length) > 0; });
28
+ return (refactorData === null || refactorData === void 0 ? void 0 : refactorData.children) || [];
32
29
  };
33
30
  var ButtonLinkComponent = function (_a) {
34
31
  var item = _a.item, children = _a.children;
35
- return item.component ? ((0, jsx_runtime_1.jsx)(item.component, { children: children })) : ((0, jsx_runtime_1.jsx)("a", __assign({ href: item.slug }, { children: children })));
32
+ return item.component ? (0, jsx_runtime_1.jsx)(item.component, { children: children }) : (0, jsx_runtime_1.jsx)("a", __assign({ href: item.slug }, { children: children }));
36
33
  };
37
34
  (0, react_1.useEffect)(function () {
38
35
  var _a, _b;
@@ -46,28 +43,26 @@ var Breadcrumbs = function (props) {
46
43
  }, [data]);
47
44
  var SubMenu = function (_a) {
48
45
  var data = _a.data, item = _a.item;
49
- var rowLength = subMenuRowLength;
50
- if (item.subMenuRowLength)
51
- rowLength = item.subMenuRowLength;
46
+ var rowLength = item.subMenuRowLength || subMenuRowLength;
52
47
  var grid = rowLength && Math.ceil(data.length / rowLength);
53
48
  var dataWithColumn = (0, refactorColumn_1.default)(data, rowLength || 0);
54
- return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.DropdownList, __assign({ gridTemplateColumns: grid }, { children: dataWithColumn === null || dataWithColumn === void 0 ? void 0 : dataWithColumn.map(function (childColumn, key) {
49
+ return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.DropdownList, __assign({ "$gridTemplateColumns": grid }, { children: dataWithColumn === null || dataWithColumn === void 0 ? void 0 : dataWithColumn.map(function (childColumn, key) {
55
50
  return ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.SubCategoryItem, { children: (0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.SubCategoryItemList, { children: childColumn === null || childColumn === void 0 ? void 0 : childColumn.map(function (child) {
56
- return ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.SubCategoryItemListItem, __assign({ isActive: child.isActive, isSeeAll: child.isSeeAll }, { children: (0, jsx_runtime_1.jsx)(ButtonLinkComponent, __assign({ item: child }, { children: child.name })) }), child.id));
51
+ return ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.SubCategoryItemListItem, __assign({ "$isActive": child.isActive, "$isSeeAll": child.isSeeAll }, { children: (0, jsx_runtime_1.jsx)(ButtonLinkComponent, __assign({ item: child }, { children: child.name })) }), child.id));
57
52
  }) }) }, key));
58
53
  }) })) }));
59
54
  };
60
55
  var SubMenuMobile = function () {
61
- var _a;
62
- return ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.SubMenuMobileWrapper, __assign({ className: "breadcrumbSm" }, { children: (_a = getSubData()) === null || _a === void 0 ? void 0 : _a.map(function (item) {
63
- return ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.SubMenuMobileItem, __assign({ isActive: item.isActive, className: (0, classnames_1.default)({
56
+ var _a, _b;
57
+ return ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.SubMenuMobileWrapper, __assign({ className: "breadcrumbSm" }, { children: (_b = (_a = getSubData()) === null || _a === void 0 ? void 0 : _a.filter(function (item) { return !item.isHideMobile; })) === null || _b === void 0 ? void 0 : _b.map(function (item) {
58
+ return ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.SubMenuMobileItem, __assign({ "$isActive": item.isActive, className: (0, classnames_1.default)({
64
59
  "active": item.isActive,
65
60
  }) }, { children: (0, jsx_runtime_1.jsx)(ButtonLinkComponent, __assign({ item: item }, { children: item.name })) }), item.id));
66
61
  }) })));
67
62
  };
68
63
  return ((0, jsx_runtime_1.jsxs)(Breadcrumbs_styled_1.BreadcrumbsWrapper, { children: [(0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsList, { children: data === null || data === void 0 ? void 0 : data.map(function (breadCrumbItem, key) {
69
64
  var _a;
70
- return ((0, jsx_runtime_1.jsxs)(Breadcrumbs_styled_1.BreadcrumbsListItem, { children: [(0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemBackIconWrapper, __assign({ onClick: onClickBackIcon }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { strokeWidth: "3px", name: "ArrowLeftBig", width: "16px", height: "16px" }) })), ((_a = breadCrumbItem === null || breadCrumbItem === void 0 ? void 0 : breadCrumbItem.children) === null || _a === void 0 ? void 0 : _a.length) > 0 ? ((0, jsx_runtime_1.jsxs)(Breadcrumbs_styled_1.BreadcrumbsListDropdownWrapper, { children: [key >= 1 && ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowSmallRightStroke" }) })), (0, jsx_runtime_1.jsxs)(Breadcrumbs_styled_1.BreadcrumbsListDropdownOpener, { children: [breadCrumbItem.name, (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowSmallDown" })] }), (0, jsx_runtime_1.jsx)(SubMenu, { item: breadCrumbItem, data: breadCrumbItem.children })] })) : ((0, jsx_runtime_1.jsxs)(ButtonLinkComponent, __assign({ item: breadCrumbItem }, { children: [key >= 1 && ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowSmallRightStroke" }) })), (0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemInner, { children: breadCrumbItem.name })] })))] }, key));
65
+ return ((0, jsx_runtime_1.jsxs)(Breadcrumbs_styled_1.BreadcrumbsListItem, { children: [(0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemBackIconWrapper, __assign({ onClick: onClickBackIcon }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { strokeWidth: "3px", name: "ArrowLeftBig", width: "16px", height: "16px" }) })), ((_a = breadCrumbItem === null || breadCrumbItem === void 0 ? void 0 : breadCrumbItem.children) === null || _a === void 0 ? void 0 : _a.length) > 0 ? ((0, jsx_runtime_1.jsxs)(Breadcrumbs_styled_1.BreadcrumbsListDropdownWrapper, { children: [key >= 1 && ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowSmallRightStroke" }) })), (0, jsx_runtime_1.jsxs)(Breadcrumbs_styled_1.BreadcrumbsListDropdownOpener, { children: [breadCrumbItem.name, (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowSmallDown" })] }), (0, jsx_runtime_1.jsx)(SubMenu, { item: breadCrumbItem, data: breadCrumbItem.children.filter(function (item) { return !item.isHideDesktop; }) })] })) : ((0, jsx_runtime_1.jsxs)(ButtonLinkComponent, __assign({ item: breadCrumbItem }, { children: [key >= 1 && ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowSmallRightStroke" }) })), (0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemInner, { children: breadCrumbItem.name })] })))] }, key));
71
66
  }) }), (0, jsx_runtime_1.jsx)(SubMenuMobile, {})] }));
72
67
  };
73
68
  exports.default = Breadcrumbs;
package/dist/components/Breadcrumbs/Breadcrumbs.styled.js CHANGED
@@ -18,11 +18,11 @@ exports.BreadcrumbsListItemIconWrapper = styled_components_1.default.span(templa
18
18
  exports.BreadcrumbsListItemBackIconWrapper = styled_components_1.default.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin-left: 0;\n margin-right: 16px;\n display: none;\n @media only screen and ", " {\n display: block;\n }\n div {\n display: block;\n }\n"], ["\n margin-left: 0;\n margin-right: 16px;\n display: none;\n @media only screen and ", " {\n display: block;\n }\n div {\n display: block;\n }\n"])), devices_1.devices.xl);
19
19
  exports.BreadcrumbsListDropdownWrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n\n"])));
20
20
  exports.BreadcrumbsListDropdownOpener = styled_components_1.default.button(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid var(--primary);\n border-radius: 4px;\n color: var(--primary);\n padding: 0 8px;\n background-color: white;\n height: 24px;\n cursor: pointer;\n outline: none !important;\n font:var(--caption-bold-12-15);\n svg {\n display: inline-block;\n vertical-align: middle;\n width: 16px;\n height: 16px;\n margin-left: 8px;\n transition: all 0.2s ease-in-out;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid var(--primary);\n border-radius: 4px;\n color: var(--primary);\n padding: 0 8px;\n background-color: white;\n height: 24px;\n cursor: pointer;\n outline: none !important;\n font:var(--caption-bold-12-15);\n svg {\n display: inline-block;\n vertical-align: middle;\n width: 16px;\n height: 16px;\n margin-left: 8px;\n transition: all 0.2s ease-in-out;\n }\n"])));
21
- exports.DropdownList = styled_components_1.default.ul(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n border: 1px solid var(--grey-10);\n background: white;\n z-index:5;\n border-radius: 8px;\n box-shadow: 0 6px 30px var(--grey-10);\n display: grid;\n padding: 8px;\n grid-template-columns: repeat(\n ", ",\n 154px\n );\n text-align: start;\n gap: 0 16px;\n position: absolute;\n left: 55px;\n top: calc(100% + 8px);\n opacity: 0;\n visibility: hidden;\n transform: translateY(10px);\n transition: all 0.2s ease-in-out;\n"], ["\n border: 1px solid var(--grey-10);\n background: white;\n z-index:5;\n border-radius: 8px;\n box-shadow: 0 6px 30px var(--grey-10);\n display: grid;\n padding: 8px;\n grid-template-columns: repeat(\n ", ",\n 154px\n );\n text-align: start;\n gap: 0 16px;\n position: absolute;\n left: 55px;\n top: calc(100% + 8px);\n opacity: 0;\n visibility: hidden;\n transform: translateY(10px);\n transition: all 0.2s ease-in-out;\n"])), function (props) { return props.gridTemplateColumns || "3"; });
21
+ exports.DropdownList = styled_components_1.default.ul(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n border: 1px solid var(--grey-10);\n background: white;\n z-index:5;\n border-radius: 8px;\n box-shadow: 0 6px 30px var(--grey-10);\n display: grid;\n padding: 8px;\n grid-template-columns: repeat(\n ", ",\n 154px\n );\n text-align: start;\n gap: 0 16px;\n position: absolute;\n left: 55px;\n top: calc(100% + 8px);\n opacity: 0;\n visibility: hidden;\n transform: translateY(10px);\n transition: all 0.2s ease-in-out;\n"], ["\n border: 1px solid var(--grey-10);\n background: white;\n z-index:5;\n border-radius: 8px;\n box-shadow: 0 6px 30px var(--grey-10);\n display: grid;\n padding: 8px;\n grid-template-columns: repeat(\n ", ",\n 154px\n );\n text-align: start;\n gap: 0 16px;\n position: absolute;\n left: 55px;\n top: calc(100% + 8px);\n opacity: 0;\n visibility: hidden;\n transform: translateY(10px);\n transition: all 0.2s ease-in-out;\n"])), function (props) { return props.$gridTemplateColumns || "3"; });
22
22
  exports.SubCategoryItem = styled_components_1.default.li(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
23
23
  exports.SubCategoryItemList = styled_components_1.default.ul(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n display: grid;\n padding: 0;\n gap: 4px 0;\n"], ["\n display: grid;\n padding: 0;\n gap: 4px 0;\n"])));
24
- exports.SubCategoryItemListItem = styled_components_1.default.li(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n display: block;\n padding: 0;\n font:var(--caption-medium-12-15);\n > a {\n text-decoration: none;\n color: var(--dark);\n padding: 8px;\n border-radius: 5px;\n display: block;\n ", "\n background-color : var(--primary-opacity-10);\n color: var(--primary);\n font-weight: 700;\n ", "\n ", "\n }\n"], ["\n display: block;\n padding: 0;\n font:var(--caption-medium-12-15);\n > a {\n text-decoration: none;\n color: var(--dark);\n padding: 8px;\n border-radius: 5px;\n display: block;\n ", "\n background-color : var(--primary-opacity-10);\n color: var(--primary);\n font-weight: 700;\n ", "\n ", "\n }\n"])), function (props) { return (props.isActive ? "" : "&:hover{"); }, function (props) { return (props.isActive ? "" : "}"); }, function (props) { return (props.isSeeAll ? "font-weight: 700;" : ""); });
24
+ exports.SubCategoryItemListItem = styled_components_1.default.li(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n display: block;\n padding: 0;\n font:var(--caption-medium-12-15);\n > a {\n text-decoration: none;\n color: var(--dark);\n padding: 8px;\n border-radius: 5px;\n display: block;\n ", "\n background-color : var(--primary-opacity-10);\n color: var(--primary);\n font-weight: 700;\n ", "\n ", "\n }\n"], ["\n display: block;\n padding: 0;\n font:var(--caption-medium-12-15);\n > a {\n text-decoration: none;\n color: var(--dark);\n padding: 8px;\n border-radius: 5px;\n display: block;\n ", "\n background-color : var(--primary-opacity-10);\n color: var(--primary);\n font-weight: 700;\n ", "\n ", "\n }\n"])), function (props) { return (props.$isActive ? "" : "&:hover{"); }, function (props) { return (props.$isActive ? "" : "}"); }, function (props) { return (props.$isSeeAll ? "font-weight: 700;" : ""); });
25
25
  exports.BreadcrumbsListDropdownListItem = styled_components_1.default.li(templateObject_13 || (templateObject_13 = __makeTemplateObject([""], [""])));
26
26
  exports.SubMenuMobileWrapper = styled_components_1.default.ul(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n position: relative;\n overflow: auto;\n white-space: nowrap;\n gap: 8px;\n scroll-snap-type: x proximity;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: none;\n overflow-x: scroll;\n padding: 2rem 15px 2rem 15px;\n margin: 0 -15px 0 -15px;\n display: none;\n width: calc(100% + 30px);\n &::-webkit-scrollbar {\n display: none;\n }\n &:empty {\n padding: 2rem 15px 0.5rem 15px;\n }\n @media only screen and ", " {\n display: flex;\n }\n"], ["\n position: relative;\n overflow: auto;\n white-space: nowrap;\n gap: 8px;\n scroll-snap-type: x proximity;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: none;\n overflow-x: scroll;\n padding: 2rem 15px 2rem 15px;\n margin: 0 -15px 0 -15px;\n display: none;\n width: calc(100% + 30px);\n &::-webkit-scrollbar {\n display: none;\n }\n &:empty {\n padding: 2rem 15px 0.5rem 15px;\n }\n @media only screen and ", " {\n display: flex;\n }\n"])), devices_1.devices.xl);
27
- exports.SubMenuMobileItem = styled_components_1.default.li(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n display: block;\n font:var(--caption-bold-12-15);\n a {\n display: block;\n padding: 0 24px;\n height:40px;\n line-height:38px;\n background: #ffffff;\n border: 1px solid ", ";\n box-shadow: 0 6px 30px #eae9f0;\n border-radius: 8px;\n text-align: center;\n box-sizing:border-box;\n color: ", ";\n }\n"], ["\n display: block;\n font:var(--caption-bold-12-15);\n a {\n display: block;\n padding: 0 24px;\n height:40px;\n line-height:38px;\n background: #ffffff;\n border: 1px solid ", ";\n box-shadow: 0 6px 30px #eae9f0;\n border-radius: 8px;\n text-align: center;\n box-sizing:border-box;\n color: ", ";\n }\n"])), function (props) { return (props.isActive ? "var(--primary)" : "var(--grey-10)"); }, function (props) { return (props.isActive ? "var(--primary)" : "var(--dark-opacity-75)"); });
27
+ exports.SubMenuMobileItem = styled_components_1.default.li(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n display: block;\n font:var(--caption-bold-12-15);\n a {\n display: block;\n padding: 0 24px;\n height:40px;\n line-height:38px;\n background: #ffffff;\n border: 1px solid ", ";\n box-shadow: 0 6px 30px #eae9f0;\n border-radius: 8px;\n text-align: center;\n box-sizing:border-box;\n color: ", ";\n }\n"], ["\n display: block;\n font:var(--caption-bold-12-15);\n a {\n display: block;\n padding: 0 24px;\n height:40px;\n line-height:38px;\n background: #ffffff;\n border: 1px solid ", ";\n box-shadow: 0 6px 30px #eae9f0;\n border-radius: 8px;\n text-align: center;\n box-sizing:border-box;\n color: ", ";\n }\n"])), function (props) { return (props.$isActive ? "var(--primary)" : "var(--grey-10)"); }, function (props) { return (props.$isActive ? "var(--primary)" : "var(--dark-opacity-75)"); });
28
28
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
package/dist/components/Button/Button.js CHANGED
@@ -15,6 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
15
15
  };
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
17
  var jsx_runtime_1 = require("react/jsx-runtime");
18
+ var react_1 = require("react");
18
19
  var Button_styled_1 = require("./Button.styled");
19
20
  var classnames_1 = __importDefault(require("classnames"));
20
21
  var Icon_1 = __importDefault(require("../Icon/Icon"));
@@ -24,10 +25,10 @@ var Children = function (props) {
24
25
  var children = props.children, icon = props.icon, iconStrokeWidth = props.iconStrokeWidth;
25
26
  return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "children" }, { children: children })), icon && ((0, jsx_runtime_1.jsx)(Button_styled_1.IconStyled, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { strokeWidth: iconStrokeWidth, name: icon, width: "16px", height: "16px" }) })))] });
26
27
  };
27
- var Button = function (props) {
28
+ var Button = (0, react_1.forwardRef)(function (props, ref) {
28
29
  var type = props.type, isLoading = props.isLoading, onClick = props.onClick, disabled = props.disabled, size = props.size, variant = props.variant, width = props.width, icon = props.icon, children = props.children, iconStrokeWidth = props.iconStrokeWidth;
29
- return ((0, jsx_runtime_1.jsx)(Button_styled_1.ButtonStyled, __assign({ className: (0, classnames_1.default)({ "loading": isLoading }), onClick: onClick, disabled: disabled || isLoading, size: size, variant: variant, width: width, icon: icon, type: type }, { children: isLoading ? ((0, jsx_runtime_1.jsx)(Loader_1.default, { width: size === "big" ? "24px" : "16px", height: size === "big" ? "24px" : "16px", variant: variant === 'primary' ? 'secondary' : 'primary' })) : (0, jsx_runtime_1.jsx)(Children, __assign({ iconStrokeWidth: iconStrokeWidth, icon: icon }, { children: children })) })));
30
- };
30
+ return ((0, jsx_runtime_1.jsx)(Button_styled_1.ButtonStyled, __assign({ className: (0, classnames_1.default)({ "loading": isLoading }), onClick: onClick, disabled: disabled || isLoading, size: size, variant: variant, width: width, icon: icon, type: type, ref: ref }, { children: isLoading ? ((0, jsx_runtime_1.jsx)(Loader_1.default, { width: size === "big" ? "24px" : "16px", height: size === "big" ? "24px" : "16px", variant: variant === 'primary' ? 'secondary' : 'primary' })) : (0, jsx_runtime_1.jsx)(Children, __assign({ iconStrokeWidth: iconStrokeWidth, icon: icon }, { children: children })) })));
31
+ });
31
32
  Button.propTypes = {
32
33
  iconStrokeWidth: prop_types_1.default.string,
33
34
  };
package/dist/components/CategoryMenu/CategoryMenu.js CHANGED
@@ -38,7 +38,7 @@ var CategoryMenu = function (props) {
38
38
  };
39
39
  var MenuButton = function (_a) {
40
40
  var item = __rest(_a, []);
41
- return ((0, jsx_runtime_1.jsxs)(CategoryMenu_styled_1.CategoryItem, __assign({ isActiveCategory: item.isActive }, { children: [(0, jsx_runtime_1.jsx)(ButtonLinkComponent, __assign({ item: item }, { children: (0, jsx_runtime_1.jsxs)(CategoryMenu_styled_1.CategoryItemButtonInner, { children: [(0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonIcon, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: item.icon }) }), (0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonTitle, { children: item.name })] }) })), item.children] })));
41
+ return ((0, jsx_runtime_1.jsxs)(CategoryMenu_styled_1.CategoryItem, __assign({ "$isActiveCategory": item.isActive }, { children: [(0, jsx_runtime_1.jsx)(ButtonLinkComponent, __assign({ item: item }, { children: (0, jsx_runtime_1.jsxs)(CategoryMenu_styled_1.CategoryItemButtonInner, { children: [(0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonIcon, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: item.icon }) }), (0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonTitle, { children: item.name })] }) })), item.children] })));
42
42
  };
43
43
  var CategorySubMenu = function (_a) {
44
44
  var item = _a.item, children = _a.children;
@@ -47,8 +47,8 @@ var CategoryMenu = function (props) {
47
47
  rowLength = item.subMenuRowLength;
48
48
  var grid = rowLength && Math.ceil(children.length / rowLength);
49
49
  var dataWithColumn = (0, refactorColumn_1.default)(children, rowLength || 0);
50
- return ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.SubMenu, __assign({ gridTemplateColumns: grid }, { children: dataWithColumn.map(function (item, key) {
51
- return ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.SubCategoryItem, { children: (0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.SubCategoryInner, { children: item.map(function (subItem, subKey) { return ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.SubCategoryInnerItem, __assign({ isSeeAll: subItem.isSeeAll }, { children: (0, jsx_runtime_1.jsx)(ButtonLinkComponent, __assign({ item: subItem }, { children: (0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.SubCategoryInnerItemButtonInner, { children: subItem.name }) })) }), subItem.id)); }) }) }, key));
50
+ return ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.SubMenu, __assign({ "$gridTemplateColumns": grid }, { children: dataWithColumn.map(function (item, key) {
51
+ return ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.SubCategoryItem, { children: (0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.SubCategoryInner, { children: item.map(function (subItem, subKey) { return ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.SubCategoryInnerItem, __assign({ "$isSeeAll": subItem.isSeeAll }, { children: (0, jsx_runtime_1.jsx)(ButtonLinkComponent, __assign({ item: subItem }, { children: (0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.SubCategoryInnerItemButtonInner, { children: subItem.name }) })) }), subItem.id)); }) }) }, key));
52
52
  }) })));
53
53
  };
54
54
  return ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryMenuWrapper, { children: data === null || data === void 0 ? void 0 : data.map(function (item) {
package/dist/components/CategoryMenu/CategoryMenu.styled.js CHANGED
@@ -31,13 +31,13 @@ exports.SubCategoryInnerItemButtonInner = exports.SubCategoryInnerItem = exports
31
31
  var styled_components_1 = __importStar(require("styled-components"));
32
32
  exports.CategoryMenuWrapper = styled_components_1.default.ul(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n padding:0;\n margin: 12.5px auto;\n max-width: 1050px;\n a {\n text-decoration:none;\n &:not([href]){\n cursor: initial;\n *{\n cursor: initial;\n }\n }\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n padding:0;\n margin: 12.5px auto;\n max-width: 1050px;\n a {\n text-decoration:none;\n &:not([href]){\n cursor: initial;\n *{\n cursor: initial;\n }\n }\n }\n"])));
33
33
  var hoverAndActive = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n color: var(--dark);\n &:before{\n border-color: var(--grey-10);\n box-shadow: 0 6px 30px 0 #EAE9F0;\n }\n"], ["\n color: var(--dark);\n &:before{\n border-color: var(--grey-10);\n box-shadow: 0 6px 30px 0 #EAE9F0;\n }\n"])));
34
- exports.CategoryItem = styled_components_1.default.li(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: block;\n position: relative;\n margin: 0;\n padding-bottom: 8px;\n padding-top: 8px;\n &:not(:last-child):not(:nth-last-child(2)){\n path, circle, rect {\n color : var(--dark-opacity-75)\n }\n }\n &:hover{\n &:not(:last-child):not(:nth-last-child(2)){\n path , circle, rect {\n color : var(--dark);\n }\n }\n > ul{\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n transition-delay: 0.3s;\n }\n > a {\n > span{\n ", "\n }\n }\n }\n &:last-child , &:nth-last-child(2){\n ul{\n left: auto;\n right: 0;\n }\n }\n ", "\n"], ["\n display: block;\n position: relative;\n margin: 0;\n padding-bottom: 8px;\n padding-top: 8px;\n &:not(:last-child):not(:nth-last-child(2)){\n path, circle, rect {\n color : var(--dark-opacity-75)\n }\n }\n &:hover{\n &:not(:last-child):not(:nth-last-child(2)){\n path , circle, rect {\n color : var(--dark);\n }\n }\n > ul{\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n transition-delay: 0.3s;\n }\n > a {\n > span{\n ", "\n }\n }\n }\n &:last-child , &:nth-last-child(2){\n ul{\n left: auto;\n right: 0;\n }\n }\n ", "\n"])), hoverAndActive, function (props) { return props.isActiveCategory ? "\n > a > span{\n ".concat(hoverAndActive, "\n }\n ") : ""; });
34
+ exports.CategoryItem = styled_components_1.default.li(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: block;\n position: relative;\n margin: 0;\n padding-bottom: 8px;\n padding-top: 8px;\n &:not(:last-child):not(:nth-last-child(2)){\n path, circle, rect {\n color : var(--dark-opacity-75)\n }\n }\n &:hover{\n &:not(:last-child):not(:nth-last-child(2)){\n path , circle, rect {\n color : var(--dark);\n }\n }\n > ul{\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n transition-delay: 0.3s;\n }\n > a {\n > span{\n ", "\n }\n }\n }\n &:last-child , &:nth-last-child(2){\n ul{\n left: auto;\n right: 0;\n }\n }\n ", "\n"], ["\n display: block;\n position: relative;\n margin: 0;\n padding-bottom: 8px;\n padding-top: 8px;\n &:not(:last-child):not(:nth-last-child(2)){\n path, circle, rect {\n color : var(--dark-opacity-75)\n }\n }\n &:hover{\n &:not(:last-child):not(:nth-last-child(2)){\n path , circle, rect {\n color : var(--dark);\n }\n }\n > ul{\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n transition-delay: 0.3s;\n }\n > a {\n > span{\n ", "\n }\n }\n }\n &:last-child , &:nth-last-child(2){\n ul{\n left: auto;\n right: 0;\n }\n }\n ", "\n"])), hoverAndActive, function (props) { return props.$isActiveCategory ? "\n > a > span{\n ".concat(hoverAndActive, "\n }\n ") : ""; });
35
35
  exports.CategoryItemButtonInner = styled_components_1.default.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n text-decoration: none;\n padding: 12px 16px;\n color: var(--dark-opacity-75);\n margin: 0;\n transition: all 0.2s ease-in-out;\n text-align: center;\n outline: none;\n display: block;\n position: relative;\n border: 0;\n background: transparent;\n outline: 0;\n width: 100%;\n font-family:inherit;\n cursor:pointer;\n box-sizing: border-box;\n &:before{\n content: \"\";\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border: 1px solid white;\n color: var(--dark-opacity-75);\n background-color: white;\n border-radius: 8px;\n z-index: -1;\n transition: all 0.2s ease-in-out;\n }\n"], ["\n text-decoration: none;\n padding: 12px 16px;\n color: var(--dark-opacity-75);\n margin: 0;\n transition: all 0.2s ease-in-out;\n text-align: center;\n outline: none;\n display: block;\n position: relative;\n border: 0;\n background: transparent;\n outline: 0;\n width: 100%;\n font-family:inherit;\n cursor:pointer;\n box-sizing: border-box;\n &:before{\n content: \"\";\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border: 1px solid white;\n color: var(--dark-opacity-75);\n background-color: white;\n border-radius: 8px;\n z-index: -1;\n transition: all 0.2s ease-in-out;\n }\n"])));
36
36
  exports.CategoryItemButtonIcon = styled_components_1.default.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: 24px;\n display:block;\n"], ["\n height: 24px;\n display:block;\n"])));
37
37
  exports.CategoryItemButtonTitle = styled_components_1.default.strong(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin-top: 8px;\n display:block;\n font:var(--caption-semi-bold-12-15);\n"], ["\n margin-top: 8px;\n display:block;\n font:var(--caption-semi-bold-12-15);\n"])));
38
- exports.SubMenu = styled_components_1.default.ul(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n padding: 8px;\n border: 1px solid var(--grey-10);\n background-color: white;\n position: absolute;\n left: 0;\n border-radius: 8px;\n top: 100%;\n transition: all 0.2s ease-in-out;\n opacity: 0;\n visibility: hidden;\n transform: translateY(10px);\n display: grid;\n gap: 0 16px;\n grid-template-columns: repeat(", ", 154px);\n transition-delay: 0s;\n"], ["\n padding: 8px;\n border: 1px solid var(--grey-10);\n background-color: white;\n position: absolute;\n left: 0;\n border-radius: 8px;\n top: 100%;\n transition: all 0.2s ease-in-out;\n opacity: 0;\n visibility: hidden;\n transform: translateY(10px);\n display: grid;\n gap: 0 16px;\n grid-template-columns: repeat(", ", 154px);\n transition-delay: 0s;\n"])), function (props) { return props.gridTemplateColumns || '3'; });
38
+ exports.SubMenu = styled_components_1.default.ul(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n padding: 8px;\n border: 1px solid var(--grey-10);\n background-color: white;\n position: absolute;\n left: 0;\n border-radius: 8px;\n top: 100%;\n transition: all 0.2s ease-in-out;\n opacity: 0;\n visibility: hidden;\n transform: translateY(10px);\n display: grid;\n gap: 0 16px;\n grid-template-columns: repeat(", ", 154px);\n transition-delay: 0s;\n"], ["\n padding: 8px;\n border: 1px solid var(--grey-10);\n background-color: white;\n position: absolute;\n left: 0;\n border-radius: 8px;\n top: 100%;\n transition: all 0.2s ease-in-out;\n opacity: 0;\n visibility: hidden;\n transform: translateY(10px);\n display: grid;\n gap: 0 16px;\n grid-template-columns: repeat(", ", 154px);\n transition-delay: 0s;\n"])), function (props) { return props.$gridTemplateColumns || '3'; });
39
39
  exports.SubCategoryItem = styled_components_1.default.li(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: block;\n padding: 0;\n"], ["\n display: block;\n padding: 0;\n"])));
40
40
  exports.SubCategoryInner = styled_components_1.default.ul(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n padding: 0;\n display: grid;\n gap:4px 0;\n"], ["\n padding: 0;\n display: grid;\n gap:4px 0;\n"])));
41
- exports.SubCategoryInnerItem = styled_components_1.default.li(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n padding: 0;\n display: block;\n a > span {\n font-weight: ", ";\n }\n"], ["\n padding: 0;\n display: block;\n a > span {\n font-weight: ", ";\n }\n"])), function (props) { return props.isSeeAll ? '600' : '500'; });
41
+ exports.SubCategoryInnerItem = styled_components_1.default.li(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n padding: 0;\n display: block;\n a > span {\n font-weight: ", ";\n }\n"], ["\n padding: 0;\n display: block;\n a > span {\n font-weight: ", ";\n }\n"])), function (props) { return props.$isSeeAll ? '600' : '500'; });
42
42
  exports.SubCategoryInnerItemButtonInner = styled_components_1.default.span(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n display:block;\n text-decoration: none;\n color: var(--dark);\n padding: 8px;\n border-radius: 5px;\n background: transparent;\n outline:0;\n border:0;\n width:100%;\n text-align:start;\n cursor:pointer;\n box-sizing: border-box;\n font:var(--caption-medium-12-15);\n &:hover {\n background-color: var(--primary-opacity-10);\n color: var(--primary);\n font-weight: 600;\n }\n"], ["\n display:block;\n text-decoration: none;\n color: var(--dark);\n padding: 8px;\n border-radius: 5px;\n background: transparent;\n outline:0;\n border:0;\n width:100%;\n text-align:start;\n cursor:pointer;\n box-sizing: border-box;\n font:var(--caption-medium-12-15);\n &:hover {\n background-color: var(--primary-opacity-10);\n color: var(--primary);\n font-weight: 600;\n }\n"])));
43
43
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
package/dist/components/Icon/Icon.js CHANGED
@@ -16,7 +16,7 @@ var index_1 = require("./index");
16
16
  var Icon_styled_1 = require("./Icon.styled");
17
17
  var Icon = function (props) {
18
18
  var width = props.width, height = props.height, hasWrapper = props.hasWrapper, strokeWidth = props.strokeWidth, color = props.color;
19
- return hasWrapper ? ((0, jsx_runtime_1.jsx)(Icon_styled_1.IconWrapper, __assign({ width: width, height: height, strokeWidth: strokeWidth, color: color }, { children: index_1.iconList[props.name]({}) || (0, jsx_runtime_1.jsx)("div", {}) }))) : (index_1.iconList[props.name](__assign({}, props)) || (0, jsx_runtime_1.jsx)("div", {}));
19
+ return hasWrapper ? ((0, jsx_runtime_1.jsx)(Icon_styled_1.IconWrapper, __assign({ width: width, height: height, strokeWidth: strokeWidth, color: color }, { children: index_1.iconList[props.name]({}) || (0, jsx_runtime_1.jsx)("div", {}) }))) : (index_1.iconList[props.name]({ width: width, height: height, color: color }) || (0, jsx_runtime_1.jsx)("div", {}));
20
20
  };
21
21
  Icon.defaultProps = {
22
22
  hasWrapper: true
package/dist/components/SearchBox/SearchBox.js CHANGED
@@ -36,7 +36,7 @@ var SearchBox = function (props) {
36
36
  setShadowHeight("48px");
37
37
  }
38
38
  }, [(_a = resultRef === null || resultRef === void 0 ? void 0 : resultRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight, showResultList, isLoading, children]);
39
- return ((0, jsx_runtime_1.jsxs)(SearchBox_styled_1.SearchBoxStyled, __assign({ shadowHeight: shadowHeight }, { children: [(0, jsx_runtime_1.jsx)("div", { className: "shadow" }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "inputWrapper" }, { children: [(0, jsx_runtime_1.jsx)("input", { type: "text", placeholder: placeholder, onKeyUp: onKeyUp, onBlur: onBlur, onFocus: onFocus, value: value, onChange: onChange }), (0, jsx_runtime_1.jsx)("button", __assign({ onClick: onButtonClick, className: "icon" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "Search", hasWrapper: false, width: "16px", height: "16px" }) }))] })), showResultList && ((0, jsx_runtime_1.jsx)("div", __assign({ ref: resultRef, className: "resultList" }, { children: isLoading ? (0, jsx_runtime_1.jsx)(LoadingContent, {}) : children })))] })));
39
+ return ((0, jsx_runtime_1.jsxs)(SearchBox_styled_1.SearchBoxStyled, __assign({ "$shadowHeight": shadowHeight }, { children: [(0, jsx_runtime_1.jsx)("div", { className: "shadow" }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "inputWrapper" }, { children: [(0, jsx_runtime_1.jsx)("input", { type: "text", placeholder: placeholder, onKeyUp: onKeyUp, onBlur: onBlur, onFocus: onFocus, value: value, onChange: onChange }), (0, jsx_runtime_1.jsx)("button", __assign({ onClick: onButtonClick, className: "icon" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "Search", hasWrapper: false, width: "16px", height: "16px" }) }))] })), showResultList && ((0, jsx_runtime_1.jsx)("div", __assign({ ref: resultRef, className: "resultList" }, { children: isLoading ? (0, jsx_runtime_1.jsx)(LoadingContent, {}) : children })))] })));
40
40
  };
41
41
  SearchBox.defaultProps = {
42
42
  showResultList: false,
package/dist/components/SearchBox/SearchBox.styled.js CHANGED
@@ -10,6 +10,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
10
10
  exports.LoadingStyled = exports.SearchBoxStyled = void 0;
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
12
  var devices_1 = require("../../constants/devices");
13
- exports.SearchBoxStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n .shadow{\n height: ", ";\n position: absolute;\n width: calc(100% - 10px);\n left: 50%;\n transform: translateX(-50%);\n border-radius: 8px;\n box-shadow: 0 6px 30px 0 var(--dark-opacity-10);\n @media only screen and ", " {\n box-shadow: 0 0 16px 0 var(--dark-opacity-10);\n }\n }\n .inputWrapper {\n position: relative;\n z-index: 5;\n border-radius: 8px;\n input {\n box-sizing: border-box;\n width: 100%;\n height: 48px;\n background: white;\n border-radius: 8px;\n border: 1px solid var(--dark-opacity-10);\n padding: 8px 24px;\n color: var(--dark);\n font : var(--body-medium-14-17);\n line-height: normal;\n outline: none;\n &::placeholder {\n color: var(--dark-opacity-50);\n }\n }\n .icon {\n position: absolute;\n right: 1rem;\n top: 50%;\n transform: translateY(-50%);\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: transparent;\n border:0;\n outline: none;\n cursor: pointer;\n padding: 0;\n color: var(--primary);\n &:hover{\n color: var(--primary-hover);\n }\n }\n }\n\n .resultList {\n border: 1px solid var(--dark-opacity-10);\n padding: 1.5rem;\n border-radius: 8px;\n background: white;\n max-height: 408px;\n box-sizing: border-box;\n overflow: auto;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n z-index: 4;\n display: grid;\n row-gap: 1.5rem;\n\n &::-webkit-scrollbar {\n width: 4px;\n background-color: #ffffff;\n }\n &::-webkit-scrollbar-track {\n border-radius: 10px;\n background: white;\n }\n\n &::-webkit-scrollbar-thumb {\n border-radius: 10px;\n background: var(--dark-opacity-10);\n }\n //box-shadow: 0 0 16px 0 var(--dark-opacity-10);\n @media only screen and ", " {\n row-gap: 0.5rem;\n max-height: 326px;\n }\n }\n"], ["\n position: relative;\n .shadow{\n height: ", ";\n position: absolute;\n width: calc(100% - 10px);\n left: 50%;\n transform: translateX(-50%);\n border-radius: 8px;\n box-shadow: 0 6px 30px 0 var(--dark-opacity-10);\n @media only screen and ", " {\n box-shadow: 0 0 16px 0 var(--dark-opacity-10);\n }\n }\n .inputWrapper {\n position: relative;\n z-index: 5;\n border-radius: 8px;\n input {\n box-sizing: border-box;\n width: 100%;\n height: 48px;\n background: white;\n border-radius: 8px;\n border: 1px solid var(--dark-opacity-10);\n padding: 8px 24px;\n color: var(--dark);\n font : var(--body-medium-14-17);\n line-height: normal;\n outline: none;\n &::placeholder {\n color: var(--dark-opacity-50);\n }\n }\n .icon {\n position: absolute;\n right: 1rem;\n top: 50%;\n transform: translateY(-50%);\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: transparent;\n border:0;\n outline: none;\n cursor: pointer;\n padding: 0;\n color: var(--primary);\n &:hover{\n color: var(--primary-hover);\n }\n }\n }\n\n .resultList {\n border: 1px solid var(--dark-opacity-10);\n padding: 1.5rem;\n border-radius: 8px;\n background: white;\n max-height: 408px;\n box-sizing: border-box;\n overflow: auto;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n z-index: 4;\n display: grid;\n row-gap: 1.5rem;\n\n &::-webkit-scrollbar {\n width: 4px;\n background-color: #ffffff;\n }\n &::-webkit-scrollbar-track {\n border-radius: 10px;\n background: white;\n }\n\n &::-webkit-scrollbar-thumb {\n border-radius: 10px;\n background: var(--dark-opacity-10);\n }\n //box-shadow: 0 0 16px 0 var(--dark-opacity-10);\n @media only screen and ", " {\n row-gap: 0.5rem;\n max-height: 326px;\n }\n }\n"])), function (props) { return props.shadowHeight; }, devices_1.devices.xl, devices_1.devices.xl);
13
+ exports.SearchBoxStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n .shadow{\n height: ", ";\n position: absolute;\n width: calc(100% - 10px);\n left: 50%;\n transform: translateX(-50%);\n border-radius: 8px;\n box-shadow: 0 6px 30px 0 var(--dark-opacity-10);\n @media only screen and ", " {\n box-shadow: 0 0 16px 0 var(--dark-opacity-10);\n }\n }\n .inputWrapper {\n position: relative;\n z-index: 5;\n border-radius: 8px;\n input {\n box-sizing: border-box;\n width: 100%;\n height: 48px;\n background: white;\n border-radius: 8px;\n border: 1px solid var(--dark-opacity-10);\n padding: 8px 24px;\n color: var(--dark);\n font : var(--body-medium-14-17);\n line-height: normal;\n outline: none;\n &::placeholder {\n color: var(--dark-opacity-50);\n }\n }\n .icon {\n position: absolute;\n right: 1rem;\n top: 50%;\n transform: translateY(-50%);\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: transparent;\n border:0;\n outline: none;\n cursor: pointer;\n padding: 0;\n color: var(--primary);\n &:hover{\n color: var(--primary-hover);\n }\n }\n }\n\n .resultList {\n border: 1px solid var(--dark-opacity-10);\n padding: 1.5rem;\n border-radius: 8px;\n background: white;\n max-height: 408px;\n box-sizing: border-box;\n overflow: auto;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n z-index: 4;\n display: grid;\n row-gap: 1.5rem;\n\n &::-webkit-scrollbar {\n width: 4px;\n background-color: #ffffff;\n }\n &::-webkit-scrollbar-track {\n border-radius: 10px;\n background: white;\n }\n\n &::-webkit-scrollbar-thumb {\n border-radius: 10px;\n background: var(--dark-opacity-10);\n }\n //box-shadow: 0 0 16px 0 var(--dark-opacity-10);\n @media only screen and ", " {\n row-gap: 0.5rem;\n max-height: 326px;\n }\n }\n"], ["\n position: relative;\n .shadow{\n height: ", ";\n position: absolute;\n width: calc(100% - 10px);\n left: 50%;\n transform: translateX(-50%);\n border-radius: 8px;\n box-shadow: 0 6px 30px 0 var(--dark-opacity-10);\n @media only screen and ", " {\n box-shadow: 0 0 16px 0 var(--dark-opacity-10);\n }\n }\n .inputWrapper {\n position: relative;\n z-index: 5;\n border-radius: 8px;\n input {\n box-sizing: border-box;\n width: 100%;\n height: 48px;\n background: white;\n border-radius: 8px;\n border: 1px solid var(--dark-opacity-10);\n padding: 8px 24px;\n color: var(--dark);\n font : var(--body-medium-14-17);\n line-height: normal;\n outline: none;\n &::placeholder {\n color: var(--dark-opacity-50);\n }\n }\n .icon {\n position: absolute;\n right: 1rem;\n top: 50%;\n transform: translateY(-50%);\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: transparent;\n border:0;\n outline: none;\n cursor: pointer;\n padding: 0;\n color: var(--primary);\n &:hover{\n color: var(--primary-hover);\n }\n }\n }\n\n .resultList {\n border: 1px solid var(--dark-opacity-10);\n padding: 1.5rem;\n border-radius: 8px;\n background: white;\n max-height: 408px;\n box-sizing: border-box;\n overflow: auto;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n z-index: 4;\n display: grid;\n row-gap: 1.5rem;\n\n &::-webkit-scrollbar {\n width: 4px;\n background-color: #ffffff;\n }\n &::-webkit-scrollbar-track {\n border-radius: 10px;\n background: white;\n }\n\n &::-webkit-scrollbar-thumb {\n border-radius: 10px;\n background: var(--dark-opacity-10);\n }\n //box-shadow: 0 0 16px 0 var(--dark-opacity-10);\n @media only screen and ", " {\n row-gap: 0.5rem;\n max-height: 326px;\n }\n }\n"])), function (props) { return props.$shadowHeight; }, devices_1.devices.xl, devices_1.devices.xl);
14
14
  exports.LoadingStyled = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n"], ["\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n"])));
15
15
  var templateObject_1, templateObject_2;
package/dist/jsons/breadcrumbs.json CHANGED
@@ -6,446 +6,123 @@
6
6
  "slug": "",
7
7
  "name": "Tümü",
8
8
  "children": [
9
+ {
10
+ "name": "Tümü",
11
+ "slug": "ses-kayit-ve-mikrofon",
12
+ "id": 999999,
13
+ "isSeeAll": true,
14
+ "isHideDesktop": true
15
+ },
9
16
  {
10
17
  "parentId": 33,
11
18
  "name": "Hoparlör",
12
- "code": null,
13
- "parentcode": null,
14
- "isShowHeader": false,
15
- "marketPlaceType": 0,
16
19
  "slug": "hoparlor",
17
- "displayname": null,
18
- "isVirtualCategory": false,
19
- "headerMediaUrl": null,
20
- "title": null,
21
- "medias": null,
22
- "metaKeyword": null,
23
- "metaDescription": null,
24
- "metaTitle": null,
25
- "description": null,
26
- "displayOrder": 0,
27
- "disableErpSync": false,
28
- "id": 20,
29
- "isActive": false,
30
- "createdAt": "0001-01-01T00:00:00",
31
- "createdByid": null,
32
- "updatedAt": "0001-01-01T00:00:00",
33
- "updatedByid": null,
34
- "deletedAt": null,
35
- "deletedByid": null,
36
- "isDeleted": false
20
+ "id": 20
37
21
  },
38
22
  {
39
23
  "parentId": 33,
40
24
  "name": "Konsollar ve Oyunlar",
41
- "code": null,
42
- "parentcode": null,
43
- "isShowHeader": false,
44
- "marketPlaceType": 0,
45
25
  "slug": "konsollar-ve-oyunlar",
46
- "displayname": null,
47
- "isVirtualCategory": false,
48
- "headerMediaUrl": null,
49
- "title": null,
50
- "medias": null,
51
- "metaKeyword": null,
52
- "metaDescription": null,
53
- "metaTitle": null,
54
- "description": null,
55
- "displayOrder": 0,
56
- "disableErpSync": false,
57
26
  "id": 43,
58
- "isActive": true,
59
- "createdAt": "0001-01-01T00:00:00",
60
- "createdByid": null,
61
- "updatedAt": "0001-01-01T00:00:00",
62
- "updatedByid": null,
63
- "deletedAt": null,
64
- "deletedByid": null,
65
- "isDeleted": false
27
+ "isActive": true
66
28
  },
67
29
  {
68
30
  "parentId": 33,
69
31
  "name": "VR Gözlükler",
70
- "code": null,
71
- "parentcode": null,
72
- "isShowHeader": false,
73
- "marketPlaceType": 0,
74
32
  "slug": "vr-gozlukler",
75
- "displayname": null,
76
- "isVirtualCategory": false,
77
- "headerMediaUrl": null,
78
- "title": null,
79
- "medias": null,
80
- "metaKeyword": null,
81
- "metaDescription": null,
82
- "metaTitle": null,
83
- "description": null,
84
- "displayOrder": 0,
85
- "disableErpSync": false,
86
33
  "id": 44,
87
- "isActive": false,
88
- "createdAt": "0001-01-01T00:00:00",
89
- "createdByid": null,
90
- "updatedAt": "0001-01-01T00:00:00",
91
- "updatedByid": null,
92
- "deletedAt": null,
93
- "deletedByid": null,
94
- "isDeleted": false
34
+ "isActive": false
95
35
  },
96
36
  {
97
37
  "parentId": 33,
98
38
  "name": "E-kitap Okuyucu",
99
- "code": null,
100
- "parentcode": null,
101
- "isShowHeader": false,
102
- "marketPlaceType": 0,
103
39
  "slug": "e-kitap-okuyucu",
104
- "displayname": null,
105
- "isVirtualCategory": false,
106
- "headerMediaUrl": null,
107
- "title": null,
108
- "medias": null,
109
- "metaKeyword": null,
110
- "metaDescription": null,
111
- "metaTitle": null,
112
- "description": null,
113
- "displayOrder": 0,
114
- "disableErpSync": false,
115
40
  "id": 45,
116
- "isActive": false,
117
- "createdAt": "0001-01-01T00:00:00",
118
- "createdByid": null,
119
- "updatedAt": "0001-01-01T00:00:00",
120
- "updatedByid": null,
121
- "deletedAt": null,
122
- "deletedByid": null,
123
- "isDeleted": false
41
+ "isActive": false
124
42
  },
125
43
  {
126
44
  "parentId": 33,
127
45
  "name": "Kamera",
128
- "code": null,
129
- "parentcode": null,
130
- "isShowHeader": false,
131
- "marketPlaceType": 0,
132
46
  "slug": "kamera",
133
- "displayname": null,
134
- "isVirtualCategory": false,
135
- "headerMediaUrl": null,
136
- "title": null,
137
- "medias": null,
138
- "metaKeyword": null,
139
- "metaDescription": null,
140
- "metaTitle": null,
141
- "description": null,
142
- "displayOrder": 0,
143
- "disableErpSync": false,
144
47
  "id": 46,
145
- "isActive": false,
146
- "createdAt": "0001-01-01T00:00:00",
147
- "createdByid": null,
148
- "updatedAt": "0001-01-01T00:00:00",
149
- "updatedByid": null,
150
- "deletedAt": null,
151
- "deletedByid": null,
152
- "isDeleted": false
48
+ "isActive": false
153
49
  },
154
50
  {
155
51
  "parentId": 33,
156
52
  "name": "3D Printer",
157
- "code": null,
158
- "parentcode": null,
159
- "isShowHeader": false,
160
- "marketPlaceType": 0,
161
53
  "slug": "3d-printer",
162
- "displayname": null,
163
- "isVirtualCategory": false,
164
- "headerMediaUrl": null,
165
- "title": null,
166
- "medias": null,
167
- "metaKeyword": null,
168
- "metaDescription": null,
169
- "metaTitle": null,
170
- "description": null,
171
- "displayOrder": 0,
172
- "disableErpSync": false,
173
54
  "id": 48,
174
- "isActive": false,
175
- "createdAt": "0001-01-01T00:00:00",
176
- "createdByid": null,
177
- "updatedAt": "0001-01-01T00:00:00",
178
- "updatedByid": null,
179
- "deletedAt": null,
180
- "deletedByid": null,
181
- "isDeleted": false
55
+ "isActive": false
182
56
  },
183
57
  {
184
58
  "parentId": 33,
185
59
  "name": "Dikiş Makineleri ",
186
- "code": null,
187
- "parentcode": null,
188
- "isShowHeader": false,
189
- "marketPlaceType": 0,
190
60
  "slug": "dikis-makineleri",
191
- "displayname": null,
192
- "isVirtualCategory": false,
193
- "headerMediaUrl": null,
194
- "title": null,
195
- "medias": null,
196
- "metaKeyword": null,
197
- "metaDescription": null,
198
- "metaTitle": null,
199
- "description": null,
200
- "displayOrder": 0,
201
- "disableErpSync": false,
202
61
  "id": 53,
203
- "isActive": false,
204
- "createdAt": "0001-01-01T00:00:00",
205
- "createdByid": null,
206
- "updatedAt": "0001-01-01T00:00:00",
207
- "updatedByid": null,
208
- "deletedAt": null,
209
- "deletedByid": null,
210
- "isDeleted": false
62
+ "isActive": false
211
63
  },
212
64
  {
213
65
  "parentId": 33,
214
66
  "name": "Drone",
215
- "code": null,
216
- "parentcode": null,
217
- "isShowHeader": false,
218
- "marketPlaceType": 0,
219
67
  "slug": "drone",
220
- "displayname": null,
221
- "isVirtualCategory": false,
222
- "headerMediaUrl": null,
223
- "title": null,
224
- "medias": null,
225
- "metaKeyword": null,
226
- "metaDescription": null,
227
- "metaTitle": null,
228
- "description": null,
229
- "displayOrder": 0,
230
- "disableErpSync": false,
231
68
  "id": 54,
232
- "isActive": false,
233
- "createdAt": "0001-01-01T00:00:00",
234
- "createdByid": null,
235
- "updatedAt": "0001-01-01T00:00:00",
236
- "updatedByid": null,
237
- "deletedAt": null,
238
- "deletedByid": null,
239
- "isDeleted": false
69
+ "isActive": false
240
70
  },
241
71
  {
242
72
  "parentId": 33,
243
73
  "name": "E-bisiklet",
244
- "code": null,
245
- "parentcode": null,
246
- "isShowHeader": false,
247
- "marketPlaceType": 0,
248
74
  "slug": "e-bisiklet",
249
- "displayname": null,
250
- "isVirtualCategory": false,
251
- "headerMediaUrl": null,
252
- "title": null,
253
- "medias": null,
254
- "metaKeyword": null,
255
- "metaDescription": null,
256
- "metaTitle": null,
257
- "description": null,
258
- "displayOrder": 0,
259
- "disableErpSync": false,
260
75
  "id": 55,
261
- "isActive": false,
262
- "createdAt": "0001-01-01T00:00:00",
263
- "createdByid": null,
264
- "updatedAt": "0001-01-01T00:00:00",
265
- "updatedByid": null,
266
- "deletedAt": null,
267
- "deletedByid": null,
268
- "isDeleted": false
76
+ "isActive": false
269
77
  },
270
78
  {
271
79
  "parentId": 33,
272
80
  "name": "Kamera Aksesuarları",
273
- "code": null,
274
- "parentcode": null,
275
- "isShowHeader": false,
276
- "marketPlaceType": 0,
277
81
  "slug": "kamera-aksesuarlari",
278
- "displayname": null,
279
- "isVirtualCategory": false,
280
- "headerMediaUrl": null,
281
- "title": null,
282
- "medias": null,
283
- "metaKeyword": null,
284
- "metaDescription": null,
285
- "metaTitle": null,
286
- "description": null,
287
- "displayOrder": 0,
288
- "disableErpSync": false,
289
82
  "id": 59,
290
- "isActive": false,
291
- "createdAt": "0001-01-01T00:00:00",
292
- "createdByid": null,
293
- "updatedAt": "0001-01-01T00:00:00",
294
- "updatedByid": null,
295
- "deletedAt": null,
296
- "deletedByid": null,
297
- "isDeleted": false
83
+ "isActive": false
298
84
  },
299
85
  {
300
86
  "parentId": 33,
301
87
  "name": "Kulaklık",
302
- "code": null,
303
- "parentcode": null,
304
- "isShowHeader": false,
305
- "marketPlaceType": 0,
306
88
  "slug": "kulaklik",
307
- "displayname": null,
308
- "isVirtualCategory": false,
309
- "headerMediaUrl": null,
310
- "title": null,
311
- "medias": null,
312
- "metaKeyword": null,
313
- "metaDescription": null,
314
- "metaTitle": null,
315
- "description": null,
316
- "displayOrder": 0,
317
- "disableErpSync": false,
318
89
  "id": 62,
319
- "isActive": false,
320
- "createdAt": "0001-01-01T00:00:00",
321
- "createdByid": null,
322
- "updatedAt": "0001-01-01T00:00:00",
323
- "updatedByid": null,
324
- "deletedAt": null,
325
- "deletedByid": null,
326
- "isDeleted": false
90
+ "isActive": false
327
91
  },
328
92
  {
329
93
  "parentId": 33,
330
94
  "name": "Müzik",
331
- "code": null,
332
- "parentcode": null,
333
- "isShowHeader": false,
334
- "marketPlaceType": 0,
335
95
  "slug": "muzik",
336
- "displayname": null,
337
- "isVirtualCategory": false,
338
- "headerMediaUrl": null,
339
- "title": null,
340
- "medias": null,
341
- "metaKeyword": null,
342
- "metaDescription": null,
343
- "metaTitle": null,
344
- "description": null,
345
- "displayOrder": 0,
346
- "disableErpSync": false,
347
96
  "id": 69,
348
- "isActive": false,
349
- "createdAt": "0001-01-01T00:00:00",
350
- "createdByid": null,
351
- "updatedAt": "0001-01-01T00:00:00",
352
- "updatedByid": null,
353
- "deletedAt": null,
354
- "deletedByid": null,
355
- "isDeleted": false
97
+ "isActive": false
356
98
  },
357
99
  {
358
100
  "parentId": 33,
359
101
  "name": "Optik Cihazlar",
360
- "code": null,
361
- "parentcode": null,
362
- "isShowHeader": false,
363
- "marketPlaceType": 0,
364
102
  "slug": "optik-cihazlar",
365
- "displayname": null,
366
- "isVirtualCategory": false,
367
- "headerMediaUrl": null,
368
- "title": null,
369
- "medias": null,
370
- "metaKeyword": null,
371
- "metaDescription": null,
372
- "metaTitle": null,
373
- "description": null,
374
- "displayOrder": 0,
375
- "disableErpSync": false,
376
103
  "id": 70,
377
- "isActive": false,
378
- "createdAt": "0001-01-01T00:00:00",
379
- "createdByid": null,
380
- "updatedAt": "0001-01-01T00:00:00",
381
- "updatedByid": null,
382
- "deletedAt": null,
383
- "deletedByid": null,
384
- "isDeleted": false
104
+ "isActive": false
385
105
  },
386
106
  {
387
107
  "parentId": 33,
388
108
  "name": "Scooter",
389
- "code": null,
390
- "parentcode": null,
391
- "isShowHeader": false,
392
- "marketPlaceType": 0,
393
109
  "slug": "scooter",
394
- "displayname": null,
395
- "isVirtualCategory": false,
396
- "headerMediaUrl": null,
397
- "title": null,
398
- "medias": null,
399
- "metaKeyword": null,
400
- "metaDescription": null,
401
- "metaTitle": null,
402
- "description": null,
403
- "displayOrder": 0,
404
- "disableErpSync": false,
405
110
  "id": 74,
406
- "isActive": false,
407
- "createdAt": "0001-01-01T00:00:00",
408
- "createdByid": null,
409
- "updatedAt": "0001-01-01T00:00:00",
410
- "updatedByid": null,
411
- "deletedAt": null,
412
- "deletedByid": null,
413
- "isDeleted": false
111
+ "isActive": false
414
112
  },
415
113
  {
416
114
  "parentId": 33,
417
115
  "name": "Ses Kayıt ve Mikrofon",
418
- "code": null,
419
- "parentcode": null,
420
- "isShowHeader": false,
421
- "marketPlaceType": 0,
422
116
  "slug": "ses-kayit-ve-mikrofon",
423
- "displayname": null,
424
- "isVirtualCategory": false,
425
- "headerMediaUrl": null,
426
- "title": null,
427
- "medias": null,
428
- "metaKeyword": null,
429
- "metaDescription": null,
430
- "metaTitle": null,
431
- "description": null,
432
- "displayOrder": 0,
433
- "disableErpSync": false,
434
117
  "id": 75,
435
- "isActive": false,
436
- "createdAt": "0001-01-01T00:00:00",
437
- "createdByid": null,
438
- "updatedAt": "0001-01-01T00:00:00",
439
- "updatedByid": null,
440
- "deletedAt": null,
441
- "deletedByid": null,
442
- "isDeleted": false
118
+ "isActive": false
443
119
  },
444
120
  {
445
121
  "name": "Tümünü Gör",
446
122
  "slug": "ses-kayit-ve-mikrofon",
447
123
  "id": 999999,
448
- "isSeeAll": true
124
+ "isSeeAll": true,
125
+ "isHideMobile": true
449
126
  }
450
127
  ]
451
128
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "krl-alfred",
3
- "version": "1.76.16",
3
+ "version": "1.76.18",
4
4
  "files": [
5
5
  "dist"
6
6
  ],