alicia-design-system 1.85.1 → 1.85.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/List/List.d.ts +2 -1
- package/dist/cjs/alicia/common/List/List.js +6 -10
- package/dist/cjs/alicia/common/List/List.js.map +1 -1
- package/dist/cjs/alicia/common/List/List.stories.js +1 -0
- package/dist/cjs/alicia/common/List/List.stories.js.map +1 -1
- package/dist/esm/alicia/common/List/List.d.ts +2 -1
- package/dist/esm/alicia/common/List/List.js +6 -10
- package/dist/esm/alicia/common/List/List.js.map +1 -1
- package/dist/esm/alicia/common/List/List.stories.js +1 -0
- package/dist/esm/alicia/common/List/List.stories.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const CustomListItem: ({ list, withLeftIcon, rightIconColor, itemFontSize, withRightIcon, withLeftIconBackground, leftIconColor, onItemClick, isClickable, itemFont, itemColor, selectedItemColor, popularLabelColor, popularLabelBackground, selectedItemBackgroundColor, enableVisualEffects, data, hoveredItem, setHoveredItem, itemPaddingY }: CustomListItemProps) => JSX.Element;
|
|
2
|
+
export declare const CustomListItem: ({ list, withLeftIcon, rightIconColor, itemFontSize, withRightIcon, withLeftIconBackground, leftIconColor, onItemClick, isClickable, itemFont, itemColor, selectedItemColor, popularLabelColor, popularLabelBackground, selectedItemBackgroundColor, enableVisualEffects, itemFontWeight, data, hoveredItem, setHoveredItem, itemPaddingY, }: CustomListItemProps) => JSX.Element;
|
|
3
3
|
export declare const List: (props: ListProps) => JSX.Element;
|
|
4
4
|
export type ListProps = {
|
|
5
5
|
list: ListOption[];
|
|
@@ -16,6 +16,7 @@ export type ListProps = {
|
|
|
16
16
|
title?: string;
|
|
17
17
|
itemFont?: string;
|
|
18
18
|
itemFontSize?: string;
|
|
19
|
+
itemFontWeight?: string;
|
|
19
20
|
itemColor?: string;
|
|
20
21
|
selectedItemBackgroundColor?: string;
|
|
21
22
|
selectedValue?: string;
|
|
@@ -10,7 +10,7 @@ const icons_1 = require("../icons");
|
|
|
10
10
|
const getRandomNumber = (min, max) => {
|
|
11
11
|
return Math.floor(Math.random() * (max - min + 1) + min);
|
|
12
12
|
};
|
|
13
|
-
const CustomListItem = ({ list, withLeftIcon, rightIconColor, itemFontSize, withRightIcon, withLeftIconBackground = true, leftIconColor = undefined, onItemClick, isClickable = false, itemFont = 'UntitledSansRegular', itemColor = 'text', selectedItemColor = '#00ec00', popularLabelColor = '#010201', popularLabelBackground = '#E6B1FF', selectedItemBackgroundColor = '#00ec00', enableVisualEffects = true, data, hoveredItem, setHoveredItem, itemPaddingY }) => {
|
|
13
|
+
const CustomListItem = ({ list, withLeftIcon, rightIconColor, itemFontSize, withRightIcon, withLeftIconBackground = true, leftIconColor = undefined, onItemClick, isClickable = false, itemFont = 'UntitledSansRegular', itemColor = 'text', selectedItemColor = '#00ec00', popularLabelColor = '#010201', popularLabelBackground = '#E6B1FF', selectedItemBackgroundColor = '#00ec00', enableVisualEffects = true, itemFontWeight = '500', data, hoveredItem, setHoveredItem, itemPaddingY, }) => {
|
|
14
14
|
const [degree] = (0, react_2.useState)(getRandomNumber(349, 367));
|
|
15
15
|
const onClickItem = (item) => {
|
|
16
16
|
if (isClickable && onItemClick) {
|
|
@@ -20,7 +20,7 @@ const CustomListItem = ({ list, withLeftIcon, rightIconColor, itemFontSize, with
|
|
|
20
20
|
const ArrowIcon = (0, icons_1.ArrowForwardCircleIcon)({ fillColor: itemColor });
|
|
21
21
|
return ((0, jsx_runtime_1.jsxs)(react_1.ListItem, Object.assign({ pos: "relative", color: itemColor, cursor: isClickable ? 'pointer' : 'auto', onClick: () => {
|
|
22
22
|
data && onClickItem({ value: data === null || data === void 0 ? void 0 : data.value, label: data === null || data === void 0 ? void 0 : data.label });
|
|
23
|
-
}, zIndex: 4, display: ['flex', 'inherit'], alignItems: "center", fontFamily: itemFont, fontSize: "2xl", onMouseEnter: () => setHoveredItem(data.value), onMouseLeave: () => setHoveredItem(
|
|
23
|
+
}, zIndex: 4, display: ['flex', 'inherit'], alignItems: "center", fontFamily: itemFont, fontSize: "2xl", onMouseEnter: () => setHoveredItem(data.value), onMouseLeave: () => setHoveredItem(''), w: "100%", id: `list-item-${data === null || data === void 0 ? void 0 : data.index}`, py: (0, polished_1.rem)(itemPaddingY !== null && itemPaddingY !== void 0 ? itemPaddingY : 8) }, { children: [(0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ justifyContent: "space-between", w: "100%" }, { children: [(0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ maxW: withRightIcon ? '90%' : '100%' }, { children: [(0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ alignItems: "center" }, { children: [(data === null || data === void 0 ? void 0 : data.index) !== list.length - 1 && ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: { width: '0' }, animate: { width: '100%' }, style: {
|
|
24
24
|
width: '100%',
|
|
25
25
|
opacity: 0.3,
|
|
26
26
|
zIndex: '2',
|
|
@@ -35,16 +35,12 @@ const CustomListItem = ({ list, withLeftIcon, rightIconColor, itemFontSize, with
|
|
|
35
35
|
? itemColor
|
|
36
36
|
: selectedItemBackgroundColor}`, mr: "1.5", fontSize: 20, bg: enableVisualEffects
|
|
37
37
|
? 'transparent'
|
|
38
|
-
: selectedItemBackgroundColor, color: enableVisualEffects ? undefined : 'white' }, { children: Number(data === null || data === void 0 ? void 0 : data.index) + 1 }))] })))] })), (0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ flexDirection: "column" }, { children: [(data === null || data === void 0 ? void 0 : data.popularLabel) && (0, jsx_runtime_1.jsx)(react_1.Text, Object.assign({ as: "span", pos: "absolute", right: (0, polished_1.rem)(42), top: 0, fontSize: (0, polished_1.rem)(16), wordBreak: "break-word", background: popularLabelBackground, paddingX: (0, polished_1.rem)(8), paddingY: (0, polished_1.rem)(1), transform: "rotate(-2deg)", color: popularLabelColor }, { children: data === null || data === void 0 ? void 0 : data.popularLabel })), (0, jsx_runtime_1.jsx)(react_1.Text, Object.assign({ as: "span", fontSize: itemFontSize, wordBreak: "break-word" }, { children: data === null || data === void 0 ? void 0 : data.label })), (data === null || data === void 0 ? void 0 : data.description) && ((0, jsx_runtime_1.jsx)(react_1.Text, Object.assign({ as: "span", fontSize: (0, polished_1.rem)(16) }, { children: data === null || data === void 0 ? void 0 : data.description })))] }))] })), withRightIcon && ((0, jsx_runtime_1.jsx)(ArrowIcon, { fill: rightIconColor, pr: (0, polished_1.rem)(10), float: "right", width: (0, polished_1.rem)(30), height: (0, polished_1.rem)(30) }))] })), isClickable &&
|
|
38
|
+
: selectedItemBackgroundColor, color: enableVisualEffects ? undefined : 'white' }, { children: Number(data === null || data === void 0 ? void 0 : data.index) + 1 }))] })))] })), (0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ flexDirection: "column" }, { children: [(data === null || data === void 0 ? void 0 : data.popularLabel) && ((0, jsx_runtime_1.jsx)(react_1.Text, Object.assign({ as: "span", pos: "absolute", right: (0, polished_1.rem)(42), top: 0, fontSize: (0, polished_1.rem)(16), wordBreak: "break-word", background: popularLabelBackground, paddingX: (0, polished_1.rem)(8), paddingY: (0, polished_1.rem)(1), transform: "rotate(-2deg)", color: popularLabelColor }, { children: data === null || data === void 0 ? void 0 : data.popularLabel }))), (0, jsx_runtime_1.jsx)(react_1.Text, Object.assign({ as: "span", fontSize: itemFontSize, wordBreak: "break-word", fontWeight: itemFontWeight }, { children: data === null || data === void 0 ? void 0 : data.label })), (data === null || data === void 0 ? void 0 : data.description) && ((0, jsx_runtime_1.jsx)(react_1.Text, Object.assign({ as: "span", fontSize: (0, polished_1.rem)(16) }, { children: data === null || data === void 0 ? void 0 : data.description })))] }))] })), withRightIcon && ((0, jsx_runtime_1.jsx)(ArrowIcon, { fill: rightIconColor, pr: (0, polished_1.rem)(10), float: "right", width: (0, polished_1.rem)(30), height: (0, polished_1.rem)(30) }))] })), isClickable && hoveredItem === data.value && ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: { width: '0', transform: 'rotate(0deg)' }, animate: {
|
|
39
39
|
width: '100%',
|
|
40
|
-
transform: enableVisualEffects
|
|
41
|
-
? 'rotate(-0.4deg)'
|
|
42
|
-
: undefined,
|
|
40
|
+
transform: enableVisualEffects ? 'rotate(-0.4deg)' : undefined,
|
|
43
41
|
}, style: {
|
|
44
42
|
width: '100%',
|
|
45
|
-
transform: enableVisualEffects
|
|
46
|
-
? 'rotate(-0.4deg)'
|
|
47
|
-
: undefined,
|
|
43
|
+
transform: enableVisualEffects ? 'rotate(-0.4deg)' : undefined,
|
|
48
44
|
zIndex: '-1',
|
|
49
45
|
height: '100%',
|
|
50
46
|
background: selectedItemColor,
|
|
@@ -55,7 +51,7 @@ const CustomListItem = ({ list, withLeftIcon, rightIconColor, itemFontSize, with
|
|
|
55
51
|
};
|
|
56
52
|
exports.CustomListItem = CustomListItem;
|
|
57
53
|
const List = (props) => {
|
|
58
|
-
const [isHovered, setHovered] = (0, react_2.useState)(
|
|
54
|
+
const [isHovered, setHovered] = (0, react_2.useState)('');
|
|
59
55
|
(0, react_2.useEffect)(() => {
|
|
60
56
|
props.selectedValue && setHovered(props.selectedValue);
|
|
61
57
|
}, [props.selectedValue]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../../src/alicia/common/List/List.tsx"],"names":[],"mappings":";;;;AAAA,4CAM0B;AAC1B,iDAAuC;AACvC,uCAA+B;AAC/B,iCAA4C;AAC5C,oCAAkD;AAElD,MAAM,eAAe,GAAG,CAAC,GAAW,EAAE,GAAW,EAAE,EAAE;IACnD,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;AAC3D,CAAC,CAAC;AAEK,MAAM,cAAc,GAAG,CAAC,EAC7B,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,aAAa,EACb,sBAAsB,GAAG,IAAI,EAC7B,aAAa,GAAG,SAAS,EACzB,WAAW,EACX,WAAW,GAAG,KAAK,EACnB,QAAQ,GAAG,qBAAqB,EAChC,SAAS,GAAG,MAAM,EAClB,iBAAiB,GAAG,SAAS,EAC7B,iBAAiB,GAAG,SAAS,EAC7B,sBAAsB,GAAG,SAAS,EAClC,2BAA2B,GAAG,SAAS,EACvC,mBAAmB,GAAG,IAAI,EAC1B,IAAI,EACJ,WAAW,EACX,cAAc,EACd,YAAY,
|
|
1
|
+
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../../src/alicia/common/List/List.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/List/List.stories.tsx"],"names":[],"mappings":";;;;AAEA,iCAA8B;AAE9B,kBAAe;IACb,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,WAAI;IACf,QAAQ,EAAE,EAAE;CACiB,CAAC;AAEhC,MAAM,QAAQ,GAAgC,CAAC,IAAI,EAAE,EAAE;IACrD,OAAO,uBAAC,WAAI,oBAAK,IAAI,EAAI,CAAC;AAC5B,CAAC,CAAC;AAEW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5B,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAG3C,gCAAgC;AAChC,eAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE;QACJ,EAAE,KAAK,EAAE,sCAAsC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,gEAAgE,EAAE;QAChJ,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,gEAAgE,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;KAAC;IACnL,IAAI,EAAE,SAAS;IACf,YAAY,EAAE,IAAI;IAClB,sBAAsB,EAAE,IAAI;IAC5B,cAAc,EAAE,MAAM;IACtB,aAAa,EAAE,KAAK;IACpB,WAAW,EAAE,KAAK;IAClB,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IAChC,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,MAAM;IACjB,2BAA2B,EAAE,SAAS;IACtC,aAAa,EAAE,OAAO;IACtB,aAAa,EAAE,SAAS;IACxB,iBAAiB,EAAE,KAAK;IACxB,mBAAmB,EAAE,IAAI;IACzB,YAAY,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"List.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/List/List.stories.tsx"],"names":[],"mappings":";;;;AAEA,iCAA8B;AAE9B,kBAAe;IACb,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,WAAI;IACf,QAAQ,EAAE,EAAE;CACiB,CAAC;AAEhC,MAAM,QAAQ,GAAgC,CAAC,IAAI,EAAE,EAAE;IACrD,OAAO,uBAAC,WAAI,oBAAK,IAAI,EAAI,CAAC;AAC5B,CAAC,CAAC;AAEW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5B,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAG3C,gCAAgC;AAChC,eAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE;QACJ,EAAE,KAAK,EAAE,sCAAsC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,gEAAgE,EAAE;QAChJ,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,gEAAgE,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;KAAC;IACnL,IAAI,EAAE,SAAS;IACf,YAAY,EAAE,IAAI;IAClB,sBAAsB,EAAE,IAAI;IAC5B,cAAc,EAAE,MAAM;IACtB,aAAa,EAAE,KAAK;IACpB,WAAW,EAAE,KAAK;IAClB,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IAChC,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,MAAM;IACjB,2BAA2B,EAAE,SAAS;IACtC,aAAa,EAAE,OAAO;IACtB,aAAa,EAAE,SAAS;IACxB,iBAAiB,EAAE,KAAK;IACxB,mBAAmB,EAAE,IAAI;IACzB,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,MAAM;CACvB,CAAC;AACF,iBAAS,CAAC,IAAI,GAAG;IACf,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;IAC9E,IAAI,EAAE,WAAW;IACjB,mBAAmB,EAAE,IAAI;CAC1B,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const CustomListItem: ({ list, withLeftIcon, rightIconColor, itemFontSize, withRightIcon, withLeftIconBackground, leftIconColor, onItemClick, isClickable, itemFont, itemColor, selectedItemColor, popularLabelColor, popularLabelBackground, selectedItemBackgroundColor, enableVisualEffects, data, hoveredItem, setHoveredItem, itemPaddingY }: CustomListItemProps) => JSX.Element;
|
|
2
|
+
export declare const CustomListItem: ({ list, withLeftIcon, rightIconColor, itemFontSize, withRightIcon, withLeftIconBackground, leftIconColor, onItemClick, isClickable, itemFont, itemColor, selectedItemColor, popularLabelColor, popularLabelBackground, selectedItemBackgroundColor, enableVisualEffects, itemFontWeight, data, hoveredItem, setHoveredItem, itemPaddingY, }: CustomListItemProps) => JSX.Element;
|
|
3
3
|
export declare const List: (props: ListProps) => JSX.Element;
|
|
4
4
|
export type ListProps = {
|
|
5
5
|
list: ListOption[];
|
|
@@ -16,6 +16,7 @@ export type ListProps = {
|
|
|
16
16
|
title?: string;
|
|
17
17
|
itemFont?: string;
|
|
18
18
|
itemFontSize?: string;
|
|
19
|
+
itemFontWeight?: string;
|
|
19
20
|
itemColor?: string;
|
|
20
21
|
selectedItemBackgroundColor?: string;
|
|
21
22
|
selectedValue?: string;
|
|
@@ -7,7 +7,7 @@ import { ArrowForwardCircleIcon } from '../icons';
|
|
|
7
7
|
const getRandomNumber = (min, max) => {
|
|
8
8
|
return Math.floor(Math.random() * (max - min + 1) + min);
|
|
9
9
|
};
|
|
10
|
-
export const CustomListItem = ({ list, withLeftIcon, rightIconColor, itemFontSize, withRightIcon, withLeftIconBackground = true, leftIconColor = undefined, onItemClick, isClickable = false, itemFont = 'UntitledSansRegular', itemColor = 'text', selectedItemColor = '#00ec00', popularLabelColor = '#010201', popularLabelBackground = '#E6B1FF', selectedItemBackgroundColor = '#00ec00', enableVisualEffects = true, data, hoveredItem, setHoveredItem, itemPaddingY }) => {
|
|
10
|
+
export const CustomListItem = ({ list, withLeftIcon, rightIconColor, itemFontSize, withRightIcon, withLeftIconBackground = true, leftIconColor = undefined, onItemClick, isClickable = false, itemFont = 'UntitledSansRegular', itemColor = 'text', selectedItemColor = '#00ec00', popularLabelColor = '#010201', popularLabelBackground = '#E6B1FF', selectedItemBackgroundColor = '#00ec00', enableVisualEffects = true, itemFontWeight = '500', data, hoveredItem, setHoveredItem, itemPaddingY, }) => {
|
|
11
11
|
const [degree] = useState(getRandomNumber(349, 367));
|
|
12
12
|
const onClickItem = (item) => {
|
|
13
13
|
if (isClickable && onItemClick) {
|
|
@@ -17,7 +17,7 @@ export const CustomListItem = ({ list, withLeftIcon, rightIconColor, itemFontSiz
|
|
|
17
17
|
const ArrowIcon = ArrowForwardCircleIcon({ fillColor: itemColor });
|
|
18
18
|
return (_jsxs(ListItem, Object.assign({ pos: "relative", color: itemColor, cursor: isClickable ? 'pointer' : 'auto', onClick: () => {
|
|
19
19
|
data && onClickItem({ value: data === null || data === void 0 ? void 0 : data.value, label: data === null || data === void 0 ? void 0 : data.label });
|
|
20
|
-
}, zIndex: 4, display: ['flex', 'inherit'], alignItems: "center", fontFamily: itemFont, fontSize: "2xl", onMouseEnter: () => setHoveredItem(data.value), onMouseLeave: () => setHoveredItem(
|
|
20
|
+
}, zIndex: 4, display: ['flex', 'inherit'], alignItems: "center", fontFamily: itemFont, fontSize: "2xl", onMouseEnter: () => setHoveredItem(data.value), onMouseLeave: () => setHoveredItem(''), w: "100%", id: `list-item-${data === null || data === void 0 ? void 0 : data.index}`, py: rem(itemPaddingY !== null && itemPaddingY !== void 0 ? itemPaddingY : 8) }, { children: [_jsxs(Flex, Object.assign({ justifyContent: "space-between", w: "100%" }, { children: [_jsxs(Flex, Object.assign({ maxW: withRightIcon ? '90%' : '100%' }, { children: [_jsxs(Flex, Object.assign({ alignItems: "center" }, { children: [(data === null || data === void 0 ? void 0 : data.index) !== list.length - 1 && (_jsx(motion.div, { initial: { width: '0' }, animate: { width: '100%' }, style: {
|
|
21
21
|
width: '100%',
|
|
22
22
|
opacity: 0.3,
|
|
23
23
|
zIndex: '2',
|
|
@@ -32,16 +32,12 @@ export const CustomListItem = ({ list, withLeftIcon, rightIconColor, itemFontSiz
|
|
|
32
32
|
? itemColor
|
|
33
33
|
: selectedItemBackgroundColor}`, mr: "1.5", fontSize: 20, bg: enableVisualEffects
|
|
34
34
|
? 'transparent'
|
|
35
|
-
: selectedItemBackgroundColor, color: enableVisualEffects ? undefined : 'white' }, { children: Number(data === null || data === void 0 ? void 0 : data.index) + 1 }))] })))] })), _jsxs(Flex, Object.assign({ flexDirection: "column" }, { children: [(data === null || data === void 0 ? void 0 : data.popularLabel) && _jsx(Text, Object.assign({ as: "span", pos: "absolute", right: rem(42), top: 0, fontSize: rem(16), wordBreak: "break-word", background: popularLabelBackground, paddingX: rem(8), paddingY: rem(1), transform: "rotate(-2deg)", color: popularLabelColor }, { children: data === null || data === void 0 ? void 0 : data.popularLabel })), _jsx(Text, Object.assign({ as: "span", fontSize: itemFontSize, wordBreak: "break-word" }, { children: data === null || data === void 0 ? void 0 : data.label })), (data === null || data === void 0 ? void 0 : data.description) && (_jsx(Text, Object.assign({ as: "span", fontSize: rem(16) }, { children: data === null || data === void 0 ? void 0 : data.description })))] }))] })), withRightIcon && (_jsx(ArrowIcon, { fill: rightIconColor, pr: rem(10), float: "right", width: rem(30), height: rem(30) }))] })), isClickable &&
|
|
35
|
+
: selectedItemBackgroundColor, color: enableVisualEffects ? undefined : 'white' }, { children: Number(data === null || data === void 0 ? void 0 : data.index) + 1 }))] })))] })), _jsxs(Flex, Object.assign({ flexDirection: "column" }, { children: [(data === null || data === void 0 ? void 0 : data.popularLabel) && (_jsx(Text, Object.assign({ as: "span", pos: "absolute", right: rem(42), top: 0, fontSize: rem(16), wordBreak: "break-word", background: popularLabelBackground, paddingX: rem(8), paddingY: rem(1), transform: "rotate(-2deg)", color: popularLabelColor }, { children: data === null || data === void 0 ? void 0 : data.popularLabel }))), _jsx(Text, Object.assign({ as: "span", fontSize: itemFontSize, wordBreak: "break-word", fontWeight: itemFontWeight }, { children: data === null || data === void 0 ? void 0 : data.label })), (data === null || data === void 0 ? void 0 : data.description) && (_jsx(Text, Object.assign({ as: "span", fontSize: rem(16) }, { children: data === null || data === void 0 ? void 0 : data.description })))] }))] })), withRightIcon && (_jsx(ArrowIcon, { fill: rightIconColor, pr: rem(10), float: "right", width: rem(30), height: rem(30) }))] })), isClickable && hoveredItem === data.value && (_jsx(motion.div, { initial: { width: '0', transform: 'rotate(0deg)' }, animate: {
|
|
36
36
|
width: '100%',
|
|
37
|
-
transform: enableVisualEffects
|
|
38
|
-
? 'rotate(-0.4deg)'
|
|
39
|
-
: undefined,
|
|
37
|
+
transform: enableVisualEffects ? 'rotate(-0.4deg)' : undefined,
|
|
40
38
|
}, style: {
|
|
41
39
|
width: '100%',
|
|
42
|
-
transform: enableVisualEffects
|
|
43
|
-
? 'rotate(-0.4deg)'
|
|
44
|
-
: undefined,
|
|
40
|
+
transform: enableVisualEffects ? 'rotate(-0.4deg)' : undefined,
|
|
45
41
|
zIndex: '-1',
|
|
46
42
|
height: '100%',
|
|
47
43
|
background: selectedItemColor,
|
|
@@ -51,7 +47,7 @@ export const CustomListItem = ({ list, withLeftIcon, rightIconColor, itemFontSiz
|
|
|
51
47
|
}, transition: { duration: enableVisualEffects ? 0.5 : 0 } }))] }), data === null || data === void 0 ? void 0 : data.value));
|
|
52
48
|
};
|
|
53
49
|
export const List = (props) => {
|
|
54
|
-
const [isHovered, setHovered] = useState(
|
|
50
|
+
const [isHovered, setHovered] = useState('');
|
|
55
51
|
useEffect(() => {
|
|
56
52
|
props.selectedValue && setHovered(props.selectedValue);
|
|
57
53
|
}, [props.selectedValue]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../../src/alicia/common/List/List.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,QAAQ,EACR,IAAI,IAAI,UAAU,EAClB,GAAG,EACH,IAAI,EACJ,IAAI,GACL,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAElD,MAAM,eAAe,GAAG,CAAC,GAAW,EAAE,GAAW,EAAE,EAAE;IACnD,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;AAC3D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,aAAa,EACb,sBAAsB,GAAG,IAAI,EAC7B,aAAa,GAAG,SAAS,EACzB,WAAW,EACX,WAAW,GAAG,KAAK,EACnB,QAAQ,GAAG,qBAAqB,EAChC,SAAS,GAAG,MAAM,EAClB,iBAAiB,GAAG,SAAS,EAC7B,iBAAiB,GAAG,SAAS,EAC7B,sBAAsB,GAAG,SAAS,EAClC,2BAA2B,GAAG,SAAS,EACvC,mBAAmB,GAAG,IAAI,EAC1B,IAAI,EACJ,WAAW,EACX,cAAc,EACd,YAAY,
|
|
1
|
+
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../../src/alicia/common/List/List.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/List/List.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,eAAe;IACb,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,EAAE;CACiB,CAAC;AAEhC,MAAM,QAAQ,GAAgC,CAAC,IAAI,EAAE,EAAE;IACrD,OAAO,KAAC,IAAI,oBAAK,IAAI,EAAI,CAAC;AAC5B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAG3C,gCAAgC;AAChC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE;QACJ,EAAE,KAAK,EAAE,sCAAsC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,gEAAgE,EAAE;QAChJ,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,gEAAgE,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;KAAC;IACnL,IAAI,EAAE,SAAS;IACf,YAAY,EAAE,IAAI;IAClB,sBAAsB,EAAE,IAAI;IAC5B,cAAc,EAAE,MAAM;IACtB,aAAa,EAAE,KAAK;IACpB,WAAW,EAAE,KAAK;IAClB,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IAChC,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,MAAM;IACjB,2BAA2B,EAAE,SAAS;IACtC,aAAa,EAAE,OAAO;IACtB,aAAa,EAAE,SAAS;IACxB,iBAAiB,EAAE,KAAK;IACxB,mBAAmB,EAAE,IAAI;IACzB,YAAY,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"List.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/List/List.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,eAAe;IACb,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,EAAE;CACiB,CAAC;AAEhC,MAAM,QAAQ,GAAgC,CAAC,IAAI,EAAE,EAAE;IACrD,OAAO,KAAC,IAAI,oBAAK,IAAI,EAAI,CAAC;AAC5B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAG3C,gCAAgC;AAChC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE;QACJ,EAAE,KAAK,EAAE,sCAAsC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,gEAAgE,EAAE;QAChJ,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,gEAAgE,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;KAAC;IACnL,IAAI,EAAE,SAAS;IACf,YAAY,EAAE,IAAI;IAClB,sBAAsB,EAAE,IAAI;IAC5B,cAAc,EAAE,MAAM;IACtB,aAAa,EAAE,KAAK;IACpB,WAAW,EAAE,KAAK;IAClB,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IAChC,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,MAAM;IACjB,2BAA2B,EAAE,SAAS;IACtC,aAAa,EAAE,OAAO;IACtB,aAAa,EAAE,SAAS;IACxB,iBAAiB,EAAE,KAAK;IACxB,mBAAmB,EAAE,IAAI;IACzB,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,MAAM;CACvB,CAAC;AACF,SAAS,CAAC,IAAI,GAAG;IACf,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;IAC9E,IAAI,EAAE,WAAW;IACjB,mBAAmB,EAAE,IAAI;CAC1B,CAAC"}
|