alicia-design-system 1.45.0 → 1.45.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/alicia/common/Rating/Rating.d.ts +0 -2
- package/dist/cjs/alicia/common/Rating/Rating.js +5 -9
- package/dist/cjs/alicia/common/Rating/Rating.js.map +1 -1
- package/dist/cjs/alicia/common/Rating/Rating.spec.js +2 -4
- package/dist/cjs/alicia/common/Rating/Rating.spec.js.map +1 -1
- package/dist/cjs/alicia/common/Rating/Rating.stories.d.ts +0 -4
- package/dist/cjs/alicia/common/Rating/Rating.stories.js +0 -2
- package/dist/cjs/alicia/common/Rating/Rating.stories.js.map +1 -1
- package/dist/esm/alicia/common/Rating/Rating.d.ts +0 -2
- package/dist/esm/alicia/common/Rating/Rating.js +5 -9
- package/dist/esm/alicia/common/Rating/Rating.js.map +1 -1
- package/dist/esm/alicia/common/Rating/Rating.spec.js +2 -4
- package/dist/esm/alicia/common/Rating/Rating.spec.js.map +1 -1
- package/dist/esm/alicia/common/Rating/Rating.stories.d.ts +0 -4
- package/dist/esm/alicia/common/Rating/Rating.stories.js +0 -2
- package/dist/esm/alicia/common/Rating/Rating.stories.js.map +1 -1
- package/package.json +1 -1
|
@@ -5,18 +5,13 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
const react_1 = require("@chakra-ui/react");
|
|
6
6
|
const polished_1 = require("polished");
|
|
7
7
|
const react_2 = require("react");
|
|
8
|
-
const Rating = ({ count,
|
|
8
|
+
const Rating = ({ count, onSelect, leftRatingText = "Very bad", rightRatingText = "Excellent" }) => {
|
|
9
9
|
const [selectedNumber, setSelectedNumber] = (0, react_2.useState)();
|
|
10
10
|
const onNumberSelect = (index) => {
|
|
11
11
|
setSelectedNumber(index);
|
|
12
12
|
onSelect(index + 1);
|
|
13
13
|
};
|
|
14
|
-
return ((0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ flexDirection: "column" }, { children: [
|
|
15
|
-
fontSize: (0, polished_1.rem)(32),
|
|
16
|
-
"@media (max-width: 768px)": {
|
|
17
|
-
fontSize: (0, polished_1.rem)(24),
|
|
18
|
-
},
|
|
19
|
-
} }, { children: title })), description !== "" && (0, jsx_runtime_1.jsx)(react_1.Text, { children: description }), (0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ justifyContent: "space-between", flexWrap: "wrap", sx: {
|
|
14
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ flexDirection: "column" }, { children: [(0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ justifyContent: "space-between", flexWrap: "wrap", sx: {
|
|
20
15
|
marginTop: (0, polished_1.rem)(32),
|
|
21
16
|
"@media (max-width: 768px)": {
|
|
22
17
|
marginTop: (0, polished_1.rem)(24),
|
|
@@ -34,7 +29,8 @@ const Rating = ({ count, title = "", description = "", onSelect, leftRatingText
|
|
|
34
29
|
justifyContent: "center",
|
|
35
30
|
alignigtems: "center",
|
|
36
31
|
color: selectedNumber === i ? "white" : "text",
|
|
37
|
-
background: selectedNumber === i ? "text" : "
|
|
32
|
+
background: selectedNumber === i ? "text" : "transparent",
|
|
33
|
+
fontWeight: 700,
|
|
38
34
|
"@media (max-width: 768px)": {
|
|
39
35
|
width: (0, polished_1.rem)(30),
|
|
40
36
|
height: (0, polished_1.rem)(30),
|
|
@@ -46,7 +42,7 @@ const Rating = ({ count, title = "", description = "", onSelect, leftRatingText
|
|
|
46
42
|
cursor: "pointer"
|
|
47
43
|
}
|
|
48
44
|
}, onClick: () => onNumberSelect(i) }, { children: i + 1 }), i);
|
|
49
|
-
}) })), (0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ justifyContent: "space-between", mt: (0, polished_1.rem)(8) }, { children: [(0, jsx_runtime_1.jsx)(react_1.Text, Object.assign({ fontSize: (0, polished_1.rem)(14) }, { children: leftRatingText })), (0, jsx_runtime_1.jsx)(react_1.Text, Object.assign({ fontSize: (0, polished_1.rem)(14) }, { children: rightRatingText }))] }))] })));
|
|
45
|
+
}) })), (0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ justifyContent: "space-between", mt: (0, polished_1.rem)(8) }, { children: [(0, jsx_runtime_1.jsx)(react_1.Text, Object.assign({ fontSize: (0, polished_1.rem)(14), fontWeight: "700" }, { children: leftRatingText })), (0, jsx_runtime_1.jsx)(react_1.Text, Object.assign({ fontSize: (0, polished_1.rem)(14), fontWeight: "700" }, { children: rightRatingText }))] }))] })));
|
|
50
46
|
};
|
|
51
47
|
exports.Rating = Rating;
|
|
52
48
|
//# sourceMappingURL=Rating.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Rating/Rating.tsx"],"names":[],"mappings":";;;;AAAA,4CAA8C;AAC9C,uCAA+B;AAC/B,iCAAqC;AAE9B,MAAM,MAAM,GAAoB,CAAC,EAAE,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Rating/Rating.tsx"],"names":[],"mappings":";;;;AAAA,4CAA8C;AAC9C,uCAA+B;AAC/B,iCAAqC;AAE9B,MAAM,MAAM,GAAoB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,GAAG,UAAU,EAAE,eAAe,GAAG,WAAW,EAAE,EAAE,EAAE;IACvH,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAC;IAE/D,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,EAAE;QACrC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACzB,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACH,wBAAC,YAAI,kBAAC,aAAa,EAAC,QAAQ,iBACxB,uBAAC,YAAI,kBAAC,cAAc,EAAC,eAAe,EAAC,QAAQ,EAAC,MAAM,EAAC,EAAE,EAAE;oBACrD,SAAS,EAAE,IAAA,cAAG,EAAC,EAAE,CAAC;oBAClB,2BAA2B,EAAE;wBACzB,SAAS,EAAE,IAAA,cAAG,EAAC,EAAE,CAAC;qBACrB;iBACJ,gBACI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oBAC/B,OAAO,uBAAC,YAAI,gCACI,OAAO,CAAC,EAAE,EACtB,EAAE,EAAE;4BACA,YAAY,EAAE,KAAK;4BACnB,WAAW,EAAE,IAAA,cAAG,EAAC,CAAC,CAAC;4BACnB,WAAW,EAAE,OAAO;4BACpB,WAAW,EAAE,MAAM;4BACnB,QAAQ,EAAE,IAAA,cAAG,EAAC,EAAE,CAAC;4BACjB,KAAK,EAAE,IAAA,cAAG,EAAC,EAAE,CAAC;4BACd,MAAM,EAAE,IAAA,cAAG,EAAC,EAAE,CAAC;4BACf,OAAO,EAAE,IAAA,cAAG,EAAC,CAAC,CAAC;4BACf,cAAc,EAAE,QAAQ;4BACxB,WAAW,EAAE,QAAQ;4BACrB,KAAK,EAAE,cAAc,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;4BAC9C,UAAU,EAAE,cAAc,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa;4BACzD,UAAU,EAAE,GAAG;4BACf,2BAA2B,EAAE;gCACzB,KAAK,EAAE,IAAA,cAAG,EAAC,EAAE,CAAC;gCACd,MAAM,EAAE,IAAA,cAAG,EAAC,EAAE,CAAC;gCACf,OAAO,EAAE,IAAA,cAAG,EAAC,CAAC,CAAC;6BAClB;4BACD,MAAM,EAAE;gCACJ,eAAe,EAAE,MAAM;gCACvB,KAAK,EAAE,OAAO;gCACd,MAAM,EAAE,SAAS;6BACpB;yBACJ,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,gBAClC,CAAC,GAAG,CAAC,KAFK,CAAC,CAEE,CAAA;gBACnB,CAAC,CAAC,IACC,EACP,wBAAC,YAAI,kBAAC,cAAc,EAAC,eAAe,EAAC,EAAE,EAAE,IAAA,cAAG,EAAC,CAAC,CAAC,iBAC3C,uBAAC,YAAI,kBAAC,QAAQ,EAAE,IAAA,cAAG,EAAC,EAAE,CAAC,EAAE,UAAU,EAAC,KAAK,gBAAE,cAAc,IAAQ,EACjE,uBAAC,YAAI,kBAAC,QAAQ,EAAE,IAAA,cAAG,EAAC,EAAE,CAAC,EAAE,UAAU,EAAC,KAAK,gBAAE,eAAe,IAAQ,KAC/D,KACJ,CACV,CAAA;AACL,CAAC,CAAA;AAtDY,QAAA,MAAM,UAsDlB"}
|
|
@@ -15,14 +15,12 @@ describe("Rating testing with testing-library", () => {
|
|
|
15
15
|
expect(component).toBeTruthy();
|
|
16
16
|
});
|
|
17
17
|
it("Labels to be shown properly", () => {
|
|
18
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.Rating, { onSelect: mockOnAction, count: 7,
|
|
19
|
-
expect(react_1.screen.getByText("Title")).toBeInTheDocument();
|
|
20
|
-
expect(react_1.screen.getByText("description")).toBeInTheDocument();
|
|
18
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.Rating, { onSelect: mockOnAction, count: 7, leftRatingText: "Left Rating Text", rightRatingText: "Right Rating Text" }));
|
|
21
19
|
expect(react_1.screen.getByText("Left Rating Text")).toBeInTheDocument();
|
|
22
20
|
expect(react_1.screen.getByText("Right Rating Text")).toBeInTheDocument();
|
|
23
21
|
});
|
|
24
22
|
it("action to be clicked", () => {
|
|
25
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.Rating, { onSelect: mockOnAction, count: 7,
|
|
23
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.Rating, { onSelect: mockOnAction, count: 7, leftRatingText: "Left Rating Text", rightRatingText: "Right Rating Text" }));
|
|
26
24
|
user_event_1.default.click(react_1.screen.getByLabelText('btn-1'));
|
|
27
25
|
expect(mockOnAction).toBeCalledTimes(1);
|
|
28
26
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Rating.spec.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Rating/Rating.spec.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAwD;AACxD,qCAAmC;AACnC,mCAAiC;AACjC,6EAAoD;AAEpD,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE/B,QAAQ,CAAC,qCAAqC,EAAE,GAAG,EAAE;IACjD,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAChC,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,uBAAC,cAAM,IAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,GAAI,CAAC,CAAC;QACvE,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACnC,IAAA,cAAM,EAAC,uBAAC,cAAM,IAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"Rating.spec.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Rating/Rating.spec.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAwD;AACxD,qCAAmC;AACnC,mCAAiC;AACjC,6EAAoD;AAEpD,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE/B,QAAQ,CAAC,qCAAqC,EAAE,GAAG,EAAE;IACjD,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAChC,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,uBAAC,cAAM,IAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,GAAI,CAAC,CAAC;QACvE,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACnC,IAAA,cAAM,EAAC,uBAAC,cAAM,IAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,EAAE,cAAc,EAAC,kBAAkB,EAAC,eAAe,EAAC,mBAAmB,GAAG,CAAC,CAAC;QAC3H,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACjE,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAC5B,IAAA,cAAM,EAAC,uBAAC,cAAM,IAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,EAAE,cAAc,EAAC,kBAAkB,EAAC,eAAe,EAAC,mBAAmB,GAAG,CAAC,CAAC;QAC3H,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;QAChD,MAAM,CAAC,YAAY,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
|
|
@@ -2,8 +2,6 @@
|
|
|
2
2
|
import { ComponentStory, ComponentMeta } from "@storybook/react";
|
|
3
3
|
declare const _default: ComponentMeta<import("react").FC<{
|
|
4
4
|
count: number;
|
|
5
|
-
title?: string | undefined;
|
|
6
|
-
description?: string | undefined;
|
|
7
5
|
onSelect: (index: number) => void;
|
|
8
6
|
leftRatingText?: string | undefined;
|
|
9
7
|
rightRatingText?: string | undefined;
|
|
@@ -11,8 +9,6 @@ declare const _default: ComponentMeta<import("react").FC<{
|
|
|
11
9
|
export default _default;
|
|
12
10
|
export declare const Primary: ComponentStory<import("react").FC<{
|
|
13
11
|
count: number;
|
|
14
|
-
title?: string | undefined;
|
|
15
|
-
description?: string | undefined;
|
|
16
12
|
onSelect: (index: number) => void;
|
|
17
13
|
leftRatingText?: string | undefined;
|
|
18
14
|
rightRatingText?: string | undefined;
|
|
@@ -13,8 +13,6 @@ const Template = (args) => {
|
|
|
13
13
|
exports.Primary = Template.bind({});
|
|
14
14
|
exports.Primary.args = {
|
|
15
15
|
count: 7,
|
|
16
|
-
title: "We’re sorry to see you go.",
|
|
17
|
-
description: "How would you rate your experience with us?",
|
|
18
16
|
leftRatingText: "Very bad",
|
|
19
17
|
rightRatingText: "Excellent"
|
|
20
18
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Rating.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Rating/Rating.stories.tsx"],"names":[],"mappings":";;;;AACA,qCAAkC;AAElC,kBAAe;IACX,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,eAAM;CACY,CAAC;AAElC,MAAM,QAAQ,GAAkC,CAAC,IAAI,EAAE,EAAE;IAErD,OAAO,CACH,uBAAC,eAAM,oBACC,IAAI,IACR,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,EAAE,CAAC,IACrD,CACL,CAAC;AACN,CAAC,CAAC;AAEW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,eAAO,CAAC,IAAI,GAAG;IACX,KAAK,EAAE,CAAC;IACR,
|
|
1
|
+
{"version":3,"file":"Rating.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Rating/Rating.stories.tsx"],"names":[],"mappings":";;;;AACA,qCAAkC;AAElC,kBAAe;IACX,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,eAAM;CACY,CAAC;AAElC,MAAM,QAAQ,GAAkC,CAAC,IAAI,EAAE,EAAE;IAErD,OAAO,CACH,uBAAC,eAAM,oBACC,IAAI,IACR,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,EAAE,CAAC,IACrD,CACL,CAAC;AACN,CAAC,CAAC;AAEW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,eAAO,CAAC,IAAI,GAAG;IACX,KAAK,EAAE,CAAC;IACR,cAAc,EAAE,UAAU;IAC1B,eAAe,EAAE,WAAW;CAC/B,CAAC"}
|
|
@@ -2,18 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { Flex, Text } from '@chakra-ui/react';
|
|
3
3
|
import { rem } from 'polished';
|
|
4
4
|
import { useState } from "react";
|
|
5
|
-
export const Rating = ({ count,
|
|
5
|
+
export const Rating = ({ count, onSelect, leftRatingText = "Very bad", rightRatingText = "Excellent" }) => {
|
|
6
6
|
const [selectedNumber, setSelectedNumber] = useState();
|
|
7
7
|
const onNumberSelect = (index) => {
|
|
8
8
|
setSelectedNumber(index);
|
|
9
9
|
onSelect(index + 1);
|
|
10
10
|
};
|
|
11
|
-
return (_jsxs(Flex, Object.assign({ flexDirection: "column" }, { children: [
|
|
12
|
-
fontSize: rem(32),
|
|
13
|
-
"@media (max-width: 768px)": {
|
|
14
|
-
fontSize: rem(24),
|
|
15
|
-
},
|
|
16
|
-
} }, { children: title })), description !== "" && _jsx(Text, { children: description }), _jsx(Flex, Object.assign({ justifyContent: "space-between", flexWrap: "wrap", sx: {
|
|
11
|
+
return (_jsxs(Flex, Object.assign({ flexDirection: "column" }, { children: [_jsx(Flex, Object.assign({ justifyContent: "space-between", flexWrap: "wrap", sx: {
|
|
17
12
|
marginTop: rem(32),
|
|
18
13
|
"@media (max-width: 768px)": {
|
|
19
14
|
marginTop: rem(24),
|
|
@@ -31,7 +26,8 @@ export const Rating = ({ count, title = "", description = "", onSelect, leftRati
|
|
|
31
26
|
justifyContent: "center",
|
|
32
27
|
alignigtems: "center",
|
|
33
28
|
color: selectedNumber === i ? "white" : "text",
|
|
34
|
-
background: selectedNumber === i ? "text" : "
|
|
29
|
+
background: selectedNumber === i ? "text" : "transparent",
|
|
30
|
+
fontWeight: 700,
|
|
35
31
|
"@media (max-width: 768px)": {
|
|
36
32
|
width: rem(30),
|
|
37
33
|
height: rem(30),
|
|
@@ -43,6 +39,6 @@ export const Rating = ({ count, title = "", description = "", onSelect, leftRati
|
|
|
43
39
|
cursor: "pointer"
|
|
44
40
|
}
|
|
45
41
|
}, onClick: () => onNumberSelect(i) }, { children: i + 1 }), i);
|
|
46
|
-
}) })), _jsxs(Flex, Object.assign({ justifyContent: "space-between", mt: rem(8) }, { children: [_jsx(Text, Object.assign({ fontSize: rem(14) }, { children: leftRatingText })), _jsx(Text, Object.assign({ fontSize: rem(14) }, { children: rightRatingText }))] }))] })));
|
|
42
|
+
}) })), _jsxs(Flex, Object.assign({ justifyContent: "space-between", mt: rem(8) }, { children: [_jsx(Text, Object.assign({ fontSize: rem(14), fontWeight: "700" }, { children: leftRatingText })), _jsx(Text, Object.assign({ fontSize: rem(14), fontWeight: "700" }, { children: rightRatingText }))] }))] })));
|
|
47
43
|
};
|
|
48
44
|
//# sourceMappingURL=Rating.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Rating/Rating.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErC,MAAM,CAAC,MAAM,MAAM,GAAoB,CAAC,EAAE,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Rating/Rating.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErC,MAAM,CAAC,MAAM,MAAM,GAAoB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,GAAG,UAAU,EAAE,eAAe,GAAG,WAAW,EAAE,EAAE,EAAE;IACvH,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,EAAU,CAAC;IAE/D,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,EAAE;QACrC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACzB,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACH,MAAC,IAAI,kBAAC,aAAa,EAAC,QAAQ,iBACxB,KAAC,IAAI,kBAAC,cAAc,EAAC,eAAe,EAAC,QAAQ,EAAC,MAAM,EAAC,EAAE,EAAE;oBACrD,SAAS,EAAE,GAAG,CAAC,EAAE,CAAC;oBAClB,2BAA2B,EAAE;wBACzB,SAAS,EAAE,GAAG,CAAC,EAAE,CAAC;qBACrB;iBACJ,gBACI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oBAC/B,OAAO,KAAC,IAAI,gCACI,OAAO,CAAC,EAAE,EACtB,EAAE,EAAE;4BACA,YAAY,EAAE,KAAK;4BACnB,WAAW,EAAE,GAAG,CAAC,CAAC,CAAC;4BACnB,WAAW,EAAE,OAAO;4BACpB,WAAW,EAAE,MAAM;4BACnB,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC;4BACjB,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC;4BACd,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC;4BACf,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;4BACf,cAAc,EAAE,QAAQ;4BACxB,WAAW,EAAE,QAAQ;4BACrB,KAAK,EAAE,cAAc,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;4BAC9C,UAAU,EAAE,cAAc,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa;4BACzD,UAAU,EAAE,GAAG;4BACf,2BAA2B,EAAE;gCACzB,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC;gCACd,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC;gCACf,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;6BAClB;4BACD,MAAM,EAAE;gCACJ,eAAe,EAAE,MAAM;gCACvB,KAAK,EAAE,OAAO;gCACd,MAAM,EAAE,SAAS;6BACpB;yBACJ,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,gBAClC,CAAC,GAAG,CAAC,KAFK,CAAC,CAEE,CAAA;gBACnB,CAAC,CAAC,IACC,EACP,MAAC,IAAI,kBAAC,cAAc,EAAC,eAAe,EAAC,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,iBAC3C,KAAC,IAAI,kBAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,EAAE,UAAU,EAAC,KAAK,gBAAE,cAAc,IAAQ,EACjE,KAAC,IAAI,kBAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,EAAE,UAAU,EAAC,KAAK,gBAAE,eAAe,IAAQ,KAC/D,KACJ,CACV,CAAA;AACL,CAAC,CAAA"}
|
|
@@ -10,14 +10,12 @@ describe("Rating testing with testing-library", () => {
|
|
|
10
10
|
expect(component).toBeTruthy();
|
|
11
11
|
});
|
|
12
12
|
it("Labels to be shown properly", () => {
|
|
13
|
-
render(_jsx(Rating, { onSelect: mockOnAction, count: 7,
|
|
14
|
-
expect(screen.getByText("Title")).toBeInTheDocument();
|
|
15
|
-
expect(screen.getByText("description")).toBeInTheDocument();
|
|
13
|
+
render(_jsx(Rating, { onSelect: mockOnAction, count: 7, leftRatingText: "Left Rating Text", rightRatingText: "Right Rating Text" }));
|
|
16
14
|
expect(screen.getByText("Left Rating Text")).toBeInTheDocument();
|
|
17
15
|
expect(screen.getByText("Right Rating Text")).toBeInTheDocument();
|
|
18
16
|
});
|
|
19
17
|
it("action to be clicked", () => {
|
|
20
|
-
render(_jsx(Rating, { onSelect: mockOnAction, count: 7,
|
|
18
|
+
render(_jsx(Rating, { onSelect: mockOnAction, count: 7, leftRatingText: "Left Rating Text", rightRatingText: "Right Rating Text" }));
|
|
21
19
|
userEvent.click(screen.getByLabelText('btn-1'));
|
|
22
20
|
expect(mockOnAction).toBeCalledTimes(1);
|
|
23
21
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Rating.spec.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Rating/Rating.spec.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,SAAS,MAAM,6BAA6B,CAAC;AAEpD,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE/B,QAAQ,CAAC,qCAAqC,EAAE,GAAG,EAAE;IACjD,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAChC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAC,MAAM,IAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,GAAI,CAAC,CAAC;QACvE,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACnC,MAAM,CAAC,KAAC,MAAM,IAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"Rating.spec.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Rating/Rating.spec.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,SAAS,MAAM,6BAA6B,CAAC;AAEpD,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE/B,QAAQ,CAAC,qCAAqC,EAAE,GAAG,EAAE;IACjD,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAChC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAC,MAAM,IAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,GAAI,CAAC,CAAC;QACvE,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACnC,MAAM,CAAC,KAAC,MAAM,IAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,EAAE,cAAc,EAAC,kBAAkB,EAAC,eAAe,EAAC,mBAAmB,GAAG,CAAC,CAAC;QAC3H,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACjE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAC5B,MAAM,CAAC,KAAC,MAAM,IAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,EAAE,cAAc,EAAC,kBAAkB,EAAC,eAAe,EAAC,mBAAmB,GAAG,CAAC,CAAC;QAC3H,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;QAChD,MAAM,CAAC,YAAY,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
|
|
@@ -2,8 +2,6 @@
|
|
|
2
2
|
import { ComponentStory, ComponentMeta } from "@storybook/react";
|
|
3
3
|
declare const _default: ComponentMeta<import("react").FC<{
|
|
4
4
|
count: number;
|
|
5
|
-
title?: string | undefined;
|
|
6
|
-
description?: string | undefined;
|
|
7
5
|
onSelect: (index: number) => void;
|
|
8
6
|
leftRatingText?: string | undefined;
|
|
9
7
|
rightRatingText?: string | undefined;
|
|
@@ -11,8 +9,6 @@ declare const _default: ComponentMeta<import("react").FC<{
|
|
|
11
9
|
export default _default;
|
|
12
10
|
export declare const Primary: ComponentStory<import("react").FC<{
|
|
13
11
|
count: number;
|
|
14
|
-
title?: string | undefined;
|
|
15
|
-
description?: string | undefined;
|
|
16
12
|
onSelect: (index: number) => void;
|
|
17
13
|
leftRatingText?: string | undefined;
|
|
18
14
|
rightRatingText?: string | undefined;
|
|
@@ -10,8 +10,6 @@ const Template = (args) => {
|
|
|
10
10
|
export const Primary = Template.bind({});
|
|
11
11
|
Primary.args = {
|
|
12
12
|
count: 7,
|
|
13
|
-
title: "We’re sorry to see you go.",
|
|
14
|
-
description: "How would you rate your experience with us?",
|
|
15
13
|
leftRatingText: "Very bad",
|
|
16
14
|
rightRatingText: "Excellent"
|
|
17
15
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Rating.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Rating/Rating.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,eAAe;IACX,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,MAAM;CACY,CAAC;AAElC,MAAM,QAAQ,GAAkC,CAAC,IAAI,EAAE,EAAE;IAErD,OAAO,CACH,KAAC,MAAM,oBACC,IAAI,IACR,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,EAAE,CAAC,IACrD,CACL,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,OAAO,CAAC,IAAI,GAAG;IACX,KAAK,EAAE,CAAC;IACR,
|
|
1
|
+
{"version":3,"file":"Rating.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Rating/Rating.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,eAAe;IACX,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,MAAM;CACY,CAAC;AAElC,MAAM,QAAQ,GAAkC,CAAC,IAAI,EAAE,EAAE;IAErD,OAAO,CACH,KAAC,MAAM,oBACC,IAAI,IACR,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,EAAE,CAAC,IACrD,CACL,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,OAAO,CAAC,IAAI,GAAG;IACX,KAAK,EAAE,CAAC;IACR,cAAc,EAAE,UAAU;IAC1B,eAAe,EAAE,WAAW;CAC/B,CAAC"}
|