krl-alfred 2.18.6 → 2.18.8
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/components/CategoryMenu/CategoryMenu.js +2 -1
- package/dist/components/CategoryMenu/CategoryMenu.styled.d.ts +1 -0
- package/dist/components/CategoryMenu/CategoryMenu.styled.js +5 -4
- package/dist/components/CategoryMenu/stories/CategoryMenu.stories.d.ts +32 -0
- package/dist/components/Icon/iconList/Coffee.d.ts +2 -0
- package/dist/components/Icon/iconList/Coffee.js +40 -0
- package/dist/components/Icon/iconList/index.d.ts +5 -1
- package/dist/components/Icon/iconList/index.js +11 -5
- package/dist/components/OptionMenu/stories/OptionMenu.stories.d.ts +12 -0
- package/dist/components/RadioButton/layouts/horizontal/Horizontal.styled.js +1 -1
- package/dist/components/SearchBox/SearchBox.js +3 -7
- package/dist/components/SearchBox/props.d.ts +2 -0
- package/dist/components/SearchBox/props.js +1 -0
- package/dist/jsons/categories.d.ts +32 -0
- package/dist/jsons/categories.js +1 -28
- package/package.json +1 -1
|
@@ -30,6 +30,7 @@ var props_1 = require("./props");
|
|
|
30
30
|
var CategoryMenu_styled_1 = require("./CategoryMenu.styled");
|
|
31
31
|
var Icon_1 = __importDefault(require("../Icon/Icon"));
|
|
32
32
|
var OptionMenu_1 = __importDefault(require("../OptionMenu"));
|
|
33
|
+
var Badges_1 = __importDefault(require("../Badges"));
|
|
33
34
|
var CategoryMenu = function (_a) {
|
|
34
35
|
var _b = _a.data, data = _b === void 0 ? props_1.CategoryMenuDefault.data : _b, _c = _a.subMenuRowLength, subMenuRowLength = _c === void 0 ? props_1.CategoryMenuDefault.subMenuRowLength : _c;
|
|
35
36
|
var ButtonLinkComponent = function (_a) {
|
|
@@ -38,7 +39,7 @@ var CategoryMenu = function (_a) {
|
|
|
38
39
|
};
|
|
39
40
|
var MenuButton = function (_a) {
|
|
40
41
|
var item = __rest(_a, []);
|
|
41
|
-
return ((0, jsx_runtime_1.jsxs)(CategoryMenu_styled_1.CategoryItem, __assign({ "$isActiveCategory": item.isActive, "$hasCustomItem": item.hasCustomItem }, { 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, __assign({ "$hasAnimation": item === null || item === void 0 ? void 0 : item.badgeText }, { children: (item === null || item === void 0 ? void 0 : item.badgeText) ? ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonBadge, { children: item === null || item === void 0 ? void 0 : item.badgeText })) : ((0, jsx_runtime_1.jsx)(Icon_1.default, { color: ["ElSatis"].includes(item.icon) ? "var(--primary)" : null, name: item.icon, hasColorChanged: !["CampaignColorful", "Lightning", "Flash", "Valentine", "NewYear"].includes(item.icon) })) })), (0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonTitle, { children: item.name })] }) })), item.children] })));
|
|
42
|
+
return ((0, jsx_runtime_1.jsxs)(CategoryMenu_styled_1.CategoryItem, __assign({ "$isActiveCategory": item.isActive, "$hasCustomItem": item.hasCustomItem }, { children: [(0, jsx_runtime_1.jsx)(ButtonLinkComponent, __assign({ item: item }, { children: (0, jsx_runtime_1.jsxs)(CategoryMenu_styled_1.CategoryItemButtonInner, { children: [(item === null || item === void 0 ? void 0 : item.badgeTextSm) && ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonBadgeSm, { children: (0, jsx_runtime_1.jsx)(Badges_1.default, { layout: "text", variant: "secondary", title: item === null || item === void 0 ? void 0 : item.badgeTextSm }) })), (0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonIcon, __assign({ "$hasAnimation": item === null || item === void 0 ? void 0 : item.badgeText }, { children: (item === null || item === void 0 ? void 0 : item.badgeText) ? ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonBadge, { children: item === null || item === void 0 ? void 0 : item.badgeText })) : ((0, jsx_runtime_1.jsx)(Icon_1.default, { color: ["ElSatis"].includes(item.icon) ? "var(--primary)" : null, name: item.icon, hasColorChanged: !["CampaignColorful", "Lightning", "Flash", "Valentine", "NewYear"].includes(item.icon) })) })), (0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonTitle, { children: item.name })] }) })), item.children] })));
|
|
42
43
|
};
|
|
43
44
|
return ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryMenuWrapper, { children: data === null || data === void 0 ? void 0 : data.map(function (item) {
|
|
44
45
|
return ((0, jsx_runtime_1.jsx)(MenuButton, __assign({}, item, { children: item.children.length > 0 && ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.SubMenu, { children: (0, jsx_runtime_1.jsx)(OptionMenu_1.default, { hasActiveItem: false, data: item.children, rowLength: item.subMenuRowLength || subMenuRowLength }) })) }), item.id));
|
|
@@ -5,5 +5,6 @@ export declare const CategoryItem: import("styled-components/dist/types").IStyle
|
|
|
5
5
|
export declare const CategoryItemButtonInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
6
6
|
export declare const CategoryItemButtonIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, CategoryMenuStyled>> & string;
|
|
7
7
|
export declare const CategoryItemButtonBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
8
|
+
export declare const CategoryItemButtonBadgeSm: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
8
9
|
export declare const CategoryItemButtonTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
|
|
9
10
|
export declare const SubMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, CategoryMenuStyled>> & string;
|
|
@@ -27,7 +27,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
27
27
|
return result;
|
|
28
28
|
};
|
|
29
29
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
30
|
-
exports.SubMenu = exports.CategoryItemButtonTitle = exports.CategoryItemButtonBadge = exports.CategoryItemButtonIcon = exports.CategoryItemButtonInner = exports.CategoryItem = exports.CategoryMenuWrapper = void 0;
|
|
30
|
+
exports.SubMenu = exports.CategoryItemButtonTitle = exports.CategoryItemButtonBadgeSm = exports.CategoryItemButtonBadge = exports.CategoryItemButtonIcon = exports.CategoryItemButtonInner = exports.CategoryItem = exports.CategoryMenuWrapper = void 0;
|
|
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 var(--box-shadow-color);\n color: var(--dark);\n }\n"], ["\n color: var(--dark);\n &:before{\n border-color: var(--grey-10);\n box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n color: var(--dark);\n }\n"])));
|
|
@@ -35,6 +35,7 @@ exports.CategoryItem = styled_components_1.default.li(templateObject_3 || (templ
|
|
|
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 transparent;\n color: var(--dark-opacity-75);\n background-color: transparent;\n border-radius: 0.5rem;\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 transparent;\n color: var(--dark-opacity-75);\n background-color: transparent;\n border-radius: 0.5rem;\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 @keyframes tada_category {\n 0% {\n transform: scaleX(1)\n }\n\n 10%,20% {\n transform: rotate(-2deg)\n }\n\n 30%,50%,70%,90% {\n transform: rotate(2deg)\n }\n\n 40%,60%,80% {\n transform: rotate(-2deg)\n }\n\n to {\n transform: scaleX(1)\n }\n }\n\n ", "\n height: 24px;\n display:flex;\n position: relative;\n align-items: center;\n justify-content: center;\n"], ["\n @keyframes tada_category {\n 0% {\n transform: scaleX(1)\n }\n\n 10%,20% {\n transform: rotate(-2deg)\n }\n\n 30%,50%,70%,90% {\n transform: rotate(2deg)\n }\n\n 40%,60%,80% {\n transform: rotate(-2deg)\n }\n\n to {\n transform: scaleX(1)\n }\n }\n\n ", "\n height: 24px;\n display:flex;\n position: relative;\n align-items: center;\n justify-content: center;\n"])), function (props) { return props.$hasAnimation ? "\n animation: tada_category 1.5s infinite;\n animation-iteration-count: 10;\n " : ""; });
|
|
37
37
|
exports.CategoryItemButtonBadge = styled_components_1.default.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n font: var(--caption-bold-10-12);\n line-height: 17px;\n border-radius: 3px;\n background-color: var(--primary);\n color: white;\n padding: 0 0.5rem;\n display: inline-block;\n margin-top: 2px;\n"], ["\n font: var(--caption-bold-10-12);\n line-height: 17px;\n border-radius: 3px;\n background-color: var(--primary);\n color: white;\n padding: 0 0.5rem;\n display: inline-block;\n margin-top: 2px;\n"])));
|
|
38
|
-
exports.
|
|
39
|
-
exports.
|
|
40
|
-
|
|
38
|
+
exports.CategoryItemButtonBadgeSm = styled_components_1.default.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n position: absolute;\n right: 8px;\n top: 8px;\n"], ["\n position: absolute;\n right: 8px;\n top: 8px;\n"])));
|
|
39
|
+
exports.CategoryItemButtonTitle = styled_components_1.default.strong(templateObject_8 || (templateObject_8 = __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"])));
|
|
40
|
+
exports.SubMenu = styled_components_1.default.ul(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n position: absolute;\n left: 0;\n top: 100%;\n transition: all 0.2s ease-in-out;\n opacity: 0;\n visibility: hidden;\n transform: translateY(10px);\n transition-delay: 0s;\n padding: 0;\n margin: 0;\n"], ["\n position: absolute;\n left: 0;\n top: 100%;\n transition: all 0.2s ease-in-out;\n opacity: 0;\n visibility: hidden;\n transform: translateY(10px);\n transition-delay: 0s;\n padding: 0;\n margin: 0;\n"])));
|
|
41
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
|
|
@@ -64,6 +64,7 @@ export declare const Default: {
|
|
|
64
64
|
badgeText?: undefined;
|
|
65
65
|
})[];
|
|
66
66
|
parent: any[];
|
|
67
|
+
badgeTextSm?: undefined;
|
|
67
68
|
component?: undefined;
|
|
68
69
|
hasCustomItem?: undefined;
|
|
69
70
|
} | {
|
|
@@ -91,6 +92,35 @@ export declare const Default: {
|
|
|
91
92
|
parent: any[];
|
|
92
93
|
}[];
|
|
93
94
|
parent: any[];
|
|
95
|
+
badgeTextSm?: undefined;
|
|
96
|
+
component?: undefined;
|
|
97
|
+
hasCustomItem?: undefined;
|
|
98
|
+
} | {
|
|
99
|
+
id: number;
|
|
100
|
+
parentId: number;
|
|
101
|
+
name: string;
|
|
102
|
+
filterName: any;
|
|
103
|
+
isShowHeader: boolean;
|
|
104
|
+
slug: string;
|
|
105
|
+
productCount: number;
|
|
106
|
+
headerMediaUrl: string;
|
|
107
|
+
medias: any[];
|
|
108
|
+
icon: string;
|
|
109
|
+
badgeTextSm: string;
|
|
110
|
+
children: {
|
|
111
|
+
id: number;
|
|
112
|
+
parentId: number;
|
|
113
|
+
name: string;
|
|
114
|
+
filterName: any;
|
|
115
|
+
isShowHeader: boolean;
|
|
116
|
+
slug: string;
|
|
117
|
+
productCount: number;
|
|
118
|
+
headerMediaUrl: string;
|
|
119
|
+
medias: any[];
|
|
120
|
+
children: any[];
|
|
121
|
+
parent: any[];
|
|
122
|
+
}[];
|
|
123
|
+
parent: any[];
|
|
94
124
|
component?: undefined;
|
|
95
125
|
hasCustomItem?: undefined;
|
|
96
126
|
} | {
|
|
@@ -120,6 +150,7 @@ export declare const Default: {
|
|
|
120
150
|
children: any[];
|
|
121
151
|
}[];
|
|
122
152
|
parent?: undefined;
|
|
153
|
+
badgeTextSm?: undefined;
|
|
123
154
|
hasCustomItem?: undefined;
|
|
124
155
|
} | {
|
|
125
156
|
id: number;
|
|
@@ -135,6 +166,7 @@ export declare const Default: {
|
|
|
135
166
|
children: any[];
|
|
136
167
|
hasCustomItem: boolean;
|
|
137
168
|
parent?: undefined;
|
|
169
|
+
badgeTextSm?: undefined;
|
|
138
170
|
component?: undefined;
|
|
139
171
|
})[];
|
|
140
172
|
};
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
|
+
var React = __importStar(require("react"));
|
|
39
|
+
var SvgCoffee = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M7.09375 2.69727C7.19494 2.69727 7.29518 2.71714 7.38867 2.75586C7.48213 2.79458 7.56714 2.85132 7.63867 2.92285C8.08697 3.37205 8.33886 3.98061 8.33887 4.61523C8.33887 5.24985 8.08696 5.85842 7.63867 6.30762C7.47884 6.46813 7.38965 6.68559 7.38965 6.91211C7.38965 7.13863 7.47884 7.35608 7.63867 7.5166C7.71016 7.58812 7.76697 7.67318 7.80566 7.7666C7.84432 7.86002 7.86426 7.96042 7.86426 8.06152C7.86421 8.16259 7.84434 8.26307 7.80566 8.35645C7.76694 8.44979 7.71013 8.53499 7.63867 8.60645C7.56716 8.67789 7.48206 8.73475 7.38867 8.77344C7.29523 8.81212 7.19488 8.83203 7.09375 8.83203C6.9926 8.83202 6.89228 8.81214 6.79883 8.77344C6.7054 8.73474 6.62035 8.67793 6.54883 8.60645L6.50488 8.5625V8.55469C6.08595 8.11064 5.84961 7.52423 5.84961 6.91211C5.84961 6.27812 6.10132 5.6698 6.54883 5.2207C6.70861 5.06019 6.79883 4.8427 6.79883 4.61621C6.79875 4.38976 6.70863 4.17217 6.54883 4.01172C6.47752 3.94031 6.42049 3.85591 6.38184 3.7627C6.34315 3.66931 6.32328 3.56885 6.32324 3.46777C6.32324 3.36668 6.34319 3.26626 6.38184 3.17285C6.42052 3.07945 6.47737 2.99436 6.54883 2.92285C6.62033 2.85135 6.70542 2.79458 6.79883 2.75586C6.89229 2.71715 6.99259 2.69728 7.09375 2.69727ZM14.5312 2.69727C14.6324 2.6973 14.7328 2.71717 14.8262 2.75586C14.9195 2.79458 15.0047 2.85139 15.0762 2.92285C15.2984 3.14506 15.4745 3.40891 15.5947 3.69922C15.715 3.98964 15.7773 4.30087 15.7773 4.61523C15.7773 4.92959 15.715 5.24083 15.5947 5.53125C15.4745 5.82155 15.2983 6.08541 15.0762 6.30762C14.9163 6.46814 14.8262 6.68556 14.8262 6.91211C14.8262 7.13866 14.9163 7.35608 15.0762 7.5166C15.2205 7.66108 15.3018 7.8573 15.3018 8.06152C15.3017 8.26575 15.2206 8.46203 15.0762 8.60645C14.9317 8.75086 14.7355 8.83197 14.5312 8.83203C14.327 8.83203 14.1308 8.75076 13.9863 8.60645V8.60547C13.5381 8.15627 13.2861 7.54769 13.2861 6.91309C13.2862 6.27854 13.5381 5.66985 13.9863 5.2207L14.043 5.1582C14.0961 5.09348 14.1397 5.02098 14.1719 4.94336C14.2148 4.83976 14.2363 4.72834 14.2363 4.61621C14.2363 4.5041 14.2148 4.39264 14.1719 4.28906C14.129 4.1856 14.0655 4.09189 13.9863 4.0127C13.9149 3.94124 13.8581 3.85603 13.8193 3.7627C13.7807 3.66931 13.7608 3.56886 13.7607 3.46777C13.7607 3.36664 13.7807 3.26629 13.8193 3.17285C13.8581 3.07938 13.9148 2.99439 13.9863 2.92285C14.0579 2.8513 14.1428 2.79458 14.2363 2.75586C14.3298 2.71715 14.4301 2.69727 14.5312 2.69727ZM10.8125 0.849609C10.9658 0.849625 11.1145 0.895613 11.2402 0.979492L11.3574 1.07617L11.5596 1.2998C12.0025 1.84208 12.2471 2.52319 12.2471 3.22949C12.2471 3.9358 12.0025 4.6169 11.5596 5.15918L11.3574 5.38281C11.0754 5.66554 10.9171 6.04888 10.917 6.44824C10.917 6.84765 11.0754 7.23089 11.3574 7.51367C11.429 7.58521 11.4857 7.67022 11.5244 7.76367C11.5631 7.85713 11.583 7.95743 11.583 8.05859C11.583 8.15976 11.5631 8.26005 11.5244 8.35352C11.4857 8.44697 11.4289 8.53198 11.3574 8.60352C11.2859 8.67504 11.2009 8.73179 11.1074 8.77051C11.014 8.80922 10.9137 8.82909 10.8125 8.8291C10.7113 8.8291 10.6111 8.80923 10.5176 8.77051C10.4709 8.75118 10.4266 8.72712 10.3848 8.69922L10.2676 8.60352C9.69769 8.03182 9.37707 7.25741 9.37695 6.4502C9.37695 5.64283 9.69759 4.8677 10.2676 4.2959C10.5496 4.01312 10.708 3.62985 10.708 3.23047C10.7079 2.83109 10.5497 2.44778 10.2676 2.16504C10.1232 2.02055 10.042 1.8244 10.042 1.62012C10.0421 1.41602 10.1233 1.22055 10.2676 1.07617C10.4121 0.931666 10.6081 0.849609 10.8125 0.849609Z", fill: "currentColor", stroke: "currentColor", strokeWidth: 0.3 }), (0, jsx_runtime_1.jsx)("path", { d: "M19.0176 9.85059C20.9565 9.85073 22.5293 11.4234 22.5293 13.3623C22.5293 15.3012 20.9565 16.8739 19.0176 16.874H17.6396L17.4424 19.8691C17.3215 21.7147 15.7866 23.1503 13.9375 23.1504H7.95898C6.10963 23.1504 4.57675 21.7146 4.4541 19.8691L3.85156 10.7266L3.85059 10.6416C3.85778 10.4445 3.93552 10.2555 4.07227 10.1094C4.2269 9.94402 4.44521 9.84969 4.67188 9.84961L19.0176 9.85059ZM6.09668 19.7617C6.16158 20.7423 6.97532 21.5058 7.95898 21.5059H13.9375C14.9214 21.5059 15.7368 20.7422 15.8018 19.7617L16.3457 11.4951H5.55078L6.09668 19.7617ZM17.749 15.2295H19.0176C20.0484 15.2295 20.8848 14.3932 20.8848 13.3623C20.8847 12.3315 20.0484 11.4951 19.0176 11.4951H17.9951L17.749 15.2295Z", fill: "currentColor", stroke: "currentColor", strokeWidth: 0.3 })] }))); };
|
|
40
|
+
exports.default = SvgCoffee;
|
|
@@ -215,6 +215,9 @@ export namespace iconList {
|
|
|
215
215
|
function Closebig({ ...props }: {
|
|
216
216
|
[x: string]: any;
|
|
217
217
|
}): import("react/jsx-runtime").JSX.Element;
|
|
218
|
+
function Coffee({ ...props }: {
|
|
219
|
+
[x: string]: any;
|
|
220
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
218
221
|
function Completed({ ...props }: {
|
|
219
222
|
[x: string]: any;
|
|
220
223
|
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -822,6 +825,7 @@ import { default as CloseMedium } from "./CloseMedium";
|
|
|
822
825
|
import { default as CloseSmall } from "./CloseSmall";
|
|
823
826
|
import { default as CloseSquare } from "./CloseSquare";
|
|
824
827
|
import { default as Closebig } from "./Closebig";
|
|
828
|
+
import { default as Coffee } from "./Coffee";
|
|
825
829
|
import { default as Completed } from "./Completed";
|
|
826
830
|
import { default as Copy } from "./Copy";
|
|
827
831
|
import { default as Danger } from "./Danger";
|
|
@@ -1000,4 +1004,4 @@ import { default as UserPlusLg } from "./UserPlusLg";
|
|
|
1000
1004
|
import { default as Wphk } from "./Wphk";
|
|
1001
1005
|
import { default as Youtubehk } from "./Youtubehk";
|
|
1002
1006
|
import { default as Youtubewithfooter } from "./Youtubewithfooter";
|
|
1003
|
-
export { Activity, Announcement, ArrowDown, ArrowDownAnimate, ArrowDownBig, ArrowDownCircle, ArrowDownSquare, ArrowGoSmall, ArrowLeft, ArrowLeftAnimate, ArrowLeftBig, ArrowLeftCircle, ArrowLeftSquare, ArrowRight, ArrowRightAnimate, ArrowRightBig, ArrowRightCircle, ArrowRightSquare, ArrowShare, ArrowSharemini, ArrowSmallDown, ArrowSmallDownStroke, ArrowSmallLeft, ArrowSmallLeftStroke, ArrowSmallRight, ArrowSmallRightBackground, ArrowSmallRightStroke, ArrowSmallUp, ArrowUp, ArrowUpAnimate, ArrowUpBig, ArrowUpCircle, ArrowUpSquare, AskedQuestions, Baby, BackCargo2, BackCargosmall, Backcargo, Bag2, Bag, BagStar, Bookmark, Box, Buy, BuyXl, Calendar, CalenderArrowleftsmall, Calenderarrowrightsmall, Call, CallMissed, CallSilent, Calling, Camera, Campaign, CampaignColorful, CarbonNautral, Cargo, Cargo2, Category, Chart, Chat, CheckMark, CheckboxElementChecked, CheckboxElementDisabled, CheckboxElementInvalid, CheckboxElementUncheck, CihazTeslimAlindi, ClickOnclick, CloseMedium, CloseSmall, CloseSquare, Closebig, Completed, Copy, Danger, DarkBadge, Delete, DeleteSmall, Discount, Discovery, Dislike, DislikeLg, Document, Download, DownloadMini, Dublearrrowrightbig, Edit, EditSquare, ElSatis, Facebook, Filter, Filter2, FilterDown, FilterSmall, FilterUp, Flash, Folder, Game, Gift, Graph, Heart, HeartLg, Hide, Home, House, Image, InfoCircle, InfoSquare, InfoSquareSmall, Instagram, InstagramNegative, Instagramwithfooter, Keyboard, KeyboardClose, Language2, Laptop, Like, LikeV1, Likesmall, Link, LinkSm, LinkedIn, Loading, LoadingDefault, Loadingsmall, Location, Lock, Login, Logout, MasterCard, Message, Minus, Money, MoneyBig, MoreCircle, MoreSquare, NegativeBig, NegativeSmall, Notification, NotificationBigwith16, NotificationBigwith24, NotificationSmallwith16, NotificationSmallwith24, Operation, OrderProgressIcons, Paper, PaperDownload, PaperFail, PaperNegative, PaperPlus, PaperUpload, Password, Pause, PlusBig, PlusCircle, PlusSmall, PlusSquare, PriceTag, Profile, RadioButtonElementChecked, RadioButtonElementDisabled, RadioButtonElementInvalid, RadioButtonElementUnchecked, Rectangle, RectanglePurple, RotateBig, Sandwatch, Scan, Search, Searchsmall, Security, Send, Setting, SettingCircle, ShieldDone, ShieldDoneLg, ShieldFail, Show, ShufflePlay, SignLanguage, Star, StarCircle, Starfull, StarfullSmall, StarfullXSmall, Swap, SwitchPassive, Tamamlarsin, Tick, TickSquare, TicketStar, Ticket, TimeCircle, TimeSquare, Trash, Twitter, TwitterFilled, Twitterhk, Twitterwithfooter, Unlock, Upload, User2, User3, Valentine, Video, Visa, Voice, Voice2, VolumeDown, VolumeOff, VolumeOffSm, VolumeUp, VolumeUpSm, Wallet, Wallet2, Watch, WaveArrowDown, WaveArrowUp, Whatsapp, Work, Wp, Wpfooter, Youtube, CircleFilled, Clab1, ClabFilled, ClabHands, Dislikesmall, Dublearrowleftbig, Facebookhk, Facebookwithfooter, Grid, Instagramhk, Konfeti, Konfeti2, Linkedinhk, Linkedinwithfooter, List, Live, More, NewYear, Play, RotateRight, TextLoading, Tiktok, UserPlus, UserPlusLg, Wphk, Youtubehk, Youtubewithfooter };
|
|
1007
|
+
export { Activity, Announcement, ArrowDown, ArrowDownAnimate, ArrowDownBig, ArrowDownCircle, ArrowDownSquare, ArrowGoSmall, ArrowLeft, ArrowLeftAnimate, ArrowLeftBig, ArrowLeftCircle, ArrowLeftSquare, ArrowRight, ArrowRightAnimate, ArrowRightBig, ArrowRightCircle, ArrowRightSquare, ArrowShare, ArrowSharemini, ArrowSmallDown, ArrowSmallDownStroke, ArrowSmallLeft, ArrowSmallLeftStroke, ArrowSmallRight, ArrowSmallRightBackground, ArrowSmallRightStroke, ArrowSmallUp, ArrowUp, ArrowUpAnimate, ArrowUpBig, ArrowUpCircle, ArrowUpSquare, AskedQuestions, Baby, BackCargo2, BackCargosmall, Backcargo, Bag2, Bag, BagStar, Bookmark, Box, Buy, BuyXl, Calendar, CalenderArrowleftsmall, Calenderarrowrightsmall, Call, CallMissed, CallSilent, Calling, Camera, Campaign, CampaignColorful, CarbonNautral, Cargo, Cargo2, Category, Chart, Chat, CheckMark, CheckboxElementChecked, CheckboxElementDisabled, CheckboxElementInvalid, CheckboxElementUncheck, CihazTeslimAlindi, ClickOnclick, CloseMedium, CloseSmall, CloseSquare, Closebig, Coffee, Completed, Copy, Danger, DarkBadge, Delete, DeleteSmall, Discount, Discovery, Dislike, DislikeLg, Document, Download, DownloadMini, Dublearrrowrightbig, Edit, EditSquare, ElSatis, Facebook, Filter, Filter2, FilterDown, FilterSmall, FilterUp, Flash, Folder, Game, Gift, Graph, Heart, HeartLg, Hide, Home, House, Image, InfoCircle, InfoSquare, InfoSquareSmall, Instagram, InstagramNegative, Instagramwithfooter, Keyboard, KeyboardClose, Language2, Laptop, Like, LikeV1, Likesmall, Link, LinkSm, LinkedIn, Loading, LoadingDefault, Loadingsmall, Location, Lock, Login, Logout, MasterCard, Message, Minus, Money, MoneyBig, MoreCircle, MoreSquare, NegativeBig, NegativeSmall, Notification, NotificationBigwith16, NotificationBigwith24, NotificationSmallwith16, NotificationSmallwith24, Operation, OrderProgressIcons, Paper, PaperDownload, PaperFail, PaperNegative, PaperPlus, PaperUpload, Password, Pause, PlusBig, PlusCircle, PlusSmall, PlusSquare, PriceTag, Profile, RadioButtonElementChecked, RadioButtonElementDisabled, RadioButtonElementInvalid, RadioButtonElementUnchecked, Rectangle, RectanglePurple, RotateBig, Sandwatch, Scan, Search, Searchsmall, Security, Send, Setting, SettingCircle, ShieldDone, ShieldDoneLg, ShieldFail, Show, ShufflePlay, SignLanguage, Star, StarCircle, Starfull, StarfullSmall, StarfullXSmall, Swap, SwitchPassive, Tamamlarsin, Tick, TickSquare, TicketStar, Ticket, TimeCircle, TimeSquare, Trash, Twitter, TwitterFilled, Twitterhk, Twitterwithfooter, Unlock, Upload, User2, User3, Valentine, Video, Visa, Voice, Voice2, VolumeDown, VolumeOff, VolumeOffSm, VolumeUp, VolumeUpSm, Wallet, Wallet2, Watch, WaveArrowDown, WaveArrowUp, Whatsapp, Work, Wp, Wpfooter, Youtube, CircleFilled, Clab1, ClabFilled, ClabHands, Dislikesmall, Dublearrowleftbig, Facebookhk, Facebookwithfooter, Grid, Instagramhk, Konfeti, Konfeti2, Linkedinhk, Linkedinwithfooter, List, Live, More, NewYear, Play, RotateRight, TextLoading, Tiktok, UserPlus, UserPlusLg, Wphk, Youtubehk, Youtubewithfooter };
|
|
@@ -26,11 +26,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
26
26
|
};
|
|
27
27
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
28
|
exports.CallMissed = exports.Call = exports.Calenderarrowrightsmall = exports.CalenderArrowleftsmall = exports.Calendar = exports.BuyXl = exports.Buy = exports.Box = exports.Bookmark = exports.BagStar = exports.Bag = exports.Bag2 = exports.Backcargo = exports.BackCargosmall = exports.BackCargo2 = exports.Baby = exports.AskedQuestions = exports.ArrowUpSquare = exports.ArrowUpCircle = exports.ArrowUpBig = exports.ArrowUpAnimate = exports.ArrowUp = exports.ArrowSmallUp = exports.ArrowSmallRightStroke = exports.ArrowSmallRightBackground = exports.ArrowSmallRight = exports.ArrowSmallLeftStroke = exports.ArrowSmallLeft = exports.ArrowSmallDownStroke = exports.ArrowSmallDown = exports.ArrowSharemini = exports.ArrowShare = exports.ArrowRightSquare = exports.ArrowRightCircle = exports.ArrowRightBig = exports.ArrowRightAnimate = exports.ArrowRight = exports.ArrowLeftSquare = exports.ArrowLeftCircle = exports.ArrowLeftBig = exports.ArrowLeftAnimate = exports.ArrowLeft = exports.ArrowGoSmall = exports.ArrowDownSquare = exports.ArrowDownCircle = exports.ArrowDownBig = exports.ArrowDownAnimate = exports.ArrowDown = exports.Announcement = exports.Activity = void 0;
|
|
29
|
-
exports.
|
|
30
|
-
exports.
|
|
31
|
-
exports.
|
|
32
|
-
exports.
|
|
33
|
-
exports.iconList = void 0;
|
|
29
|
+
exports.Gift = exports.Game = exports.Folder = exports.Flash = exports.FilterUp = exports.FilterSmall = exports.FilterDown = exports.Filter2 = exports.Filter = exports.Facebook = exports.ElSatis = exports.EditSquare = exports.Edit = exports.Dublearrrowrightbig = exports.DownloadMini = exports.Download = exports.Document = exports.DislikeLg = exports.Dislike = exports.Discovery = exports.Discount = exports.DeleteSmall = exports.Delete = exports.DarkBadge = exports.Danger = exports.Copy = exports.Completed = exports.Coffee = exports.Closebig = exports.CloseSquare = exports.CloseSmall = exports.CloseMedium = exports.ClickOnclick = exports.CihazTeslimAlindi = exports.CheckboxElementUncheck = exports.CheckboxElementInvalid = exports.CheckboxElementDisabled = exports.CheckboxElementChecked = exports.CheckMark = exports.Chat = exports.Chart = exports.Category = exports.Cargo2 = exports.Cargo = exports.CarbonNautral = exports.CampaignColorful = exports.Campaign = exports.Camera = exports.Calling = exports.CallSilent = void 0;
|
|
30
|
+
exports.PaperNegative = exports.PaperFail = exports.PaperDownload = exports.Paper = exports.OrderProgressIcons = exports.Operation = exports.NotificationSmallwith24 = exports.NotificationSmallwith16 = exports.NotificationBigwith24 = exports.NotificationBigwith16 = exports.Notification = exports.NegativeSmall = exports.NegativeBig = exports.MoreSquare = exports.MoreCircle = exports.MoneyBig = exports.Money = exports.Minus = exports.Message = exports.MasterCard = exports.Logout = exports.Login = exports.Lock = exports.Location = exports.Loadingsmall = exports.LoadingDefault = exports.Loading = exports.LinkedIn = exports.LinkSm = exports.Link = exports.Likesmall = exports.LikeV1 = exports.Like = exports.Laptop = exports.Language2 = exports.KeyboardClose = exports.Keyboard = exports.Instagramwithfooter = exports.InstagramNegative = exports.Instagram = exports.InfoSquareSmall = exports.InfoSquare = exports.InfoCircle = exports.Image = exports.House = exports.Home = exports.Hide = exports.HeartLg = exports.Heart = exports.Graph = void 0;
|
|
31
|
+
exports.Twitterwithfooter = exports.Twitterhk = exports.TwitterFilled = exports.Twitter = exports.Trash = exports.TimeSquare = exports.TimeCircle = exports.Ticket = exports.TicketStar = exports.TickSquare = exports.Tick = exports.Tamamlarsin = exports.SwitchPassive = exports.Swap = exports.StarfullXSmall = exports.StarfullSmall = exports.Starfull = exports.StarCircle = exports.Star = exports.SignLanguage = exports.ShufflePlay = exports.Show = exports.ShieldFail = exports.ShieldDoneLg = exports.ShieldDone = exports.SettingCircle = exports.Setting = exports.Send = exports.Security = exports.Searchsmall = exports.Search = exports.Scan = exports.Sandwatch = exports.RotateBig = exports.RectanglePurple = exports.Rectangle = exports.RadioButtonElementUnchecked = exports.RadioButtonElementInvalid = exports.RadioButtonElementDisabled = exports.RadioButtonElementChecked = exports.Profile = exports.PriceTag = exports.PlusSquare = exports.PlusSmall = exports.PlusCircle = exports.PlusBig = exports.Pause = exports.Password = exports.PaperUpload = exports.PaperPlus = void 0;
|
|
32
|
+
exports.Youtubehk = exports.Wphk = exports.UserPlusLg = exports.UserPlus = exports.Tiktok = exports.TextLoading = exports.RotateRight = exports.Play = exports.NewYear = exports.More = exports.Live = exports.List = exports.Linkedinwithfooter = exports.Linkedinhk = exports.Konfeti2 = exports.Konfeti = exports.Instagramhk = exports.Grid = exports.Facebookwithfooter = exports.Facebookhk = exports.Dublearrowleftbig = exports.Dislikesmall = exports.ClabHands = exports.ClabFilled = exports.Clab1 = exports.CircleFilled = exports.Youtube = exports.Wpfooter = exports.Wp = exports.Work = exports.Whatsapp = exports.WaveArrowUp = exports.WaveArrowDown = exports.Watch = exports.Wallet2 = exports.Wallet = exports.VolumeUpSm = exports.VolumeUp = exports.VolumeOffSm = exports.VolumeOff = exports.VolumeDown = exports.Voice2 = exports.Voice = exports.Visa = exports.Video = exports.Valentine = exports.User3 = exports.User2 = exports.Upload = exports.Unlock = void 0;
|
|
33
|
+
exports.iconList = exports.Youtubewithfooter = void 0;
|
|
34
34
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
35
35
|
var Activity_1 = __importDefault(require("./Activity"));
|
|
36
36
|
Object.defineProperty(exports, "Activity", { enumerable: true, get: function () { return Activity_1.default; } });
|
|
@@ -176,6 +176,8 @@ var CloseSquare_1 = __importDefault(require("./CloseSquare"));
|
|
|
176
176
|
Object.defineProperty(exports, "CloseSquare", { enumerable: true, get: function () { return CloseSquare_1.default; } });
|
|
177
177
|
var Closebig_1 = __importDefault(require("./Closebig"));
|
|
178
178
|
Object.defineProperty(exports, "Closebig", { enumerable: true, get: function () { return Closebig_1.default; } });
|
|
179
|
+
var Coffee_1 = __importDefault(require("./Coffee"));
|
|
180
|
+
Object.defineProperty(exports, "Coffee", { enumerable: true, get: function () { return Coffee_1.default; } });
|
|
179
181
|
var Completed_1 = __importDefault(require("./Completed"));
|
|
180
182
|
Object.defineProperty(exports, "Completed", { enumerable: true, get: function () { return Completed_1.default; } });
|
|
181
183
|
var Copy_1 = __importDefault(require("./Copy"));
|
|
@@ -821,6 +823,10 @@ exports.iconList = {
|
|
|
821
823
|
var props = __rest(_a, []);
|
|
822
824
|
return (0, jsx_runtime_1.jsx)(Closebig_1.default, __assign({}, props));
|
|
823
825
|
},
|
|
826
|
+
Coffee: function (_a) {
|
|
827
|
+
var props = __rest(_a, []);
|
|
828
|
+
return (0, jsx_runtime_1.jsx)(Coffee_1.default, __assign({}, props));
|
|
829
|
+
},
|
|
824
830
|
Completed: function (_a) {
|
|
825
831
|
var props = __rest(_a, []);
|
|
826
832
|
return (0, jsx_runtime_1.jsx)(Completed_1.default, __assign({}, props));
|
|
@@ -47,6 +47,18 @@ export declare const Default: {
|
|
|
47
47
|
medias: any[];
|
|
48
48
|
children: any[];
|
|
49
49
|
parent: any[];
|
|
50
|
+
}[] | {
|
|
51
|
+
id: number;
|
|
52
|
+
parentId: number;
|
|
53
|
+
name: string;
|
|
54
|
+
filterName: any;
|
|
55
|
+
isShowHeader: boolean;
|
|
56
|
+
slug: string;
|
|
57
|
+
productCount: number;
|
|
58
|
+
headerMediaUrl: string;
|
|
59
|
+
medias: any[];
|
|
60
|
+
children: any[];
|
|
61
|
+
parent: any[];
|
|
50
62
|
}[] | {
|
|
51
63
|
id: number;
|
|
52
64
|
parentId: number;
|
|
@@ -13,5 +13,5 @@ var styled_components_1 = __importDefault(require("styled-components"));
|
|
|
13
13
|
var devices_1 = require("../../../../constants/devices");
|
|
14
14
|
var svgToBase64_1 = __importDefault(require("./../../../../utils/svgToBase64"));
|
|
15
15
|
var Icon_1 = __importDefault(require("../../../Icon/Icon"));
|
|
16
|
-
exports.HorizontalBoxStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: block;\n > label {\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n border: ", ";\n border-radius: 0.5rem;\n height: 67px;\n cursor: ", ";\n background-color: ", ";\n ", "\n .inner {\n width: 100%;\n padding: 0 1.5rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n @media only screen and ", " {\n padding: 0 1rem;\n }\n .leftContent {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n flex: 0 0 auto;\n width: auto;\n position: relative;\n \n input[type=\"radio\"] {\n height: 0;\n width: 0;\n opacity: 0;\n z-index: -1;\n position: absolute;\n\n &:checked ~ .indicator {\n background-image: url('", "');\n }\n ", "\n }\n\n div.indicator {\n flex: 0 0 auto;\n background-image: url('", "');\n background-size: 100% 100%;\n display: block;\n position: relative;\n margin: 0 ", " 0 0;\n width: 16px;\n height: 16px;\n\n &:disabled {\n cursor: not-allowed;\n }\n }\n \n .labelContent {\n display: grid;\n align-items: center;\n justify-content: flex-start;\n }\n \n .labelWrapper{\n display: flex;\n align-items: center;\n justify-content: flex-start;\n font: var(--body-semi-bold-14-17);\n @media only screen and ", " {\n display: block;\n }\n }\n .badgesWrapper {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n margin-left: 1rem;\n }\n \n .description {\n color: var(--dark-opacity-50);\n font: var(--body-semi-bold-13-16);\n margin-top: 2px;\n margin-bottom: 0;\n width: 100%;\n display: block;\n }\n }\n .rightContent {\n flex: 0 0 auto;\n width: auto;\n text-align: end;\n row-gap: 0.25rem;\n display: grid;\n .price {\n color: var(--dark);\n font: var(--title-bold-16-19);\n }\n .totalPrice {\n display: block;\n color: var(--dark-opacity-50);\n font: var(--caption-semi-bold-12-15);\n .total {\n @media only screen and ", " {\n display: none;\n }\n }\n }\n }\n }\n }\n"], ["\n display: block;\n > label {\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n border: ", ";\n border-radius: 0.5rem;\n height: 67px;\n cursor: ", ";\n background-color: ", ";\n ", "\n .inner {\n width: 100%;\n padding: 0 1.5rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n @media only screen and ", " {\n padding: 0 1rem;\n }\n .leftContent {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n flex: 0 0 auto;\n width: auto;\n position: relative;\n \n input[type=\"radio\"] {\n height: 0;\n width: 0;\n opacity: 0;\n z-index: -1;\n position: absolute;\n\n &:checked ~ .indicator {\n background-image: url('", "');\n }\n ", "\n }\n\n div.indicator {\n flex: 0 0 auto;\n background-image: url('", "');\n background-size: 100% 100%;\n display: block;\n position: relative;\n margin: 0 ", " 0 0;\n width: 16px;\n height: 16px;\n\n &:disabled {\n cursor: not-allowed;\n }\n }\n \n .labelContent {\n display: grid;\n align-items: center;\n justify-content: flex-start;\n }\n \n .labelWrapper{\n display: flex;\n align-items: center;\n justify-content: flex-start;\n font: var(--body-semi-bold-14-17);\n @media only screen and ", " {\n display: block;\n }\n }\n .badgesWrapper {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n margin-left: 1rem;\n }\n \n .description {\n color: var(--dark-opacity-50);\n font: var(--body-semi-bold-13-16);\n margin-top: 2px;\n margin-bottom: 0;\n width: 100%;\n display: block;\n }\n }\n .rightContent {\n flex: 0 0 auto;\n width: auto;\n text-align: end;\n row-gap: 0.25rem;\n display: grid;\n .price {\n color: var(--dark);\n font: var(--title-bold-16-19);\n }\n .totalPrice {\n display: block;\n color: var(--dark-opacity-50);\n font: var(--caption-semi-bold-12-15);\n .total {\n @media only screen and ", " {\n display: none;\n }\n }\n }\n }\n }\n }\n"])), function (props) { return props.$disabled ? 'var(--grey-10)' : props.checked ? '2px solid var(--primary)' : '1px solid var(--dark-opacity-10)'; }, function (props) { return props.$disabled ? 'not-allowed' : 'pointer'; }, function (props) { return props.$disabled ? 'var(--dark-opacity-3)' : 'white'; }, function (props) { return !props.checked && !props.$disabled && "\n &:hover{\n
|
|
16
|
+
exports.HorizontalBoxStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: block;\n > label {\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n border: ", ";\n border-radius: 0.5rem;\n height: 67px;\n cursor: ", ";\n background-color: ", ";\n ", "\n .inner {\n width: 100%;\n padding: 0 1.5rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n @media only screen and ", " {\n padding: 0 1rem;\n }\n .leftContent {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n flex: 0 0 auto;\n width: auto;\n position: relative;\n \n input[type=\"radio\"] {\n height: 0;\n width: 0;\n opacity: 0;\n z-index: -1;\n position: absolute;\n\n &:checked ~ .indicator {\n background-image: url('", "');\n }\n ", "\n }\n\n div.indicator {\n flex: 0 0 auto;\n background-image: url('", "');\n background-size: 100% 100%;\n display: block;\n position: relative;\n margin: 0 ", " 0 0;\n width: 16px;\n height: 16px;\n\n &:disabled {\n cursor: not-allowed;\n }\n }\n \n .labelContent {\n display: grid;\n align-items: center;\n justify-content: flex-start;\n }\n \n .labelWrapper{\n display: flex;\n align-items: center;\n justify-content: flex-start;\n font: var(--body-semi-bold-14-17);\n @media only screen and ", " {\n display: block;\n }\n }\n .badgesWrapper {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n margin-left: 1rem;\n }\n \n .description {\n color: var(--dark-opacity-50);\n font: var(--body-semi-bold-13-16);\n margin-top: 2px;\n margin-bottom: 0;\n width: 100%;\n display: block;\n }\n }\n .rightContent {\n flex: 0 0 auto;\n width: auto;\n text-align: end;\n row-gap: 0.25rem;\n display: grid;\n .price {\n color: var(--dark);\n font: var(--title-bold-16-19);\n }\n .totalPrice {\n display: block;\n color: var(--dark-opacity-50);\n font: var(--caption-semi-bold-12-15);\n .total {\n @media only screen and ", " {\n display: none;\n }\n }\n }\n }\n }\n }\n"], ["\n display: block;\n > label {\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n border: ", ";\n border-radius: 0.5rem;\n height: 67px;\n cursor: ", ";\n background-color: ", ";\n ", "\n .inner {\n width: 100%;\n padding: 0 1.5rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n @media only screen and ", " {\n padding: 0 1rem;\n }\n .leftContent {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n flex: 0 0 auto;\n width: auto;\n position: relative;\n \n input[type=\"radio\"] {\n height: 0;\n width: 0;\n opacity: 0;\n z-index: -1;\n position: absolute;\n\n &:checked ~ .indicator {\n background-image: url('", "');\n }\n ", "\n }\n\n div.indicator {\n flex: 0 0 auto;\n background-image: url('", "');\n background-size: 100% 100%;\n display: block;\n position: relative;\n margin: 0 ", " 0 0;\n width: 16px;\n height: 16px;\n\n &:disabled {\n cursor: not-allowed;\n }\n }\n \n .labelContent {\n display: grid;\n align-items: center;\n justify-content: flex-start;\n }\n \n .labelWrapper{\n display: flex;\n align-items: center;\n justify-content: flex-start;\n font: var(--body-semi-bold-14-17);\n @media only screen and ", " {\n display: block;\n }\n }\n .badgesWrapper {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n margin-left: 1rem;\n }\n \n .description {\n color: var(--dark-opacity-50);\n font: var(--body-semi-bold-13-16);\n margin-top: 2px;\n margin-bottom: 0;\n width: 100%;\n display: block;\n }\n }\n .rightContent {\n flex: 0 0 auto;\n width: auto;\n text-align: end;\n row-gap: 0.25rem;\n display: grid;\n .price {\n color: var(--dark);\n font: var(--title-bold-16-19);\n }\n .totalPrice {\n display: block;\n color: var(--dark-opacity-50);\n font: var(--caption-semi-bold-12-15);\n .total {\n @media only screen and ", " {\n display: none;\n }\n }\n }\n }\n }\n }\n"])), function (props) { return props.$disabled ? 'var(--grey-10)' : props.checked ? '2px solid var(--primary)' : '1px solid var(--dark-opacity-10)'; }, function (props) { return props.$disabled ? 'not-allowed' : 'pointer'; }, function (props) { return props.$disabled ? 'var(--dark-opacity-3)' : 'white'; }, function (props) { return !props.checked && !props.$disabled && "\n @media only screen and ".concat(devices_1.devices.lgUp, " {\n &:hover{\n border: 1px solid var(--primary-hover);\n }\n }\n "); }, devices_1.devices.sm, function (props) { return (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, color: props.$color || "#9763F6", name: "RadioButtonElementChecked" })); }, function (props) { return props.$disabled ? "\n pointer-events: none;\n user-select:none;\n " : ""; }, function (props) { return props.$disabled ? (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, color: "#C2C3CE", name: "RadioButtonElementDisabled" })) : (props.$valid ? (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, color: "#9763F6", name: "RadioButtonElementUnchecked" })) : (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, color: "#FF1F1F", name: "RadioButtonElementInvalid" }))); }, function (props) { return props.$labelOffset || "0.5rem"; }, devices_1.devices.sm, devices_1.devices.sm);
|
|
17
17
|
var templateObject_1;
|
|
@@ -47,12 +47,12 @@ var react_i18next_1 = require("react-i18next");
|
|
|
47
47
|
var ProductCardHorizontal_1 = __importDefault(require("../ProductCardHorizontal"));
|
|
48
48
|
var SearchBox = react_1.default.forwardRef(function (_a, ref) {
|
|
49
49
|
var _b;
|
|
50
|
-
var _c = _a.onKeyUp, onKeyUp = _c === void 0 ? props_1.SearchBoxDefault.onKeyUp : _c, _d = _a.
|
|
50
|
+
var _c = _a.onKeyUp, onKeyUp = _c === void 0 ? props_1.SearchBoxDefault.onKeyUp : _c, _d = _a.onKeyDown, onKeyDown = _d === void 0 ? props_1.SearchBoxDefault.onKeyDown : _d, _e = _a.onBlur, onBlur = _e === void 0 ? props_1.SearchBoxDefault.onBlur : _e, _f = _a.onFocus, onFocus = _f === void 0 ? props_1.SearchBoxDefault.onFocus : _f, _g = _a.onChange, onChange = _g === void 0 ? props_1.SearchBoxDefault.onChange : _g, _h = _a.onButtonClick, onButtonClick = _h === void 0 ? props_1.SearchBoxDefault.onButtonClick : _h, children = _a.children, _j = _a.isLoading, isLoading = _j === void 0 ? props_1.SearchBoxDefault.isLoading : _j, _k = _a.showResultList, showResultList = _k === void 0 ? props_1.SearchBoxDefault.showResultList : _k, _l = _a.placeholder, placeholder = _l === void 0 ? props_1.SearchBoxDefault.placeholder : _l, _m = _a.size, size = _m === void 0 ? props_1.SearchBoxDefault.size : _m, _o = _a.value, value = _o === void 0 ? props_1.SearchBoxDefault.value : _o, _p = _a.maxResultHeight, maxResultHeight = _p === void 0 ? props_1.SearchBoxDefault.maxResultHeight : _p, _q = _a.minSearchLength, minSearchLength = _q === void 0 ? props_1.SearchBoxDefault.minSearchLength : _q, _r = _a.ariaLabel, ariaLabel = _r === void 0 ? props_1.SearchBoxDefault.ariaLabel : _r, _s = _a.id, id = _s === void 0 ? "searchbox" : _s, _t = _a.disabled, disabled = _t === void 0 ? props_1.SearchBoxDefault.disabled : _t, className = _a.className;
|
|
51
51
|
var t = (0, react_i18next_1.useTranslation)().t;
|
|
52
52
|
var resultRef = (0, react_1.useRef)(null);
|
|
53
53
|
var scrollContainerRef = (0, react_1.useRef)(null);
|
|
54
54
|
var innerRef = (0, react_1.useRef)(null);
|
|
55
|
-
var
|
|
55
|
+
var _u = (0, react_1.useState)(null), selectedIndex = _u[0], setSelectedIndex = _u[1];
|
|
56
56
|
// Forward the ref while maintaining internal ref
|
|
57
57
|
var handleRef = function (element) {
|
|
58
58
|
innerRef.current = element;
|
|
@@ -72,7 +72,7 @@ var SearchBox = react_1.default.forwardRef(function (_a, ref) {
|
|
|
72
72
|
}
|
|
73
73
|
}, [onKeyUp]);
|
|
74
74
|
var handleKeyDown = (0, react_1.useCallback)(function (e) {
|
|
75
|
-
var _a
|
|
75
|
+
var _a;
|
|
76
76
|
if (!showResultList)
|
|
77
77
|
return;
|
|
78
78
|
var list = (_a = resultRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll(".productCard");
|
|
@@ -93,10 +93,6 @@ var SearchBox = react_1.default.forwardRef(function (_a, ref) {
|
|
|
93
93
|
prev === list.length - 1 ? list.length - 1 : prev + 1;
|
|
94
94
|
});
|
|
95
95
|
break;
|
|
96
|
-
case 27: // escape
|
|
97
|
-
e.preventDefault();
|
|
98
|
-
(_b = innerRef.current) === null || _b === void 0 ? void 0 : _b.blur();
|
|
99
|
-
break;
|
|
100
96
|
default:
|
|
101
97
|
setSelectedIndex(null);
|
|
102
98
|
}
|
|
@@ -6,6 +6,8 @@ export interface SearchBoxProps {
|
|
|
6
6
|
size?: Size;
|
|
7
7
|
/** Handler for keyup events */
|
|
8
8
|
onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
9
|
+
/** Handler for keydown events */
|
|
10
|
+
onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
9
11
|
/** Handler for blur events */
|
|
10
12
|
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
11
13
|
/** Handler for focus events */
|
|
@@ -39,6 +39,7 @@ declare const _default: ({
|
|
|
39
39
|
badgeText?: undefined;
|
|
40
40
|
})[];
|
|
41
41
|
parent: any[];
|
|
42
|
+
badgeTextSm?: undefined;
|
|
42
43
|
component?: undefined;
|
|
43
44
|
hasCustomItem?: undefined;
|
|
44
45
|
} | {
|
|
@@ -66,6 +67,35 @@ declare const _default: ({
|
|
|
66
67
|
parent: any[];
|
|
67
68
|
}[];
|
|
68
69
|
parent: any[];
|
|
70
|
+
badgeTextSm?: undefined;
|
|
71
|
+
component?: undefined;
|
|
72
|
+
hasCustomItem?: undefined;
|
|
73
|
+
} | {
|
|
74
|
+
id: number;
|
|
75
|
+
parentId: number;
|
|
76
|
+
name: string;
|
|
77
|
+
filterName: any;
|
|
78
|
+
isShowHeader: boolean;
|
|
79
|
+
slug: string;
|
|
80
|
+
productCount: number;
|
|
81
|
+
headerMediaUrl: string;
|
|
82
|
+
medias: any[];
|
|
83
|
+
icon: string;
|
|
84
|
+
badgeTextSm: string;
|
|
85
|
+
children: {
|
|
86
|
+
id: number;
|
|
87
|
+
parentId: number;
|
|
88
|
+
name: string;
|
|
89
|
+
filterName: any;
|
|
90
|
+
isShowHeader: boolean;
|
|
91
|
+
slug: string;
|
|
92
|
+
productCount: number;
|
|
93
|
+
headerMediaUrl: string;
|
|
94
|
+
medias: any[];
|
|
95
|
+
children: any[];
|
|
96
|
+
parent: any[];
|
|
97
|
+
}[];
|
|
98
|
+
parent: any[];
|
|
69
99
|
component?: undefined;
|
|
70
100
|
hasCustomItem?: undefined;
|
|
71
101
|
} | {
|
|
@@ -95,6 +125,7 @@ declare const _default: ({
|
|
|
95
125
|
children: any[];
|
|
96
126
|
}[];
|
|
97
127
|
parent?: undefined;
|
|
128
|
+
badgeTextSm?: undefined;
|
|
98
129
|
hasCustomItem?: undefined;
|
|
99
130
|
} | {
|
|
100
131
|
id: number;
|
|
@@ -110,6 +141,7 @@ declare const _default: ({
|
|
|
110
141
|
children: any[];
|
|
111
142
|
hasCustomItem: boolean;
|
|
112
143
|
parent?: undefined;
|
|
144
|
+
badgeTextSm?: undefined;
|
|
113
145
|
component?: undefined;
|
|
114
146
|
})[];
|
|
115
147
|
export default _default;
|
package/dist/jsons/categories.js
CHANGED
|
@@ -390,6 +390,7 @@ exports.default = [
|
|
|
390
390
|
"headerMediaUrl": "https://kiralarsin.s3.eu-central-1.amazonaws.com/categories/tabletvelaptop.jpg",
|
|
391
391
|
"medias": [],
|
|
392
392
|
"icon": "Laptop",
|
|
393
|
+
"badgeTextSm": "Yeni",
|
|
393
394
|
"children": [
|
|
394
395
|
{
|
|
395
396
|
"id": 53,
|
|
@@ -459,20 +460,6 @@ exports.default = [
|
|
|
459
460
|
],
|
|
460
461
|
"parent": []
|
|
461
462
|
},
|
|
462
|
-
{
|
|
463
|
-
"id": 31,
|
|
464
|
-
"parentId": 0,
|
|
465
|
-
"name": "Akıllı Saat",
|
|
466
|
-
"filterName": null,
|
|
467
|
-
"isShowHeader": true,
|
|
468
|
-
"slug": "akilli-saat",
|
|
469
|
-
"productCount": 0,
|
|
470
|
-
"headerMediaUrl": "https://kiralarsin.s3.eu-central-1.amazonaws.com/categories/giyilebilirteknoloji.jpg",
|
|
471
|
-
"medias": [],
|
|
472
|
-
"children": [],
|
|
473
|
-
"parent": [],
|
|
474
|
-
"icon": "Watch",
|
|
475
|
-
},
|
|
476
463
|
{
|
|
477
464
|
"id": 40,
|
|
478
465
|
"parentId": 0,
|
|
@@ -515,20 +502,6 @@ exports.default = [
|
|
|
515
502
|
}
|
|
516
503
|
]
|
|
517
504
|
},
|
|
518
|
-
{
|
|
519
|
-
"id": 83,
|
|
520
|
-
"parentId": 0,
|
|
521
|
-
"name": "İndirimli Ürünler",
|
|
522
|
-
"filterName": null,
|
|
523
|
-
"isShowHeader": true,
|
|
524
|
-
"slug": "indirimli-urunler",
|
|
525
|
-
"productCount": 0,
|
|
526
|
-
"headerMediaUrl": "https://kiralarsin.s3.eu-central-1.amazonaws.com/categories/indirim.jpg",
|
|
527
|
-
"medias": [],
|
|
528
|
-
"children": [],
|
|
529
|
-
"parent": [],
|
|
530
|
-
"icon": "Announcement",
|
|
531
|
-
},
|
|
532
505
|
{
|
|
533
506
|
"id": 41,
|
|
534
507
|
"parentId": 0,
|