alicia-design-system 1.52.2 → 1.52.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/Search/Search.js +4 -2
- package/dist/cjs/alicia/common/Search/Search.js.map +1 -1
- package/dist/cjs/alicia/common/Search/Search.stories.js +3 -1
- package/dist/cjs/alicia/common/Search/Search.stories.js.map +1 -1
- package/dist/esm/alicia/common/Search/Search.js +4 -2
- package/dist/esm/alicia/common/Search/Search.js.map +1 -1
- package/dist/esm/alicia/common/Search/Search.stories.js +3 -1
- package/dist/esm/alicia/common/Search/Search.stories.js.map +1 -1
- package/package.json +1 -1
|
@@ -13,13 +13,15 @@ const boldedText = ({ text, shouldBeBold }) => {
|
|
|
13
13
|
};
|
|
14
14
|
exports.boldedText = boldedText;
|
|
15
15
|
const Search = ({ query, options = [], loading = false, isError, withRightIcon = true, customRightIcon = undefined, customMessage = undefined, defaultMsg = undefined, customListHeading = undefined, setQuery, onClickItem, renderItem = undefined, placeholder = "Search", resultsText = "results", }) => {
|
|
16
|
+
var _a, _b;
|
|
17
|
+
// Icons
|
|
16
18
|
const Cancel = (0, icons_1.CancelIcon)({ isError });
|
|
17
19
|
const ArrowIcon = (0, icons_1.ArrowForwardCircleIcon)({ fillColor: 'text' });
|
|
18
|
-
return ((0, jsx_runtime_1.jsxs)(react_2.Flex, Object.assign({ direction: "column" }, { children: [(0, jsx_runtime_1.jsxs)(react_2.InputGroup, { children: [(0, jsx_runtime_1.jsx)(react_2.Input, { _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) }), (query !== "") && (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: (0, jsx_runtime_1.jsx)(Cancel, {}) })) }))] }), loading ? ((0, jsx_runtime_1.jsx)(react_2.Flex, Object.assign({ mt: 8, justifyContent: "center" }, { children: (0, jsx_runtime_1.jsx)(react_2.Spinner, {}) }))) : ((0, jsx_runtime_1.jsxs)(react_2.Flex, Object.assign({ mt: 8, direction: "column" }, { 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) }, { children: options.map((option) => ((0, jsx_runtime_1.jsx)(react_2.ListItem, Object.assign({ color: "text", _hover: {
|
|
20
|
+
return ((0, jsx_runtime_1.jsxs)(react_2.Flex, Object.assign({ direction: "column" }, { 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) }), (query !== "") && (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: (0, jsx_runtime_1.jsx)(Cancel, {}) })) }))] }), loading ? ((0, jsx_runtime_1.jsx)(react_2.Flex, Object.assign({ mt: 8, justifyContent: "center" }, { children: (0, jsx_runtime_1.jsx)(react_2.Spinner, {}) }))) : ((0, jsx_runtime_1.jsxs)(react_2.Flex, Object.assign({ mt: 8, direction: "column" }, { 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) }, { children: options.map((option) => ((0, jsx_runtime_1.jsx)(react_2.ListItem, Object.assign({ color: "text", _hover: {
|
|
19
21
|
color: 'textSecondary',
|
|
20
22
|
opacity: '0.5',
|
|
21
23
|
borderColor: 'backgroundSecondaryHover'
|
|
22
|
-
}, cursor: "pointer", onClick: () => onClickItem(option), borderBottom: "list", borderColor: "backgroundSecondary", fontSize: 20, mb: 3, pb: 3 }, { children: (0, jsx_runtime_1.jsxs)(react_2.Flex, Object.assign({ direction: "row" }, { children: [(0, jsx_runtime_1.jsx)(react_2.Flex, Object.assign({ flex: 8, overflow: "auto" }, { children: renderItem ? renderItem(option) : (0, exports.boldedText)({ text: option.label, shouldBeBold: query }) })), withRightIcon && (0, jsx_runtime_1.jsx)(react_2.Flex, Object.assign({ flex: 2, justifyContent: "flex-end", 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)(30) }) }))] })) }), option.value))) }))] }))), customMessage !== null && customMessage !== void 0 ? customMessage : (defaultMsg && ((0, jsx_runtime_1.jsxs)(react_2.Flex, Object.assign({ mt: 16, direction: "column", alignItems: "center" }, { children: [(defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.primary) && 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) ? defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.notFound : defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.primary })), (defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.secondary) && (0, jsx_runtime_1.jsx)(react_2.Text, Object.assign({ mt: 4,
|
|
24
|
+
}, cursor: "pointer", onClick: () => onClickItem(option), borderBottom: "list", borderColor: "backgroundSecondary", fontSize: 20, mb: 3, pb: 3 }, { children: (0, jsx_runtime_1.jsxs)(react_2.Flex, Object.assign({ direction: "row" }, { children: [(0, jsx_runtime_1.jsx)(react_2.Flex, Object.assign({ flex: 8, overflow: "auto" }, { children: renderItem ? renderItem(option) : (0, exports.boldedText)({ text: option.label, shouldBeBold: query }) })), withRightIcon && (0, jsx_runtime_1.jsx)(react_2.Flex, Object.assign({ flex: 2, justifyContent: "flex-end", 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)(30) }) }))] })) }), option.value))) }))] }))), 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) ? defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.notFound : (_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)(react_2.Text, Object.assign({ mt: 2, onClick: defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.actionClick, cursor: "pointer", color: "blue.500 !important", fontSize: 14, fontWeight: "bold" }, { children: defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.action }))] }))))] })));
|
|
23
25
|
};
|
|
24
26
|
exports.Search = Search;
|
|
25
27
|
//# sourceMappingURL=Search.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Search/Search.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmD;AACnD,4CAAyH;AACzH,oCAA8D;AAC9D,uCAA+B;AAExB,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,YAAY,EAAa,EAAE,EAAE;IAC5D,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC;IACzD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC;IAErD,OAAO,CACH,uBAAC,YAAI,kBAAC,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,gBACvD,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,wBAAC,gBAAQ,eACJ,IAAI,EACJ,KAAK,KAAK,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,IAAI,CACxC,wCAAI,KAAK,CAAC,KAAK,CAAC,GAAK,CACxB,KAJU,KAAK,CAKT,CACd,CAAC,IACC,CACV,CAAC;AACN,CAAC,CAAC;AAhBW,QAAA,UAAU,cAgBrB;AAEK,MAAM,MAAM,GAAoB,CAAC,EACpC,KAAK,EACL,OAAO,GAAG,EAAE,EACZ,OAAO,GAAG,KAAK,EACf,OAAO,EACP,aAAa,GAAG,IAAI,EACpB,eAAe,GAAG,SAAS,EAC3B,aAAa,GAAG,SAAS,EACzB,UAAU,GAAG,SAAS,EACtB,iBAAiB,GAAG,SAAS,EAC7B,QAAQ,EACR,WAAW,EACX,UAAU,GAAG,SAAS,EACtB,WAAW,GAAG,QAAQ,EACtB,WAAW,GAAG,SAAS,GAC1B,EAAE,EAAE
|
|
1
|
+
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Search/Search.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmD;AACnD,4CAAyH;AACzH,oCAA8D;AAC9D,uCAA+B;AAExB,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,YAAY,EAAa,EAAE,EAAE;IAC5D,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC;IACzD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC;IAErD,OAAO,CACH,uBAAC,YAAI,kBAAC,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,gBACvD,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,wBAAC,gBAAQ,eACJ,IAAI,EACJ,KAAK,KAAK,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,IAAI,CACxC,wCAAI,KAAK,CAAC,KAAK,CAAC,GAAK,CACxB,KAJU,KAAK,CAKT,CACd,CAAC,IACC,CACV,CAAC;AACN,CAAC,CAAC;AAhBW,QAAA,UAAU,cAgBrB;AAEK,MAAM,MAAM,GAAoB,CAAC,EACpC,KAAK,EACL,OAAO,GAAG,EAAE,EACZ,OAAO,GAAG,KAAK,EACf,OAAO,EACP,aAAa,GAAG,IAAI,EACpB,eAAe,GAAG,SAAS,EAC3B,aAAa,GAAG,SAAS,EACzB,UAAU,GAAG,SAAS,EACtB,iBAAiB,GAAG,SAAS,EAC7B,QAAQ,EACR,WAAW,EACX,UAAU,GAAG,SAAS,EACtB,WAAW,GAAG,QAAQ,EACtB,WAAW,GAAG,SAAS,GAC1B,EAAE,EAAE;;IACD,QAAQ;IACR,MAAM,MAAM,GAAG,IAAA,kBAAU,EAAC,EAAE,OAAO,EAAE,CAAC,CAAC;IACvC,MAAM,SAAS,GAAG,IAAA,8BAAsB,EAAC,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,CAAC;IAEhE,OAAO,CACH,wBAAC,YAAI,kBAAC,SAAS,EAAC,QAAQ,iBACpB,wBAAC,kBAAU,eACP,uBAAC,aAAK,IAAC,SAAS,QAAC,YAAY,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,iBAAiB,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,qBAAqB,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,SAAS,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAI,EACvR,CAAC,KAAK,KAAK,EAAE,CAAC,IAAI,uBAAC,yBAAiB,kBAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,gBAC7D,uBAAC,YAAI,kBAAC,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,cAAc,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,gBACtF,uBAAC,MAAM,KAAG,IACP,IACS,IACX,EACZ,OAAO,CAAC,CAAC,CAAC,CACP,uBAAC,YAAI,kBAAC,EAAE,EAAE,CAAC,EAAE,cAAc,EAAC,QAAQ,gBAChC,uBAAC,eAAO,KAAG,IACR,CAAC,CAAC,CAAC,CAAC,CACX,wBAAC,YAAI,kBAAC,EAAE,EAAE,CAAC,EAAE,SAAS,EAAC,QAAQ,iBAC1B,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,CAAC,CAAC,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAA,IAAI,wBAAC,YAAI,kBAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,iBAAG,OAAO,CAAC,MAAM,OAAG,WAAW,KAAQ,CAAC,EACpI,uBAAC,YAAI,kBAAC,EAAE,EAAE,IAAA,cAAG,EAAC,EAAE,CAAC,gBACZ,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACrB,uBAAC,gBAAQ,kBAEL,KAAK,EAAC,MAAM,EACZ,MAAM,EAAE;gCACJ,KAAK,EAAE,eAAe;gCACtB,OAAO,EAAE,KAAK;gCACd,WAAW,EAAE,0BAA0B;6BAC1C,EACD,MAAM,EAAC,SAAS,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,EAClC,YAAY,EAAC,MAAM,EACnB,WAAW,EAAC,qBAAqB,EACjC,QAAQ,EAAE,EAAE,EACZ,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,gBAEL,wBAAC,YAAI,kBAAC,SAAS,EAAC,KAAK,iBACjB,uBAAC,YAAI,kBAAC,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAC,MAAM,gBACzB,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAA,kBAAU,EAAC,EAAE,IAAI,EAAE,MAAM,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,IACvF,EACN,aAAa,IAAI,uBAAC,YAAI,kBAAC,IAAI,EAAE,CAAC,EAAE,cAAc,EAAC,UAAU,EAAC,EAAE,EAAE,CAAC,gBAC3D,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,uBAAC,SAAS,IAAC,KAAK,EAAE,IAAA,cAAG,EAAC,EAAE,CAAC,EAAE,MAAM,EAAE,IAAA,cAAG,EAAC,EAAE,CAAC,GAAI,IAC/D,KACJ,KAtBF,MAAM,CAAC,KAAK,CAuBV,CACd,CAAC,IACC,KACJ,CACV,EACA,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,CAAC,UAAU,IAAI,CAC7B,wBAAC,YAAI,kBAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,iBAC/C,CAAC,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,mCAAI,UAAU,CAAC,QAAQ,CAAC,IAAI,uBAAC,YAAI,kBAAC,KAAK,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,gBAAG,CAAC,KAAK,KAAK,EAAE,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,MAAK,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,CAAC,CAAC,CAAC,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,mCAAI,EAAE,IAAQ,EACxN,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,KAAI,uBAAC,YAAI,kBAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAE,EAAE,gBAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,IAAQ,EAChI,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,MAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,WAAW,CAAA,IAAI,uBAAC,YAAI,kBAAC,EAAE,EAAE,CAAC,EAAE,OAAO,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,WAAW,EAAE,MAAM,EAAC,SAAS,EAAC,KAAK,EAAC,qBAAqB,EAAC,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAC,MAAM,gBAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,IAAQ,KACtM,CACV,CAAC,KACC,CACV,CAAC;AACN,CAAC,CAAC;AA5EW,QAAA,MAAM,UA4EjB"}
|
|
@@ -5,13 +5,15 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
const react_1 = require("react");
|
|
6
6
|
const icons_1 = require("@chakra-ui/icons");
|
|
7
7
|
const Search_1 = require("./Search");
|
|
8
|
+
const react_2 = require("@chakra-ui/react");
|
|
9
|
+
const polished_1 = require("polished");
|
|
8
10
|
exports.default = {
|
|
9
11
|
title: "Alicia/common/Search",
|
|
10
12
|
component: Search_1.Search,
|
|
11
13
|
};
|
|
12
14
|
const Template = (args) => {
|
|
13
15
|
const [query, setQuery] = (0, react_1.useState)(args.query);
|
|
14
|
-
return ((0, jsx_runtime_1.jsx)(Search_1.Search, Object.assign({}, args, { query: query, setQuery: setQuery })));
|
|
16
|
+
return ((0, jsx_runtime_1.jsx)(react_2.Flex, Object.assign({ w: "inherit", justifyContent: "center" }, { children: (0, jsx_runtime_1.jsx)(react_2.Flex, Object.assign({ direction: "column", mt: 16, mb: 16, w: (0, polished_1.rem)(544) }, { children: (0, jsx_runtime_1.jsx)(Search_1.Search, Object.assign({}, args, { query: query, setQuery: setQuery })) })) })));
|
|
15
17
|
};
|
|
16
18
|
exports.Primary = Template.bind({});
|
|
17
19
|
exports.NoOptions = Template.bind({});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Search/Search.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAiC;AACjC,4CAA0C;AAC1C,qCAAkC;
|
|
1
|
+
{"version":3,"file":"Search.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Search/Search.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAiC;AACjC,4CAA0C;AAC1C,qCAAkC;AAClC,4CAAwC;AACxC,uCAA+B;AAE/B,kBAAe;IACX,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,eAAM;CACY,CAAC;AAElC,MAAM,QAAQ,GAAkC,CAAC,IAAI,EAAE,EAAE;IACrD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAE/C,OAAO,CACH,uBAAC,YAAI,kBAAC,CAAC,EAAC,SAAS,EAAC,cAAc,EAAC,QAAQ,gBACrC,uBAAC,YAAI,kBAAC,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAA,cAAG,EAAC,GAAG,CAAC,gBAChD,uBAAC,eAAM,oBACC,IAAI,IACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,IACpB,IACC,IACJ,CACV,CAAC;AACN,CAAC,CAAC;AAEW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5B,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9B,QAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE1C,eAAO,CAAC,IAAI,GAAG;IACX,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE;QACL,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,mBAAmB,EAAE;QAC9C,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,8BAA8B,EAAE;QACzD,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,0BAA0B,EAAE;QACrD,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE;QACxC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE;KAC1C;IACD,OAAO,EAAE,KAAK;IACd,OAAO,EAAE,KAAK;IACd,aAAa,EAAE,IAAI;IACnB,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACtD,UAAU,EAAE;QACR,OAAO,EAAE,oCAAoC;QAC7C,SAAS,EAAE,uCAAuC;QAClD,MAAM,EAAE,oCAAoC;QAC5C,QAAQ,EAAE,sBAAsB;QAChC,WAAW,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC;KACpD;CACJ,CAAC;AAEF,iBAAS,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,KAAK;IACd,OAAO,EAAE,KAAK;IACd,aAAa,EAAE,IAAI;IACnB,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACtD,UAAU,EAAE;QACR,OAAO,EAAE,oCAAoC;QAC7C,SAAS,EAAE,uCAAuC;QAClD,MAAM,EAAE,oCAAoC;QAC5C,QAAQ,EAAE,sBAAsB;QAChC,WAAW,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC;KACpD;CACJ,CAAC;AAEF,gBAAQ,CAAC,IAAI,GAAG;IACZ,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE;QACL,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,mBAAmB,EAAE;QAC9C,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,8BAA8B,EAAE;QACzD,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,0BAA0B,EAAE;QACrD,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE;QACxC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE;KAC1C;IACD,OAAO,EAAE,KAAK;IACd,OAAO,EAAE,KAAK;IACd,aAAa,EAAE,IAAI;IACnB,eAAe,EAAE,uBAAC,eAAO,KAAG;IAC5B,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACtD,UAAU,EAAE;QACR,OAAO,EAAE,oCAAoC;QAC7C,SAAS,EAAE,uCAAuC;QAClD,MAAM,EAAE,oCAAoC;QAC5C,QAAQ,EAAE,sBAAsB;QAChC,WAAW,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC;KACpD;CACJ,CAAC"}
|
|
@@ -9,12 +9,14 @@ export const boldedText = ({ text, shouldBeBold }) => {
|
|
|
9
9
|
return (_jsx(Text, Object.assign({ noOfLines: 1, style: { fontSize: 20, fontWeight: 400 } }, { children: textArray.map((item, index) => (_jsxs(Fragment, { children: [item, index !== textArray.length - 1 && match && (_jsx("b", { children: match[index] }))] }, index))) })));
|
|
10
10
|
};
|
|
11
11
|
export const Search = ({ query, options = [], loading = false, isError, withRightIcon = true, customRightIcon = undefined, customMessage = undefined, defaultMsg = undefined, customListHeading = undefined, setQuery, onClickItem, renderItem = undefined, placeholder = "Search", resultsText = "results", }) => {
|
|
12
|
+
var _a, _b;
|
|
13
|
+
// Icons
|
|
12
14
|
const Cancel = CancelIcon({ isError });
|
|
13
15
|
const ArrowIcon = ArrowForwardCircleIcon({ fillColor: 'text' });
|
|
14
|
-
return (_jsxs(Flex, Object.assign({ direction: "column" }, { children: [_jsxs(InputGroup, { children: [_jsx(Input, { _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) }), (query !== "") && _jsx(InputRightElement, Object.assign({ onClick: () => setQuery("") }, { children: _jsx(Flex, Object.assign({ h: "inherit", w: "inherit", cursor: "pointer", justifyContent: "center", alignItems: "center" }, { children: _jsx(Cancel, {}) })) }))] }), loading ? (_jsx(Flex, Object.assign({ mt: 8, justifyContent: "center" }, { children: _jsx(Spinner, {}) }))) : (_jsxs(Flex, Object.assign({ mt: 8, direction: "column" }, { 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) }, { children: options.map((option) => (_jsx(ListItem, Object.assign({ color: "text", _hover: {
|
|
16
|
+
return (_jsxs(Flex, Object.assign({ direction: "column" }, { 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) }), (query !== "") && _jsx(InputRightElement, Object.assign({ onClick: () => setQuery("") }, { children: _jsx(Flex, Object.assign({ h: "inherit", w: "inherit", cursor: "pointer", justifyContent: "center", alignItems: "center" }, { children: _jsx(Cancel, {}) })) }))] }), loading ? (_jsx(Flex, Object.assign({ mt: 8, justifyContent: "center" }, { children: _jsx(Spinner, {}) }))) : (_jsxs(Flex, Object.assign({ mt: 8, direction: "column" }, { 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) }, { children: options.map((option) => (_jsx(ListItem, Object.assign({ color: "text", _hover: {
|
|
15
17
|
color: 'textSecondary',
|
|
16
18
|
opacity: '0.5',
|
|
17
19
|
borderColor: 'backgroundSecondaryHover'
|
|
18
|
-
}, cursor: "pointer", onClick: () => onClickItem(option), borderBottom: "list", borderColor: "backgroundSecondary", fontSize: 20, mb: 3, pb: 3 }, { children: _jsxs(Flex, Object.assign({ direction: "row" }, { children: [_jsx(Flex, Object.assign({ flex: 8, overflow: "auto" }, { children: renderItem ? renderItem(option) : boldedText({ text: option.label, shouldBeBold: query }) })), withRightIcon && _jsx(Flex, Object.assign({ flex: 2, justifyContent: "flex-end", mr: 2 }, { children: customRightIcon !== null && customRightIcon !== void 0 ? customRightIcon : _jsx(ArrowIcon, { width: rem(30), height: rem(30) }) }))] })) }), option.value))) }))] }))), customMessage !== null && customMessage !== void 0 ? customMessage : (defaultMsg && (_jsxs(Flex, Object.assign({ mt: 16, direction: "column", alignItems: "center" }, { children: [(defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.primary) && 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) ? defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.notFound : defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.primary })), (defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.secondary) && _jsx(Text, Object.assign({ mt: 4,
|
|
20
|
+
}, cursor: "pointer", onClick: () => onClickItem(option), borderBottom: "list", borderColor: "backgroundSecondary", fontSize: 20, mb: 3, pb: 3 }, { children: _jsxs(Flex, Object.assign({ direction: "row" }, { children: [_jsx(Flex, Object.assign({ flex: 8, overflow: "auto" }, { children: renderItem ? renderItem(option) : boldedText({ text: option.label, shouldBeBold: query }) })), withRightIcon && _jsx(Flex, Object.assign({ flex: 2, justifyContent: "flex-end", mr: 2 }, { children: customRightIcon !== null && customRightIcon !== void 0 ? customRightIcon : _jsx(ArrowIcon, { width: rem(30), height: rem(30) }) }))] })) }), option.value))) }))] }))), 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) ? defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.notFound : (_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(Text, Object.assign({ mt: 2, onClick: defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.actionClick, cursor: "pointer", color: "blue.500 !important", fontSize: 14, fontWeight: "bold" }, { children: defaultMsg === null || defaultMsg === void 0 ? void 0 : defaultMsg.action }))] }))))] })));
|
|
19
21
|
};
|
|
20
22
|
//# sourceMappingURL=Search.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Search/Search.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,QAAQ,EAAgB,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAc,iBAAiB,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACzH,OAAO,EAAE,sBAAsB,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC9D,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAE/B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,YAAY,EAAa,EAAE,EAAE;IAC5D,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC;IACzD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC;IAErD,OAAO,CACH,KAAC,IAAI,kBAAC,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,gBACvD,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,MAAC,QAAQ,eACJ,IAAI,EACJ,KAAK,KAAK,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,IAAI,CACxC,sBAAI,KAAK,CAAC,KAAK,CAAC,GAAK,CACxB,KAJU,KAAK,CAKT,CACd,CAAC,IACC,CACV,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAoB,CAAC,EACpC,KAAK,EACL,OAAO,GAAG,EAAE,EACZ,OAAO,GAAG,KAAK,EACf,OAAO,EACP,aAAa,GAAG,IAAI,EACpB,eAAe,GAAG,SAAS,EAC3B,aAAa,GAAG,SAAS,EACzB,UAAU,GAAG,SAAS,EACtB,iBAAiB,GAAG,SAAS,EAC7B,QAAQ,EACR,WAAW,EACX,UAAU,GAAG,SAAS,EACtB,WAAW,GAAG,QAAQ,EACtB,WAAW,GAAG,SAAS,GAC1B,EAAE,EAAE
|
|
1
|
+
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Search/Search.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,13 +2,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState } from "react";
|
|
3
3
|
import { AddIcon } from '@chakra-ui/icons';
|
|
4
4
|
import { Search } from "./Search";
|
|
5
|
+
import { Flex } from "@chakra-ui/react";
|
|
6
|
+
import { rem } from "polished";
|
|
5
7
|
export default {
|
|
6
8
|
title: "Alicia/common/Search",
|
|
7
9
|
component: Search,
|
|
8
10
|
};
|
|
9
11
|
const Template = (args) => {
|
|
10
12
|
const [query, setQuery] = useState(args.query);
|
|
11
|
-
return (_jsx(Search, Object.assign({}, args, { query: query, setQuery: setQuery })));
|
|
13
|
+
return (_jsx(Flex, Object.assign({ w: "inherit", justifyContent: "center" }, { children: _jsx(Flex, Object.assign({ direction: "column", mt: 16, mb: 16, w: rem(544) }, { children: _jsx(Search, Object.assign({}, args, { query: query, setQuery: setQuery })) })) })));
|
|
12
14
|
};
|
|
13
15
|
export const Primary = Template.bind({});
|
|
14
16
|
export const NoOptions = Template.bind({});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Search/Search.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"Search.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Search/Search.stories.tsx"],"names":[],"mappings":"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"}
|