alicia-design-system 1.72.2 → 1.72.4
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 +3 -3
- package/dist/cjs/alicia/common/List/List.js.map +1 -1
- package/dist/cjs/alicia/common/List/List.stories.d.ts +3 -3
- package/dist/cjs/alicia/common/List/List.stories.js +3 -1
- package/dist/cjs/alicia/common/List/List.stories.js.map +1 -1
- package/dist/cjs/alicia/common/Search/Search.js +2 -2
- package/dist/cjs/alicia/common/Search/Search.js.map +1 -1
- package/dist/esm/alicia/common/List/List.d.ts +2 -1
- package/dist/esm/alicia/common/List/List.js +3 -3
- package/dist/esm/alicia/common/List/List.js.map +1 -1
- package/dist/esm/alicia/common/List/List.stories.d.ts +3 -3
- package/dist/esm/alicia/common/List/List.stories.js +3 -1
- package/dist/esm/alicia/common/List/List.stories.js.map +1 -1
- package/dist/esm/alicia/common/Search/Search.js +3 -3
- package/dist/esm/alicia/common/Search/Search.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const List: ({ list, type, withLeftIcon, rightIconColor, itemFontSize, withRightIcon, withLeftIconBackground, leftIconColor, onItemClick, isClickable, title, itemFont, itemColor, selectedValue, selectedItemColor, selectedItemBackgroundColor, }: ListProps) => JSX.Element;
|
|
2
|
+
export declare const List: ({ list, type, withLeftIcon, rightIconColor, itemFontSize, withRightIcon, withLeftIconBackground, leftIconColor, onItemClick, isClickable, title, itemFont, itemColor, selectedValue, selectedItemColor, selectedItemBackgroundColor, enableVisualEffects, }: ListProps) => JSX.Element;
|
|
3
3
|
export type ListProps = {
|
|
4
4
|
list: ListOption[];
|
|
5
5
|
withLeftIcon?: boolean;
|
|
@@ -17,6 +17,7 @@ export type ListProps = {
|
|
|
17
17
|
selectedItemBackgroundColor?: string;
|
|
18
18
|
selectedValue?: string;
|
|
19
19
|
selectedItemColor?: string;
|
|
20
|
+
enableVisualEffects?: boolean;
|
|
20
21
|
};
|
|
21
22
|
type ListOption = {
|
|
22
23
|
value: 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 List = ({ list, type, withLeftIcon, rightIconColor, itemFontSize, withRightIcon, withLeftIconBackground = true, leftIconColor = undefined, onItemClick, isClickable = false, title, itemFont = 'UntitledSansRegular', itemColor = 'text', selectedValue = '', selectedItemColor = '#00ec00', selectedItemBackgroundColor = '#00ec00', }) => {
|
|
13
|
+
const List = ({ list, type, withLeftIcon, rightIconColor, itemFontSize, withRightIcon, withLeftIconBackground = true, leftIconColor = undefined, onItemClick, isClickable = false, title, itemFont = 'UntitledSansRegular', itemColor = 'text', selectedValue = '', selectedItemColor = '#00ec00', selectedItemBackgroundColor = '#00ec00', enableVisualEffects = true, }) => {
|
|
14
14
|
const onClickItem = (item) => {
|
|
15
15
|
if (isClickable && onItemClick) {
|
|
16
16
|
onItemClick(item);
|
|
@@ -23,9 +23,9 @@ const List = ({ list, type, withLeftIcon, rightIconColor, itemFontSize, withRigh
|
|
|
23
23
|
const ArrowIcon = (0, icons_1.ArrowForwardCircleIcon)({ fillColor: itemColor });
|
|
24
24
|
return ((0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ flexDirection: "column" }, { children: [title && ((0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ as: "span", mb: (0, polished_1.rem)(18), fontSize: (0, polished_1.rem)(14), fontWeight: "500" }, { children: title }))), type === 'ordered' && ((0, jsx_runtime_1.jsx)(react_1.List, { children: list.map(({ value, label, description }, index) => ((0, jsx_runtime_1.jsxs)(react_1.ListItem, Object.assign({ pos: "relative", color: itemColor, cursor: isClickable ? 'pointer' : 'auto', onClick: () => {
|
|
25
25
|
onClickItem({ value, label });
|
|
26
|
-
}, zIndex: 4, display: ['flex', 'inherit'], alignItems: "center", fontFamily: itemFont, pb: 2, fontSize: "2xl", marginBottom: "3", onMouseEnter: () => setHoverValue(value), onMouseLeave: () => setHoverValue(selectedValue), w: "100%" }, { 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: [index !== list.length - 1 && ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: { width: '0' }, animate: { width: '100%' }, style: { width: '100%', opacity: 0.3, zIndex: '2', position: 'absolute', left: 0, bottom: 0, height: '1px', background: itemColor }, transition: { duration: 0.5 } })), withLeftIcon && ((0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ zIndex: 1, pos: "relative", w: (0, polished_1.rem)(32), display: "inline-block", mr: "2.5", direction: "row" }, { children: [withLeftIconBackground && ((0, jsx_runtime_1.jsx)(react_1.Box, Object.assign({ zIndex: -2, style: {
|
|
26
|
+
}, zIndex: 4, display: ['flex', 'inherit'], alignItems: "center", fontFamily: itemFont, pb: 2, fontSize: "2xl", marginBottom: "3", onMouseEnter: () => setHoverValue(value), onMouseLeave: () => setHoverValue(selectedValue), w: "100%" }, { 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: [index !== list.length - 1 && ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: { width: '0' }, animate: { width: '100%' }, style: { width: '100%', opacity: 0.3, zIndex: '2', position: 'absolute', left: 0, bottom: 0, height: '1px', background: itemColor }, transition: { duration: 0.5 } })), withLeftIcon && ((0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ zIndex: 1, pos: "relative", w: (0, polished_1.rem)(32), display: "inline-block", mr: "2.5", direction: "row" }, { children: [enableVisualEffects && withLeftIconBackground && ((0, jsx_runtime_1.jsx)(react_1.Box, Object.assign({ zIndex: -2, style: {
|
|
27
27
|
rotate: `${getRandomNumber(349, 367)}deg`,
|
|
28
|
-
}, transform: "translate(-50%, -50%)", pos: "absolute", top: "50%", left: "50%", w: "120%" }, { children: (0, jsx_runtime_1.jsxs)("svg", Object.assign({ viewBox: "0 0 40 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsx)("g", Object.assign({ clipPath: "url(#a)" }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 0c6.131 0 12.198.216 18.313 1.008 7.2.932 14.393.935 21.61.871L40 21.977c-7.581.067-15.139.047-22.702-.93-5.779-.745-11.504-.949-17.298-.949V0Z", fill: leftIconColor !== null && leftIconColor !== void 0 ? leftIconColor : '#B5C9FF' }) })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "a" }, { children: (0, jsx_runtime_1.jsx)("path", { fill: "#fff", d: "M0 0h40v22H0z" }) })) })] })) }))), (0, jsx_runtime_1.jsx)(react_1.Box, Object.assign({ zIndex: 2, pos: "relative", display: "inline-block", borderRadius: "full", w: (0, polished_1.rem)(32), textAlign: "center", border: `${(0, polished_1.rem)(1)} solid ${
|
|
28
|
+
}, transform: "translate(-50%, -50%)", pos: "absolute", top: "50%", left: "50%", w: "120%" }, { children: (0, jsx_runtime_1.jsxs)("svg", Object.assign({ viewBox: "0 0 40 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsx)("g", Object.assign({ clipPath: "url(#a)" }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 0c6.131 0 12.198.216 18.313 1.008 7.2.932 14.393.935 21.61.871L40 21.977c-7.581.067-15.139.047-22.702-.93-5.779-.745-11.504-.949-17.298-.949V0Z", fill: leftIconColor !== null && leftIconColor !== void 0 ? leftIconColor : '#B5C9FF' }) })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "a" }, { children: (0, jsx_runtime_1.jsx)("path", { fill: "#fff", d: "M0 0h40v22H0z" }) })) })] })) }))), (0, jsx_runtime_1.jsx)(react_1.Box, Object.assign({ zIndex: 2, pos: "relative", display: "inline-block", borderRadius: "full", w: (0, polished_1.rem)(32), textAlign: "center", border: `${(0, polished_1.rem)(1)} solid ${enableVisualEffects ? itemColor : selectedItemBackgroundColor}`, mr: "1.5", fontSize: 20, bg: enableVisualEffects ? 'transparent' : selectedItemBackgroundColor, color: enableVisualEffects ? undefined : "white" }, { children: index + 1 }))] })))] })), (0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ flexDirection: "column" }, { children: [(0, jsx_runtime_1.jsx)(react_1.Text, Object.assign({ as: "span", fontSize: itemFontSize }, { children: label })), description && ((0, jsx_runtime_1.jsx)(react_1.Text, Object.assign({ as: "span", fontSize: (0, polished_1.rem)(14) }, { children: description })))] }))] })), withRightIcon && ((0, jsx_runtime_1.jsx)(ArrowIcon, { fill: rightIconColor, float: "right", width: (0, polished_1.rem)(30), height: (0, polished_1.rem)(30) }))] })), isClickable && value === hoverValue && ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: { width: '0', transform: "rotate('32deg')" }, animate: { width: '100%', transform: 'rotate(-1deg)' }, style: { width: '100%', transform: 'rotate(-1deg)', zIndex: '-1', height: '100%', background: selectedItemColor, left: '0', top: '-2px', position: 'absolute' }, transition: { duration: 0.5 } }))] }), value))) }))] })));
|
|
29
29
|
};
|
|
30
30
|
exports.List = List;
|
|
31
31
|
//# sourceMappingURL=List.js.map
|
|
@@ -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,IAAI,GAAG,CAAC,EACnB,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,aAAa,EACb,sBAAsB,GAAG,IAAI,EAC7B,aAAa,GAAG,SAAS,EACzB,WAAW,EACX,WAAW,GAAG,KAAK,EACnB,KAAK,EACL,QAAQ,GAAG,qBAAqB,EAChC,SAAS,GAAG,MAAM,EAClB,aAAa,GAAG,EAAE,EAClB,iBAAiB,GAAG,SAAS,EAC7B,2BAA2B,GAAG,SAAS,
|
|
1
|
+
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../../src/alicia/common/List/List.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ComponentStory, ComponentMeta } from "@storybook/react";
|
|
3
|
-
declare const _default: ComponentMeta<({ list, type, withLeftIcon, rightIconColor, itemFontSize, withRightIcon, withLeftIconBackground, leftIconColor, onItemClick, isClickable, title, itemFont, itemColor, selectedValue, selectedItemColor, selectedItemBackgroundColor, }: import("./List").ListProps) => JSX.Element>;
|
|
3
|
+
declare const _default: ComponentMeta<({ list, type, withLeftIcon, rightIconColor, itemFontSize, withRightIcon, withLeftIconBackground, leftIconColor, onItemClick, isClickable, title, itemFont, itemColor, selectedValue, selectedItemColor, selectedItemBackgroundColor, enableVisualEffects, }: import("./List").ListProps) => JSX.Element>;
|
|
4
4
|
export default _default;
|
|
5
|
-
export declare const Ordered: ComponentStory<({ list, type, withLeftIcon, rightIconColor, itemFontSize, withRightIcon, withLeftIconBackground, leftIconColor, onItemClick, isClickable, title, itemFont, itemColor, selectedValue, selectedItemColor, selectedItemBackgroundColor, }: import("./List").ListProps) => JSX.Element>;
|
|
6
|
-
export declare const Unordered: ComponentStory<({ list, type, withLeftIcon, rightIconColor, itemFontSize, withRightIcon, withLeftIconBackground, leftIconColor, onItemClick, isClickable, title, itemFont, itemColor, selectedValue, selectedItemColor, selectedItemBackgroundColor, }: import("./List").ListProps) => JSX.Element>;
|
|
5
|
+
export declare const Ordered: ComponentStory<({ list, type, withLeftIcon, rightIconColor, itemFontSize, withRightIcon, withLeftIconBackground, leftIconColor, onItemClick, isClickable, title, itemFont, itemColor, selectedValue, selectedItemColor, selectedItemBackgroundColor, enableVisualEffects, }: import("./List").ListProps) => JSX.Element>;
|
|
6
|
+
export declare const Unordered: ComponentStory<({ list, type, withLeftIcon, rightIconColor, itemFontSize, withRightIcon, withLeftIconBackground, leftIconColor, onItemClick, isClickable, title, itemFont, itemColor, selectedValue, selectedItemColor, selectedItemBackgroundColor, enableVisualEffects, }: import("./List").ListProps) => JSX.Element>;
|
|
@@ -31,10 +31,12 @@ exports.Ordered.args = {
|
|
|
31
31
|
selectedItemBackgroundColor: "#ff0000",
|
|
32
32
|
selectedValue: "claim",
|
|
33
33
|
leftIconColor: "#ff0000",
|
|
34
|
-
selectedItemColor: 'red'
|
|
34
|
+
selectedItemColor: 'red',
|
|
35
|
+
enableVisualEffects: true,
|
|
35
36
|
};
|
|
36
37
|
exports.Unordered.args = {
|
|
37
38
|
list: [{ value: "test", label: "test" }, { value: "test 2", label: "test 2" }],
|
|
38
39
|
type: "unordered",
|
|
40
|
+
enableVisualEffects: true,
|
|
39
41
|
};
|
|
40
42
|
//# sourceMappingURL=List.stories.js.map
|
|
@@ -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,4BAA4B,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,gEAAgE,EAAE;QACtI,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;
|
|
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,4BAA4B,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,gEAAgE,EAAE;QACtI,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;CAC1B,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"}
|
|
@@ -21,12 +21,12 @@ const Search = ({ query, options = [], loading = false, isError, withRightIcon =
|
|
|
21
21
|
const ArrowIcon = (0, icons_1.ArrowForwardIcon)({ fillColor: 'text' });
|
|
22
22
|
const Magnify = (0, icons_1.SearchIcon)({ fillColor: 'text' });
|
|
23
23
|
const [hoverValue, setHoverValue] = (0, react_1.useState)();
|
|
24
|
-
return ((0, jsx_runtime_1.jsxs)(react_2.Flex, Object.assign({ direction: "column" }, { children: [(0, jsx_runtime_1.jsxs)(react_2.Flex, Object.assign({ position: "relative", overflow: "hidden", px: (0, polished_1.rem)(showBackdrop ? 24 : 0), pt: (0, polished_1.rem)(showBackdrop ? 24 : 0), direction: "column", bg: showBackdrop ? backgroundColor : 'transparent', borderRadius: (0, polished_1.rem)(25) }, { children: [
|
|
24
|
+
return ((0, jsx_runtime_1.jsxs)(react_2.Flex, Object.assign({ direction: "column" }, { children: [(0, jsx_runtime_1.jsxs)(react_2.Flex, Object.assign({ position: "relative", overflow: "hidden", px: (0, polished_1.rem)(showBackdrop ? 24 : 0), pt: (0, polished_1.rem)(showBackdrop ? 24 : 0), direction: "column", bg: showBackdrop ? backgroundColor : 'transparent', borderRadius: (0, polished_1.rem)(25) }, { children: [(0, jsx_runtime_1.jsxs)(react_2.InputGroup, { children: [(0, jsx_runtime_1.jsx)(react_2.Input, { autoFocus: true, _placeholder: { opacity: 0.5 }, borderBottomColor: isError ? 'error' : 'backgroundSecondary', color: isError ? 'error' : 'text', fontSize: 20, fontWeight: 400, value: query, variant: "flushed", placeholder: placeholder, onChange: (e) => setQuery(e.target.value) }), (0, jsx_runtime_1.jsx)(react_2.InputRightElement, Object.assign({ onClick: () => setQuery('') }, { children: (0, jsx_runtime_1.jsx)(react_2.Flex, Object.assign({ h: "inherit", w: "inherit", cursor: "pointer", justifyContent: "center", alignItems: "center" }, { children: query !== '' ? ((0, jsx_runtime_1.jsx)(Cancel, {})) : ((0, jsx_runtime_1.jsx)(Magnify, { height: (0, polished_1.rem)(28), width: (0, polished_1.rem)(28) })) })) }))] }), loading ? ((0, jsx_runtime_1.jsx)(react_2.Flex, Object.assign({ my: 8, justifyContent: "center" }, { children: (0, jsx_runtime_1.jsx)(react_2.Spinner, {}) }))) : ((0, jsx_runtime_1.jsxs)(react_2.Flex, Object.assign({ mt: showResultHeading ? 8 : 2, mb: (0, polished_1.rem)(24), direction: "column", zIndex: 6 }, { children: [showResultHeading && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: customListHeading !== null && customListHeading !== void 0 ? customListHeading : (!!(options === null || options === void 0 ? void 0 : options.length) && ((0, jsx_runtime_1.jsxs)(react_2.Text, Object.assign({ color: "text", fontSize: 16, fontWeight: 700 }, { children: [options.length, " ", resultsText] })))) })), (0, jsx_runtime_1.jsx)(react_2.List, Object.assign({ mt: (0, polished_1.rem)(18), zIndex: "1" }, { children: options.map((option, i) => ((0, jsx_runtime_1.jsx)(react_2.ListItem, Object.assign({ color: "text", cursor: "pointer", onMouseEnter: () => setHoverValue(`${option.value}-${i}`), onClick: () => onClickItem(option), borderColor: "backgroundSecondary", fontSize: 20, mb: 3, pb: 3 }, { children: (0, jsx_runtime_1.jsxs)(react_2.Flex, Object.assign({ direction: "row", pos: "relative" }, { children: [(0, jsx_runtime_1.jsx)(react_2.Flex, Object.assign({ flex: 8, overflow: "auto" }, { children: renderItem
|
|
25
25
|
? renderItem(option)
|
|
26
26
|
: (0, exports.boldedText)({
|
|
27
27
|
text: option.label,
|
|
28
28
|
shouldBeBold: query,
|
|
29
|
-
}) })), withRightIcon && ((0, jsx_runtime_1.jsx)(react_2.Flex, Object.assign({ flex: 2, justifyContent: "flex-end", alignItems: "center", mr: 2 }, { children: customRightIcon !== null && customRightIcon !== void 0 ? customRightIcon : ((0, jsx_runtime_1.jsx)(ArrowIcon, { width: (0, polished_1.rem)(30), height: (0, polished_1.rem)(16) })) }))), showBackdrop && `${option.value}-${i}` === hoverValue && ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: { width: '0', transform: enableVisualEffects ? "rotate('32deg')" : undefined }, animate: { width: '120%', transform: enableVisualEffects ? "rotate(-1deg)" : undefined }, style: { width: '120%', padding: '27px', transform: enableVisualEffects ? 'rotate(-1deg)' : undefined, zIndex: '-1', height: '100%', background: selectedItemColor, left: '-30px', top: '-14px', position: 'absolute' }, transition: { duration: 0.5 } }))] })) }), i))) }))] })))] })), customMessage !== null && customMessage !== void 0 ? customMessage : (defaultMsg && ((0, jsx_runtime_1.jsxs)(react_2.Flex, Object.assign({ mt: 16, direction: "column", alignItems: "center" }, { children: [((_a = defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.primary) !== null && _a !== void 0 ? _a : defaultMsg.notFound) && ((0, jsx_runtime_1.jsx)(react_2.Text, Object.assign({ color: "text", textAlign: "center", fontSize: 24, fontWeight: 700 }, { children: query !== '' && (options === null || options === void 0 ? void 0 : options.length) === 0 && !loading
|
|
29
|
+
}) })), withRightIcon && ((0, jsx_runtime_1.jsx)(react_2.Flex, Object.assign({ flex: 2, justifyContent: "flex-end", alignItems: "center", mr: 2 }, { children: customRightIcon !== null && customRightIcon !== void 0 ? customRightIcon : ((0, jsx_runtime_1.jsx)(ArrowIcon, { width: (0, polished_1.rem)(30), height: (0, polished_1.rem)(16) })) }))), showBackdrop && `${option.value}-${i}` === hoverValue && ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: { width: '0', transform: enableVisualEffects ? "rotate('32deg')" : undefined }, animate: { width: '120%', transform: enableVisualEffects ? "rotate(-1deg)" : undefined }, style: { width: '120%', padding: '27px', transform: enableVisualEffects ? 'rotate(-1deg)' : undefined, zIndex: '-1', height: '100%', background: selectedItemColor, left: '-30px', top: '-14px', position: 'absolute' }, transition: { duration: enableVisualEffects ? 0.5 : 0 } }))] })) }), i))) }))] })))] })), customMessage !== null && customMessage !== void 0 ? customMessage : (defaultMsg && ((0, jsx_runtime_1.jsxs)(react_2.Flex, Object.assign({ mt: 16, direction: "column", alignItems: "center" }, { children: [((_a = defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.primary) !== null && _a !== void 0 ? _a : defaultMsg.notFound) && ((0, jsx_runtime_1.jsx)(react_2.Text, Object.assign({ color: "text", textAlign: "center", fontSize: 24, fontWeight: 700 }, { children: query !== '' && (options === null || options === void 0 ? void 0 : options.length) === 0 && !loading
|
|
30
30
|
? defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.notFound
|
|
31
31
|
: (_b = defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.primary) !== null && _b !== void 0 ? _b : '' }))), (defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.secondary) && ((0, jsx_runtime_1.jsx)(react_2.Text, Object.assign({ mt: 4, ml: 4, mr: 4, textAlign: "center", color: "text", fontSize: 14 }, { children: defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.secondary }))), (defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.action) && (defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.actionClick) && ((0, jsx_runtime_1.jsx)(Buttons_1.Button, Object.assign({ variant: "secondary", onClick: defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.actionClick, mt: (0, polished_1.rem)(16) }, { children: defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.action })))] }))))] })));
|
|
32
32
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Search/Search.tsx"],"names":[],"mappings":";;;;AAAA,iCAA6D;AAC7D,
|
|
1
|
+
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Search/Search.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const List: ({ list, type, withLeftIcon, rightIconColor, itemFontSize, withRightIcon, withLeftIconBackground, leftIconColor, onItemClick, isClickable, title, itemFont, itemColor, selectedValue, selectedItemColor, selectedItemBackgroundColor, }: ListProps) => JSX.Element;
|
|
2
|
+
export declare const List: ({ list, type, withLeftIcon, rightIconColor, itemFontSize, withRightIcon, withLeftIconBackground, leftIconColor, onItemClick, isClickable, title, itemFont, itemColor, selectedValue, selectedItemColor, selectedItemBackgroundColor, enableVisualEffects, }: ListProps) => JSX.Element;
|
|
3
3
|
export type ListProps = {
|
|
4
4
|
list: ListOption[];
|
|
5
5
|
withLeftIcon?: boolean;
|
|
@@ -17,6 +17,7 @@ export type ListProps = {
|
|
|
17
17
|
selectedItemBackgroundColor?: string;
|
|
18
18
|
selectedValue?: string;
|
|
19
19
|
selectedItemColor?: string;
|
|
20
|
+
enableVisualEffects?: boolean;
|
|
20
21
|
};
|
|
21
22
|
type ListOption = {
|
|
22
23
|
value: 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 List = ({ list, type, withLeftIcon, rightIconColor, itemFontSize, withRightIcon, withLeftIconBackground = true, leftIconColor = undefined, onItemClick, isClickable = false, title, itemFont = 'UntitledSansRegular', itemColor = 'text', selectedValue = '', selectedItemColor = '#00ec00', selectedItemBackgroundColor = '#00ec00', }) => {
|
|
10
|
+
export const List = ({ list, type, withLeftIcon, rightIconColor, itemFontSize, withRightIcon, withLeftIconBackground = true, leftIconColor = undefined, onItemClick, isClickable = false, title, itemFont = 'UntitledSansRegular', itemColor = 'text', selectedValue = '', selectedItemColor = '#00ec00', selectedItemBackgroundColor = '#00ec00', enableVisualEffects = true, }) => {
|
|
11
11
|
const onClickItem = (item) => {
|
|
12
12
|
if (isClickable && onItemClick) {
|
|
13
13
|
onItemClick(item);
|
|
@@ -20,8 +20,8 @@ export const List = ({ list, type, withLeftIcon, rightIconColor, itemFontSize, w
|
|
|
20
20
|
const ArrowIcon = ArrowForwardCircleIcon({ fillColor: itemColor });
|
|
21
21
|
return (_jsxs(Flex, Object.assign({ flexDirection: "column" }, { children: [title && (_jsx(Flex, Object.assign({ as: "span", mb: rem(18), fontSize: rem(14), fontWeight: "500" }, { children: title }))), type === 'ordered' && (_jsx(ChakraList, { children: list.map(({ value, label, description }, index) => (_jsxs(ListItem, Object.assign({ pos: "relative", color: itemColor, cursor: isClickable ? 'pointer' : 'auto', onClick: () => {
|
|
22
22
|
onClickItem({ value, label });
|
|
23
|
-
}, zIndex: 4, display: ['flex', 'inherit'], alignItems: "center", fontFamily: itemFont, pb: 2, fontSize: "2xl", marginBottom: "3", onMouseEnter: () => setHoverValue(value), onMouseLeave: () => setHoverValue(selectedValue), w: "100%" }, { 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: [index !== list.length - 1 && (_jsx(motion.div, { initial: { width: '0' }, animate: { width: '100%' }, style: { width: '100%', opacity: 0.3, zIndex: '2', position: 'absolute', left: 0, bottom: 0, height: '1px', background: itemColor }, transition: { duration: 0.5 } })), withLeftIcon && (_jsxs(Flex, Object.assign({ zIndex: 1, pos: "relative", w: rem(32), display: "inline-block", mr: "2.5", direction: "row" }, { children: [withLeftIconBackground && (_jsx(Box, Object.assign({ zIndex: -2, style: {
|
|
23
|
+
}, zIndex: 4, display: ['flex', 'inherit'], alignItems: "center", fontFamily: itemFont, pb: 2, fontSize: "2xl", marginBottom: "3", onMouseEnter: () => setHoverValue(value), onMouseLeave: () => setHoverValue(selectedValue), w: "100%" }, { 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: [index !== list.length - 1 && (_jsx(motion.div, { initial: { width: '0' }, animate: { width: '100%' }, style: { width: '100%', opacity: 0.3, zIndex: '2', position: 'absolute', left: 0, bottom: 0, height: '1px', background: itemColor }, transition: { duration: 0.5 } })), withLeftIcon && (_jsxs(Flex, Object.assign({ zIndex: 1, pos: "relative", w: rem(32), display: "inline-block", mr: "2.5", direction: "row" }, { children: [enableVisualEffects && withLeftIconBackground && (_jsx(Box, Object.assign({ zIndex: -2, style: {
|
|
24
24
|
rotate: `${getRandomNumber(349, 367)}deg`,
|
|
25
|
-
}, transform: "translate(-50%, -50%)", pos: "absolute", top: "50%", left: "50%", w: "120%" }, { children: _jsxs("svg", Object.assign({ viewBox: "0 0 40 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", Object.assign({ clipPath: "url(#a)" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 0c6.131 0 12.198.216 18.313 1.008 7.2.932 14.393.935 21.61.871L40 21.977c-7.581.067-15.139.047-22.702-.93-5.779-.745-11.504-.949-17.298-.949V0Z", fill: leftIconColor !== null && leftIconColor !== void 0 ? leftIconColor : '#B5C9FF' }) })), _jsx("defs", { children: _jsx("clipPath", Object.assign({ id: "a" }, { children: _jsx("path", { fill: "#fff", d: "M0 0h40v22H0z" }) })) })] })) }))), _jsx(Box, Object.assign({ zIndex: 2, pos: "relative", display: "inline-block", borderRadius: "full", w: rem(32), textAlign: "center", border: `${rem(1)} solid ${
|
|
25
|
+
}, transform: "translate(-50%, -50%)", pos: "absolute", top: "50%", left: "50%", w: "120%" }, { children: _jsxs("svg", Object.assign({ viewBox: "0 0 40 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", Object.assign({ clipPath: "url(#a)" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 0c6.131 0 12.198.216 18.313 1.008 7.2.932 14.393.935 21.61.871L40 21.977c-7.581.067-15.139.047-22.702-.93-5.779-.745-11.504-.949-17.298-.949V0Z", fill: leftIconColor !== null && leftIconColor !== void 0 ? leftIconColor : '#B5C9FF' }) })), _jsx("defs", { children: _jsx("clipPath", Object.assign({ id: "a" }, { children: _jsx("path", { fill: "#fff", d: "M0 0h40v22H0z" }) })) })] })) }))), _jsx(Box, Object.assign({ zIndex: 2, pos: "relative", display: "inline-block", borderRadius: "full", w: rem(32), textAlign: "center", border: `${rem(1)} solid ${enableVisualEffects ? itemColor : selectedItemBackgroundColor}`, mr: "1.5", fontSize: 20, bg: enableVisualEffects ? 'transparent' : selectedItemBackgroundColor, color: enableVisualEffects ? undefined : "white" }, { children: index + 1 }))] })))] })), _jsxs(Flex, Object.assign({ flexDirection: "column" }, { children: [_jsx(Text, Object.assign({ as: "span", fontSize: itemFontSize }, { children: label })), description && (_jsx(Text, Object.assign({ as: "span", fontSize: rem(14) }, { children: description })))] }))] })), withRightIcon && (_jsx(ArrowIcon, { fill: rightIconColor, float: "right", width: rem(30), height: rem(30) }))] })), isClickable && value === hoverValue && (_jsx(motion.div, { initial: { width: '0', transform: "rotate('32deg')" }, animate: { width: '100%', transform: 'rotate(-1deg)' }, style: { width: '100%', transform: 'rotate(-1deg)', zIndex: '-1', height: '100%', background: selectedItemColor, left: '0', top: '-2px', position: 'absolute' }, transition: { duration: 0.5 } }))] }), value))) }))] })));
|
|
26
26
|
};
|
|
27
27
|
//# sourceMappingURL=List.js.map
|
|
@@ -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,IAAI,GAAG,CAAC,EACnB,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,aAAa,EACb,sBAAsB,GAAG,IAAI,EAC7B,aAAa,GAAG,SAAS,EACzB,WAAW,EACX,WAAW,GAAG,KAAK,EACnB,KAAK,EACL,QAAQ,GAAG,qBAAqB,EAChC,SAAS,GAAG,MAAM,EAClB,aAAa,GAAG,EAAE,EAClB,iBAAiB,GAAG,SAAS,EAC7B,2BAA2B,GAAG,SAAS,
|
|
1
|
+
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../../src/alicia/common/List/List.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ComponentStory, ComponentMeta } from "@storybook/react";
|
|
3
|
-
declare const _default: ComponentMeta<({ list, type, withLeftIcon, rightIconColor, itemFontSize, withRightIcon, withLeftIconBackground, leftIconColor, onItemClick, isClickable, title, itemFont, itemColor, selectedValue, selectedItemColor, selectedItemBackgroundColor, }: import("./List").ListProps) => JSX.Element>;
|
|
3
|
+
declare const _default: ComponentMeta<({ list, type, withLeftIcon, rightIconColor, itemFontSize, withRightIcon, withLeftIconBackground, leftIconColor, onItemClick, isClickable, title, itemFont, itemColor, selectedValue, selectedItemColor, selectedItemBackgroundColor, enableVisualEffects, }: import("./List").ListProps) => JSX.Element>;
|
|
4
4
|
export default _default;
|
|
5
|
-
export declare const Ordered: ComponentStory<({ list, type, withLeftIcon, rightIconColor, itemFontSize, withRightIcon, withLeftIconBackground, leftIconColor, onItemClick, isClickable, title, itemFont, itemColor, selectedValue, selectedItemColor, selectedItemBackgroundColor, }: import("./List").ListProps) => JSX.Element>;
|
|
6
|
-
export declare const Unordered: ComponentStory<({ list, type, withLeftIcon, rightIconColor, itemFontSize, withRightIcon, withLeftIconBackground, leftIconColor, onItemClick, isClickable, title, itemFont, itemColor, selectedValue, selectedItemColor, selectedItemBackgroundColor, }: import("./List").ListProps) => JSX.Element>;
|
|
5
|
+
export declare const Ordered: ComponentStory<({ list, type, withLeftIcon, rightIconColor, itemFontSize, withRightIcon, withLeftIconBackground, leftIconColor, onItemClick, isClickable, title, itemFont, itemColor, selectedValue, selectedItemColor, selectedItemBackgroundColor, enableVisualEffects, }: import("./List").ListProps) => JSX.Element>;
|
|
6
|
+
export declare const Unordered: ComponentStory<({ list, type, withLeftIcon, rightIconColor, itemFontSize, withRightIcon, withLeftIconBackground, leftIconColor, onItemClick, isClickable, title, itemFont, itemColor, selectedValue, selectedItemColor, selectedItemBackgroundColor, enableVisualEffects, }: import("./List").ListProps) => JSX.Element>;
|
|
@@ -28,10 +28,12 @@ Ordered.args = {
|
|
|
28
28
|
selectedItemBackgroundColor: "#ff0000",
|
|
29
29
|
selectedValue: "claim",
|
|
30
30
|
leftIconColor: "#ff0000",
|
|
31
|
-
selectedItemColor: 'red'
|
|
31
|
+
selectedItemColor: 'red',
|
|
32
|
+
enableVisualEffects: true,
|
|
32
33
|
};
|
|
33
34
|
Unordered.args = {
|
|
34
35
|
list: [{ value: "test", label: "test" }, { value: "test 2", label: "test 2" }],
|
|
35
36
|
type: "unordered",
|
|
37
|
+
enableVisualEffects: true,
|
|
36
38
|
};
|
|
37
39
|
//# sourceMappingURL=List.stories.js.map
|
|
@@ -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,4BAA4B,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,gEAAgE,EAAE;QACtI,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;
|
|
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,4BAA4B,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,gEAAgE,EAAE;QACtI,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;CAC1B,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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { Fragment, useState } from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { Flex, Input, InputGroup, InputRightElement, List, ListItem, Spinner, Text, } from '@chakra-ui/react';
|
|
4
4
|
import { ArrowForwardIcon, CancelIcon, SearchIcon } from '../icons';
|
|
5
5
|
import { rem } from 'polished';
|
|
6
6
|
import { Button } from '../Buttons';
|
|
@@ -17,12 +17,12 @@ export const Search = ({ query, options = [], loading = false, isError, withRigh
|
|
|
17
17
|
const ArrowIcon = ArrowForwardIcon({ fillColor: 'text' });
|
|
18
18
|
const Magnify = SearchIcon({ fillColor: 'text' });
|
|
19
19
|
const [hoverValue, setHoverValue] = useState();
|
|
20
|
-
return (_jsxs(Flex, Object.assign({ direction: "column" }, { children: [_jsxs(Flex, Object.assign({ position: "relative", overflow: "hidden", px: rem(showBackdrop ? 24 : 0), pt: rem(showBackdrop ? 24 : 0), direction: "column", bg: showBackdrop ? backgroundColor : 'transparent', borderRadius: rem(25) }, { children: [
|
|
20
|
+
return (_jsxs(Flex, Object.assign({ direction: "column" }, { children: [_jsxs(Flex, Object.assign({ position: "relative", overflow: "hidden", px: rem(showBackdrop ? 24 : 0), pt: rem(showBackdrop ? 24 : 0), direction: "column", bg: showBackdrop ? backgroundColor : 'transparent', borderRadius: rem(25) }, { children: [_jsxs(InputGroup, { children: [_jsx(Input, { autoFocus: true, _placeholder: { opacity: 0.5 }, borderBottomColor: isError ? 'error' : 'backgroundSecondary', color: isError ? 'error' : 'text', fontSize: 20, fontWeight: 400, value: query, variant: "flushed", placeholder: placeholder, onChange: (e) => setQuery(e.target.value) }), _jsx(InputRightElement, Object.assign({ onClick: () => setQuery('') }, { children: _jsx(Flex, Object.assign({ h: "inherit", w: "inherit", cursor: "pointer", justifyContent: "center", alignItems: "center" }, { children: query !== '' ? (_jsx(Cancel, {})) : (_jsx(Magnify, { height: rem(28), width: rem(28) })) })) }))] }), loading ? (_jsx(Flex, Object.assign({ my: 8, justifyContent: "center" }, { children: _jsx(Spinner, {}) }))) : (_jsxs(Flex, Object.assign({ mt: showResultHeading ? 8 : 2, mb: rem(24), direction: "column", zIndex: 6 }, { children: [showResultHeading && (_jsx(_Fragment, { children: customListHeading !== null && customListHeading !== void 0 ? customListHeading : (!!(options === null || options === void 0 ? void 0 : options.length) && (_jsxs(Text, Object.assign({ color: "text", fontSize: 16, fontWeight: 700 }, { children: [options.length, " ", resultsText] })))) })), _jsx(List, Object.assign({ mt: rem(18), zIndex: "1" }, { children: options.map((option, i) => (_jsx(ListItem, Object.assign({ color: "text", cursor: "pointer", onMouseEnter: () => setHoverValue(`${option.value}-${i}`), onClick: () => onClickItem(option), borderColor: "backgroundSecondary", fontSize: 20, mb: 3, pb: 3 }, { children: _jsxs(Flex, Object.assign({ direction: "row", pos: "relative" }, { children: [_jsx(Flex, Object.assign({ flex: 8, overflow: "auto" }, { children: renderItem
|
|
21
21
|
? renderItem(option)
|
|
22
22
|
: boldedText({
|
|
23
23
|
text: option.label,
|
|
24
24
|
shouldBeBold: query,
|
|
25
|
-
}) })), withRightIcon && (_jsx(Flex, Object.assign({ flex: 2, justifyContent: "flex-end", alignItems: "center", mr: 2 }, { children: customRightIcon !== null && customRightIcon !== void 0 ? customRightIcon : (_jsx(ArrowIcon, { width: rem(30), height: rem(16) })) }))), showBackdrop && `${option.value}-${i}` === hoverValue && (_jsx(motion.div, { initial: { width: '0', transform: enableVisualEffects ? "rotate('32deg')" : undefined }, animate: { width: '120%', transform: enableVisualEffects ? "rotate(-1deg)" : undefined }, style: { width: '120%', padding: '27px', transform: enableVisualEffects ? 'rotate(-1deg)' : undefined, zIndex: '-1', height: '100%', background: selectedItemColor, left: '-30px', top: '-14px', position: 'absolute' }, transition: { duration: 0.5 } }))] })) }), i))) }))] })))] })), customMessage !== null && customMessage !== void 0 ? customMessage : (defaultMsg && (_jsxs(Flex, Object.assign({ mt: 16, direction: "column", alignItems: "center" }, { children: [((_a = defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.primary) !== null && _a !== void 0 ? _a : defaultMsg.notFound) && (_jsx(Text, Object.assign({ color: "text", textAlign: "center", fontSize: 24, fontWeight: 700 }, { children: query !== '' && (options === null || options === void 0 ? void 0 : options.length) === 0 && !loading
|
|
25
|
+
}) })), withRightIcon && (_jsx(Flex, Object.assign({ flex: 2, justifyContent: "flex-end", alignItems: "center", mr: 2 }, { children: customRightIcon !== null && customRightIcon !== void 0 ? customRightIcon : (_jsx(ArrowIcon, { width: rem(30), height: rem(16) })) }))), showBackdrop && `${option.value}-${i}` === hoverValue && (_jsx(motion.div, { initial: { width: '0', transform: enableVisualEffects ? "rotate('32deg')" : undefined }, animate: { width: '120%', transform: enableVisualEffects ? "rotate(-1deg)" : undefined }, style: { width: '120%', padding: '27px', transform: enableVisualEffects ? 'rotate(-1deg)' : undefined, zIndex: '-1', height: '100%', background: selectedItemColor, left: '-30px', top: '-14px', position: 'absolute' }, transition: { duration: enableVisualEffects ? 0.5 : 0 } }))] })) }), i))) }))] })))] })), customMessage !== null && customMessage !== void 0 ? customMessage : (defaultMsg && (_jsxs(Flex, Object.assign({ mt: 16, direction: "column", alignItems: "center" }, { children: [((_a = defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.primary) !== null && _a !== void 0 ? _a : defaultMsg.notFound) && (_jsx(Text, Object.assign({ color: "text", textAlign: "center", fontSize: 24, fontWeight: 700 }, { children: query !== '' && (options === null || options === void 0 ? void 0 : options.length) === 0 && !loading
|
|
26
26
|
? defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.notFound
|
|
27
27
|
: (_b = defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.primary) !== null && _b !== void 0 ? _b : '' }))), (defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.secondary) && (_jsx(Text, Object.assign({ mt: 4, ml: 4, mr: 4, textAlign: "center", color: "text", fontSize: 14 }, { children: defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.secondary }))), (defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.action) && (defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.actionClick) && (_jsx(Button, Object.assign({ variant: "secondary", onClick: defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.actionClick, mt: rem(16) }, { children: defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.action })))] }))))] })));
|
|
28
28
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Search/Search.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,QAAQ,EAAgB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EACL,
|
|
1
|
+
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Search/Search.tsx"],"names":[],"mappings":"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"}
|