krl-alfred 2.17.58 → 2.17.59
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/Input/stories/Input.stories.d.ts +3 -0
- package/dist/components/Input/stories/Input.stories.js +3 -0
- package/dist/components/ReviewBlock/ReviewBlock.js +3 -2
- package/dist/components/ReviewBlock/ReviewBlock.styled.d.ts +1 -0
- package/dist/components/ReviewBlock/ReviewBlock.styled.js +12 -11
- package/package.json +5 -6
|
@@ -165,6 +165,7 @@ export declare const DateInput: {
|
|
|
165
165
|
isClearable: boolean;
|
|
166
166
|
type: string;
|
|
167
167
|
format: string;
|
|
168
|
+
mask: any;
|
|
168
169
|
infoText: any;
|
|
169
170
|
id: string;
|
|
170
171
|
onChange: (e: any) => void;
|
|
@@ -180,6 +181,7 @@ export declare const DateInline: {
|
|
|
180
181
|
isClearable: boolean;
|
|
181
182
|
type: string;
|
|
182
183
|
format: string;
|
|
184
|
+
mask: any;
|
|
183
185
|
inline: boolean;
|
|
184
186
|
infoText: any;
|
|
185
187
|
id: string;
|
|
@@ -196,6 +198,7 @@ export declare const DateWithMinMax: {
|
|
|
196
198
|
isClearable: boolean;
|
|
197
199
|
type: string;
|
|
198
200
|
format: string;
|
|
201
|
+
mask: any;
|
|
199
202
|
minDate: Date;
|
|
200
203
|
maxDate: Date;
|
|
201
204
|
infoText: any;
|
|
@@ -180,6 +180,7 @@ exports.DateInput = {
|
|
|
180
180
|
isClearable: false,
|
|
181
181
|
type: "date",
|
|
182
182
|
format: "dd.MM.yyyy",
|
|
183
|
+
mask: null,
|
|
183
184
|
infoText: null,
|
|
184
185
|
id: "input_date",
|
|
185
186
|
onChange: function (e) {
|
|
@@ -197,6 +198,7 @@ exports.DateInline = {
|
|
|
197
198
|
isClearable: false,
|
|
198
199
|
type: "date",
|
|
199
200
|
format: "dd.MM.yyyy",
|
|
201
|
+
mask: null,
|
|
200
202
|
inline: true,
|
|
201
203
|
infoText: null,
|
|
202
204
|
id: "input_date_inline",
|
|
@@ -215,6 +217,7 @@ exports.DateWithMinMax = {
|
|
|
215
217
|
isClearable: false,
|
|
216
218
|
type: "date",
|
|
217
219
|
format: "dd.MM.yyyy",
|
|
220
|
+
mask: null,
|
|
218
221
|
minDate: new Date(),
|
|
219
222
|
maxDate: new Date(new Date().setFullYear(new Date().getFullYear() + 1)),
|
|
220
223
|
infoText: null,
|
|
@@ -32,9 +32,10 @@ var ReviewBlock = function (_a) {
|
|
|
32
32
|
onClick: onRemoveButtonClick,
|
|
33
33
|
}
|
|
34
34
|
];
|
|
35
|
-
return ((0, jsx_runtime_1.jsxs)(ReviewBlock_styled_1.ReviewCard, __assign({ "$hasShadow": hasShadow }, { children: [(0, jsx_runtime_1.jsxs)(ReviewBlock_styled_1.Header, __assign({ "$hasDropdown": hasDropdown, "$hasApproveButton": hasApproveButton }, { children: [(0, jsx_runtime_1.
|
|
35
|
+
return ((0, jsx_runtime_1.jsxs)(ReviewBlock_styled_1.ReviewCard, __assign({ "$hasShadow": hasShadow }, { children: [(0, jsx_runtime_1.jsxs)(ReviewBlock_styled_1.Header, __assign({ "$hasDropdown": hasDropdown, "$hasApproveButton": hasApproveButton }, { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(ReviewBlock_styled_1.CustomerName, { children: customerName }) }), (0, jsx_runtime_1.jsxs)("div", { children: [hasApproveButton && ((0, jsx_runtime_1.jsx)(ReviewBlock_styled_1.TextLinkWrapper, { children: (0, jsx_runtime_1.jsx)(TextLink_1.default, __assign({ onClick: onApproveButtonClick }, { children: t("POST_COMMENTS") })) })), hasBadge && ((0, jsx_runtime_1.jsx)(ReviewBlock_styled_1.BadgeWrapper, { children: (0, jsx_runtime_1.jsx)(Badges_1.default, { layout: "text", variant: badgeVariant, title: badgeText }) })), hasDropdown && ((0, jsx_runtime_1.jsx)(ReviewBlock_styled_1.DropdownWrapper, { children: (0, jsx_runtime_1.jsx)(Dropdown_1.default, { size: "small", list: dropdownList, isShowTopChevron: false, Toggle: function () { return (0, jsx_runtime_1.jsxs)(ReviewBlock_styled_1.DropdownToggleButton, { children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { name: "MoreCircle" }), " "] }); }, childrenVariant: "primary", right: "0", width: "145px", top: "calc(100% + 4px)" }) })), (0, jsx_runtime_1.jsx)(ReviewBlock_styled_1.Date, { children: date })] })] })), comment && (0, jsx_runtime_1.jsx)(ReviewBlock_styled_1.PlatformReview, { children: comment }), productReviews === null || productReviews === void 0 ? void 0 : productReviews.map(function (product, idx) {
|
|
36
36
|
var _a, _b;
|
|
37
|
-
|
|
37
|
+
var percentage = ((product === null || product === void 0 ? void 0 : product.rating) / maxStars) * 100;
|
|
38
|
+
return ((0, jsx_runtime_1.jsxs)(ReviewBlock_styled_1.ProductReviewBlock, { children: [(0, jsx_runtime_1.jsxs)(ReviewBlock_styled_1.ProductWrapper, { children: [(0, jsx_runtime_1.jsx)(ReviewBlock_styled_1.ProductImage, { children: product === null || product === void 0 ? void 0 : product.image }), (0, jsx_runtime_1.jsxs)(ReviewBlock_styled_1.ProductReviewContent, { children: [(0, jsx_runtime_1.jsx)(ReviewBlock_styled_1.ProductName, { children: product === null || product === void 0 ? void 0 : product.name }), (0, jsx_runtime_1.jsx)(ReviewBlock_styled_1.ProductStars, { children: (0, jsx_runtime_1.jsxs)(ReviewBlock_styled_1.StarsWrapper, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "notFilleds" }, { children: Array.from({ length: maxStars }).map(function (_, i) { return ((0, jsx_runtime_1.jsx)(Icon_1.default, { name: "StarfullSmall", color: "var(--dark-opacity-10)" }, i)); }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "filleds", style: { width: "".concat(percentage, "%") } }, { children: Array.from({ length: maxStars }).map(function (_, i) { return ((0, jsx_runtime_1.jsx)(Icon_1.default, { name: "StarfullSmall", color: "var(--yellowDark)" }, i)); }) }))] }) })] })] }), (product === null || product === void 0 ? void 0 : product.question) && (0, jsx_runtime_1.jsx)(ReviewBlock_styled_1.ProductQuestion, { children: product === null || product === void 0 ? void 0 : product.question }), (0, jsx_runtime_1.jsx)(ReviewBlock_styled_1.ProductAnswer, { children: product === null || product === void 0 ? void 0 : product.answer }), ((_a = product === null || product === void 0 ? void 0 : product.tags) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((0, jsx_runtime_1.jsx)(ReviewBlock_styled_1.Tags, { children: (_b = product === null || product === void 0 ? void 0 : product.tags) === null || _b === void 0 ? void 0 : _b.map(function (tag, i) { return ((0, jsx_runtime_1.jsx)(Badges_1.default, { layout: "text", variant: "secondary", title: tag }, i)); }) }))] }, idx));
|
|
38
39
|
})] })));
|
|
39
40
|
};
|
|
40
41
|
exports.default = ReviewBlock;
|
|
@@ -10,6 +10,7 @@ export declare const ProductWrapper: import("styled-components/dist/types").ISty
|
|
|
10
10
|
export declare const ProductImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
11
11
|
export declare const ProductReviewContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
12
12
|
export declare const ProductName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
13
|
+
export declare const ProductStars: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
13
14
|
export declare const ProductQuestion: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
14
15
|
export declare const ProductAnswer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
|
|
15
16
|
export declare const Tags: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -7,11 +7,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
7
7
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
8
|
};
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.DropdownToggleButton = exports.DropdownWrapper = exports.StarsWrapper = exports.BadgeWrapper = exports.TextLinkWrapper = exports.Tags = exports.ProductAnswer = exports.ProductQuestion = exports.ProductName = exports.ProductReviewContent = exports.ProductImage = exports.ProductWrapper = exports.ProductReviewBlock = exports.PlatformReview = exports.Date = exports.CustomerName = exports.Header = exports.ReviewCard = void 0;
|
|
10
|
+
exports.DropdownToggleButton = exports.DropdownWrapper = exports.StarsWrapper = exports.BadgeWrapper = exports.TextLinkWrapper = exports.Tags = exports.ProductAnswer = exports.ProductQuestion = exports.ProductStars = exports.ProductName = exports.ProductReviewContent = exports.ProductImage = exports.ProductWrapper = exports.ProductReviewBlock = exports.PlatformReview = exports.Date = exports.CustomerName = exports.Header = exports.ReviewCard = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
12
|
var devices_1 = require("../../constants/devices");
|
|
13
13
|
exports.ReviewCard = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: white;\n padding: 1.5rem;\n border-radius: 0.5rem;\n ", "\n"], ["\n background: white;\n padding: 1.5rem;\n border-radius: 0.5rem;\n ", "\n"])), function (props) { return props.$hasShadow ? "\n box-shadow: 0px 6px 30px 0px var(--box-shadow-color);\n " : "\n border: 1px solid var(--grey-10);\n "; });
|
|
14
|
-
exports.Header = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: ", ";\n border-bottom: 1px solid var(--dark-opacity-10);\n padding-bottom:
|
|
14
|
+
exports.Header = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: ", ";\n border-bottom: 1px solid var(--dark-opacity-10);\n padding-bottom: 1.5rem;\n margin-bottom: 1.5rem;\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: ", ";\n border-bottom: 1px solid var(--dark-opacity-10);\n padding-bottom: 1.5rem;\n margin-bottom: 1.5rem;\n"])), function (props) { return props.$hasDropdown || props.$hasApproveButton ? "center" : "flex-end"; });
|
|
15
15
|
exports.CustomerName = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font: var(--body-semi-bold-13-16);\n color: var(--dark-opacity-50);\n margin-top: 1rem;\n"], ["\n font: var(--body-semi-bold-13-16);\n color: var(--dark-opacity-50);\n margin-top: 1rem;\n"])));
|
|
16
16
|
exports.Date = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font: var(--caption-semi-bold-12-15);\n color: var(--dark-opacity-50);\n margin-top: 1rem;\n text-align: end;\n"], ["\n font: var(--caption-semi-bold-12-15);\n color: var(--dark-opacity-50);\n margin-top: 1rem;\n text-align: end;\n"])));
|
|
17
17
|
exports.PlatformReview = styled_components_1.default.p(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font: var(--body-regular-14-20);\n color: var(--grey-90);\n margin: 16px 0;\n"], ["\n font: var(--body-regular-14-20);\n color: var(--grey-90);\n margin: 16px 0;\n"])));
|
|
@@ -20,12 +20,13 @@ exports.ProductWrapper = styled_components_1.default.div(templateObject_7 || (te
|
|
|
20
20
|
exports.ProductImage = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n width: 64px;\n height: 64px;\n object-fit: cover;\n border-radius: 8px;\n border: 1px solid var(--dark-opacity-5);\n background: #FFF;\n position: relative;\n overflow: hidden;\n box-sizing: border-box;\n z-index: 1;\n text-align: center;\n padding: 0.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n width: 64px;\n height: 64px;\n object-fit: cover;\n border-radius: 8px;\n border: 1px solid var(--dark-opacity-5);\n background: #FFF;\n position: relative;\n overflow: hidden;\n box-sizing: border-box;\n z-index: 1;\n text-align: center;\n padding: 0.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
|
|
21
21
|
exports.ProductReviewContent = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n flex: 1;\n"], ["\n flex: 1;\n"])));
|
|
22
22
|
exports.ProductName = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n font: var(--body-bold-14-17);\n color: var(--dark-opacity-75);\n"], ["\n font: var(--body-bold-14-17);\n color: var(--dark-opacity-75);\n"])));
|
|
23
|
-
exports.
|
|
24
|
-
exports.
|
|
25
|
-
exports.
|
|
26
|
-
exports.
|
|
27
|
-
exports.
|
|
28
|
-
exports.
|
|
29
|
-
exports.
|
|
30
|
-
exports.
|
|
31
|
-
var
|
|
23
|
+
exports.ProductStars = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n margin-top: 0.5rem;\n"], ["\n margin-top: 0.5rem;\n"])));
|
|
24
|
+
exports.ProductQuestion = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n font: var(--body-bold-13-16);\n color: var(--dark-opacity-75);\n margin-bottom: 0.5rem;\n"], ["\n font: var(--body-bold-13-16);\n color: var(--dark-opacity-75);\n margin-bottom: 0.5rem;\n"])));
|
|
25
|
+
exports.ProductAnswer = styled_components_1.default.p(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n font: var(--body-medium-14-17);\n color: var(--dark-opacity-75);\n margin: 0;\n"], ["\n font: var(--body-medium-14-17);\n color: var(--dark-opacity-75);\n margin: 0;\n"])));
|
|
26
|
+
exports.Tags = styled_components_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n gap: 1rem;\n margin-top: 1rem;\n"], ["\n display: flex;\n flex-wrap: wrap;\n gap: 1rem;\n margin-top: 1rem;\n"])));
|
|
27
|
+
exports.TextLinkWrapper = styled_components_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n font: var(--body-bold-14-17);\n"], ["\n font: var(--body-bold-14-17);\n"])));
|
|
28
|
+
exports.BadgeWrapper = styled_components_1.default.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n text-align: end;\n div{\n display: inline-block;\n }\n"], ["\n text-align: end;\n div{\n display: inline-block;\n }\n"])));
|
|
29
|
+
exports.StarsWrapper = styled_components_1.default.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n position: relative;\n width: fit-content;\n display: flex;\n flex-direction: row;\n\n .filleds {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n position: absolute;\n inset: 0;\n left: 0;\n overflow: hidden;\n white-space: nowrap;\n color: var(--yellowDark);\n z-index: 1;\n column-gap: 2px;\n }\n\n .notFilleds {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n color: var(--dark-opacity-10);\n z-index: 0;\n column-gap: 2px;\n }\n"], ["\n position: relative;\n width: fit-content;\n display: flex;\n flex-direction: row;\n\n .filleds {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n position: absolute;\n inset: 0;\n left: 0;\n overflow: hidden;\n white-space: nowrap;\n color: var(--yellowDark);\n z-index: 1;\n column-gap: 2px;\n }\n\n .notFilleds {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n color: var(--dark-opacity-10);\n z-index: 0;\n column-gap: 2px;\n }\n"])));
|
|
30
|
+
exports.DropdownWrapper = styled_components_1.default.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n margin-left: 1rem;\n"], ["\n margin-left: 1rem;\n"])));
|
|
31
|
+
exports.DropdownToggleButton = styled_components_1.default.span(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n box-sizing: border-box;\n position: relative;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n border-radius: 0;\n padding: 0;\n cursor: pointer;\n transition: all .2s;\n outline: none;\n border:0;\n background: none;\n color: var(--primary);\n \n @media only screen and ", " {\n &:hover {\n color: var(--primary-hover);\n }\n }\n\n\n &:active {\n color: var(--primary-press);\n @media only screen and ", " {\n color: var(--primary-hover);\n }\n }\n \n"], ["\n box-sizing: border-box;\n position: relative;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n border-radius: 0;\n padding: 0;\n cursor: pointer;\n transition: all .2s;\n outline: none;\n border:0;\n background: none;\n color: var(--primary);\n \n @media only screen and ", " {\n &:hover {\n color: var(--primary-hover);\n }\n }\n\n\n &:active {\n color: var(--primary-press);\n @media only screen and ", " {\n color: var(--primary-hover);\n }\n }\n \n"])), devices_1.devices.mdUp, devices_1.devices.md);
|
|
32
|
+
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, templateObject_16, templateObject_17, templateObject_18, templateObject_19;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "krl-alfred",
|
|
3
|
-
"version": "2.17.
|
|
3
|
+
"version": "2.17.59",
|
|
4
4
|
"files": [
|
|
5
5
|
"dist"
|
|
6
6
|
],
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"classnames": "^2.3.2",
|
|
22
22
|
"css-loader": "^6.7.3",
|
|
23
23
|
"date-fns": "^3.6.0",
|
|
24
|
-
"date-fns-tz": "^3.
|
|
24
|
+
"date-fns-tz": "^3.1.3",
|
|
25
25
|
"i18next": "^23.7.6",
|
|
26
26
|
"plop": "^3.1.2",
|
|
27
27
|
"process": "^0.11.10",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"rc-table": "^7.48.0",
|
|
31
31
|
"react": "^18.2.0",
|
|
32
32
|
"react-circular-progressbar": "^2.1.0",
|
|
33
|
-
"react-datepicker": "^
|
|
33
|
+
"react-datepicker": "^7.5.0",
|
|
34
34
|
"react-device-detect": "^2.2.3",
|
|
35
35
|
"react-dom": "^18.2.0",
|
|
36
36
|
"react-i18next": "^13.5.0",
|
|
@@ -93,8 +93,7 @@
|
|
|
93
93
|
"@svgr/webpack": "^7.0.0",
|
|
94
94
|
"next": "^16.0.10",
|
|
95
95
|
"semantic-release": "^21.1.2",
|
|
96
|
-
"storybook": "10.
|
|
96
|
+
"storybook": "10.2.7",
|
|
97
97
|
"storybook-i18n": "^10.0.3"
|
|
98
|
-
}
|
|
99
|
-
"packageManager": "yarn@1.22.22+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610"
|
|
98
|
+
}
|
|
100
99
|
}
|