@constructor-io/constructorio-ui-autocomplete 1.3.3 → 1.4.1
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/README.md +2 -8
- package/lib/cjs/components/Autocomplete/AutocompleteResults/AutocompleteResults.js.map +1 -1
- package/lib/cjs/components/Autocomplete/SectionItem/SectionItem.js +2 -2
- package/lib/cjs/components/Autocomplete/SectionItem/SectionItem.js.map +1 -1
- package/lib/cjs/components/Autocomplete/SectionItemsList/SectionItemsList.js +2 -2
- package/lib/cjs/components/Autocomplete/SectionItemsList/SectionItemsList.js.map +1 -1
- package/lib/cjs/constants.js +1 -1
- package/lib/cjs/hooks/useCioAutocomplete.js +4 -7
- package/lib/cjs/hooks/useCioAutocomplete.js.map +1 -1
- package/lib/cjs/hooks/useDebouncedFetchSections.js.map +1 -1
- package/lib/cjs/hooks/useFetchRecommendationPod.js.map +1 -1
- package/lib/cjs/utils.js +17 -12
- package/lib/cjs/utils.js.map +1 -1
- package/lib/mjs/components/Autocomplete/AutocompleteResults/AutocompleteResults.js.map +1 -1
- package/lib/mjs/components/Autocomplete/SectionItem/SectionItem.js +2 -2
- package/lib/mjs/components/Autocomplete/SectionItem/SectionItem.js.map +1 -1
- package/lib/mjs/components/Autocomplete/SectionItemsList/SectionItemsList.js +1 -1
- package/lib/mjs/components/Autocomplete/SectionItemsList/SectionItemsList.js.map +1 -1
- package/lib/mjs/constants.js +1 -1
- package/lib/mjs/hooks/useCioAutocomplete.js +5 -8
- package/lib/mjs/hooks/useCioAutocomplete.js.map +1 -1
- package/lib/mjs/hooks/useDebouncedFetchSections.js.map +1 -1
- package/lib/mjs/hooks/useFetchRecommendationPod.js.map +1 -1
- package/lib/mjs/utils.js +14 -10
- package/lib/mjs/utils.js.map +1 -1
- package/lib/types/components/Autocomplete/AutocompleteResults/AutocompleteResults.d.ts +2 -2
- package/lib/types/components/Autocomplete/CioAutocompleteProvider.d.ts +2 -6
- package/lib/types/components/Autocomplete/SectionItem/SectionItem.d.ts +0 -2
- package/lib/types/components/Autocomplete/SectionItemsList/SectionItemsList.d.ts +3 -3
- package/lib/types/constants.d.ts +1 -1
- package/lib/types/hooks/useCioAutocomplete.d.ts +4 -8
- package/lib/types/hooks/useDebouncedFetchSections.d.ts +2 -2
- package/lib/types/hooks/useFetchRecommendationPod.d.ts +2 -2
- package/lib/types/types.d.ts +9 -7
- package/lib/types/utils.d.ts +9 -6
- package/package.json +2 -1
package/README.md
CHANGED
|
@@ -69,14 +69,8 @@ function YourComponent() {
|
|
|
69
69
|
{section?.displayName || section.identifier}
|
|
70
70
|
</div>
|
|
71
71
|
<div className='cio-items'>
|
|
72
|
-
{section?.data?.map((item
|
|
73
|
-
<div
|
|
74
|
-
{...getItemProps({
|
|
75
|
-
item,
|
|
76
|
-
index,
|
|
77
|
-
sectionIdentifier: section.identifier
|
|
78
|
-
})}
|
|
79
|
-
key={item?.data?.id}>
|
|
72
|
+
{section?.data?.map((item) => (
|
|
73
|
+
<div {...getItemProps(item)} key={item?.data?.id}>
|
|
80
74
|
<div>
|
|
81
75
|
{isProduct(item) && (
|
|
82
76
|
<img
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AutocompleteResults.js","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/AutocompleteResults/AutocompleteResults.tsx"],"names":[],"mappings":";;;AAAA,uDAAqD;AAErD,wEAAoE;AACpE,oGAAoE;AAWpE,MAAM,oBAAoB,GAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC3D,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"AutocompleteResults.js","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/AutocompleteResults/AutocompleteResults.tsx"],"names":[],"mappings":";;;AAAA,uDAAqD;AAErD,wEAAoE;AACpE,oGAAoE;AAWpE,MAAM,oBAAoB,GAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC3D,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,CAAC,OAAgB,EAAE,EAAE,CAAC,CAClC,8BAAC,0BAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,CAAC,UAAU,GAAI,CAChE,CAAC,CAAC;AAEL,SAAwB,mBAAmB,CAAC,KAA+B;IACzE,MAAM,EAAE,QAAQ,GAAG,oBAAoB,EAAE,GAAG,KAAK,CAAC;IAClD,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,gDAAsB,CAAC,CAAC;IAE5F,MAAM,UAAU,GAAG,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,WAAC,OAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,MAAM,CAAA,EAAA,CAAC,CAAC;IAEjF,MAAM,SAAS,qBACV,YAAY,EAAE,CAClB,CAAC;IAEF,IAAI,OAAO,CAAC;IACZ,IAAI,MAAM,IAAI,UAAU,EAAE;QACxB,OAAO,GAAG,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;KAC5F;SAAM;QACL,OAAO,GAAG,IAAI,CAAC;QACf,SAAS,CAAC,KAAK,GAAG;YAChB,OAAO,EAAE,MAAM;SAChB,CAAC;KACH;IAED,OAAO,sDAAQ,SAAS,GAAG,OAAO,CAAM,CAAC;AAC3C,CAAC;AArBD,sCAqBC"}
|
|
@@ -6,7 +6,7 @@ const CioAutocompleteProvider_1 = require("../CioAutocompleteProvider");
|
|
|
6
6
|
const typeGuards_1 = require("../../../typeGuards");
|
|
7
7
|
function SectionItem(props) {
|
|
8
8
|
var _a;
|
|
9
|
-
const { item,
|
|
9
|
+
const { item, children } = props;
|
|
10
10
|
const { getItemProps } = (0, react_1.useContext)(CioAutocompleteProvider_1.CioAutocompleteContext);
|
|
11
11
|
let defaultChildren;
|
|
12
12
|
if ((0, typeGuards_1.isProduct)(item)) {
|
|
@@ -17,7 +17,7 @@ function SectionItem(props) {
|
|
|
17
17
|
else {
|
|
18
18
|
defaultChildren = item.value;
|
|
19
19
|
}
|
|
20
|
-
return
|
|
20
|
+
return react_1.default.createElement("li", Object.assign({}, getItemProps(item)), children || defaultChildren);
|
|
21
21
|
}
|
|
22
22
|
exports.default = SectionItem;
|
|
23
23
|
//# sourceMappingURL=SectionItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SectionItem.js","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/SectionItem/SectionItem.tsx"],"names":[],"mappings":";;;AAAA,uDAAqD;AACrD,wEAAoE;AAEpE,oDAAgD;
|
|
1
|
+
{"version":3,"file":"SectionItem.js","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/SectionItem/SectionItem.tsx"],"names":[],"mappings":";;;AAAA,uDAAqD;AACrD,wEAAoE;AAEpE,oDAAgD;AAQhD,SAAwB,WAAW,CAAC,KAAuB;;IACzD,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACjC,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,gDAAsB,CAAC,CAAC;IAE5D,IAAI,eAAe,CAAC;IACpB,IAAI,IAAA,sBAAS,EAAC,IAAI,CAAC,EAAE;QACnB,eAAe,GAAG,CAChB;YACE,sDAAiB,SAAS,EAAC,GAAG,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,GAAI;YACzE,oDAAe,UAAU,IAAE,IAAI,CAAC,KAAK,CAAK,CACzC,CACJ,CAAC;KACH;SAAM;QACL,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC;KAC9B;IAED,OAAO,sDAAQ,YAAY,CAAC,IAAI,CAAC,GAAG,QAAQ,IAAI,eAAe,CAAM,CAAC;AACxE,CAAC;AAjBD,8BAiBC"}
|
|
@@ -12,9 +12,9 @@ const DefaultRenderSectionItemsList = function ({ section }) {
|
|
|
12
12
|
return null;
|
|
13
13
|
return (react_1.default.createElement("li", { className: `${sectionName} cio-section`, role: 'none' },
|
|
14
14
|
react_1.default.createElement("h5", { className: 'cio-sectionName', "aria-hidden": true }, (0, utils_1.camelToStartCase)(sectionName)),
|
|
15
|
-
react_1.default.createElement("ul", { className: 'cio-section-items', role: 'none' }, (_b = section === null || section === void 0 ? void 0 : section.data) === null || _b === void 0 ? void 0 : _b.map((item
|
|
15
|
+
react_1.default.createElement("ul", { className: 'cio-section-items', role: 'none' }, (_b = section === null || section === void 0 ? void 0 : section.data) === null || _b === void 0 ? void 0 : _b.map((item) => {
|
|
16
16
|
var _a;
|
|
17
|
-
return (react_1.default.createElement(SectionItem_1.default, { item: item,
|
|
17
|
+
return (react_1.default.createElement(SectionItem_1.default, { item: item, key: `${section === null || section === void 0 ? void 0 : section.identifier}_${(_a = item === null || item === void 0 ? void 0 : item.data) === null || _a === void 0 ? void 0 : _a.id}` }));
|
|
18
18
|
}))));
|
|
19
19
|
};
|
|
20
20
|
function SectionItemsList(props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SectionItemsList.js","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/SectionItemsList/SectionItemsList.tsx"],"names":[],"mappings":";;;AAAA,0DAA4C;AAE5C,qFAAqD;AACrD,0CAAkD;AAYlD,sCAAsC;AACtC,MAAM,6BAA6B,GAA2B,UAAU,EAAE,OAAO,EAAE;;IACjF,MAAM,WAAW,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,MAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,CAAA,CAAC;IAEhE,IAAI,CAAC,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,MAAM,CAAA;QAAE,OAAO,IAAI,CAAC;IAExC,OAAO,CACL,sCAAI,SAAS,EAAE,GAAG,WAAW,cAAc,EAAE,IAAI,EAAC,MAAM;QACtD,sCAAI,SAAS,EAAC,iBAAiB,yBAC5B,IAAA,wBAAgB,EAAC,WAAW,CAAC,CAC3B;QACL,sCAAI,SAAS,EAAC,mBAAmB,EAAC,IAAI,EAAC,MAAM,IAC1C,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"SectionItemsList.js","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/SectionItemsList/SectionItemsList.tsx"],"names":[],"mappings":";;;AAAA,0DAA4C;AAE5C,qFAAqD;AACrD,0CAAkD;AAYlD,sCAAsC;AACtC,MAAM,6BAA6B,GAA2B,UAAU,EAAE,OAAO,EAAE;;IACjF,MAAM,WAAW,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,MAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,CAAA,CAAC;IAEhE,IAAI,CAAC,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,MAAM,CAAA;QAAE,OAAO,IAAI,CAAC;IAExC,OAAO,CACL,sCAAI,SAAS,EAAE,GAAG,WAAW,cAAc,EAAE,IAAI,EAAC,MAAM;QACtD,sCAAI,SAAS,EAAC,iBAAiB,yBAC5B,IAAA,wBAAgB,EAAC,WAAW,CAAC,CAC3B;QACL,sCAAI,SAAS,EAAC,mBAAmB,EAAC,IAAI,EAAC,MAAM,IAC1C,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;;YAAC,OAAA,CAC5B,8BAAC,qBAAW,IAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,IAAI,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,0CAAE,EAAE,EAAE,GAAI,CAC7E,CAAA;SAAA,CAAC,CACC,CACF,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,SAAwB,gBAAgB,CAAC,KAA4B;IACnE,MAAM,EAAE,OAAO,EAAE,QAAQ,GAAG,6BAA6B,EAAE,GAAG,KAAK,CAAC;IAEpE,OAAO,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;AAC/B,CAAC;AAJD,mCAIC"}
|
package/lib/cjs/constants.js
CHANGED
|
@@ -31,7 +31,7 @@ const {
|
|
|
31
31
|
getLabelProps: () => ({...})), // optional: prop getter for jsx label element
|
|
32
32
|
getInputProps: () => ({...})), // prop getter for jsx input element
|
|
33
33
|
getMenuProps: () => ({...})), // prop getter for jsx element serving as menu container
|
|
34
|
-
getItemProps: () => ({...})), // prop getter for jsx element serving as each result
|
|
34
|
+
getItemProps: (item) => ({...})), // prop getter for jsx element serving as each result
|
|
35
35
|
isOpen: boolean,
|
|
36
36
|
|
|
37
37
|
// available for advanced hooks integration use cases
|
|
@@ -66,13 +66,10 @@ const useCioAutocomplete = (options) => {
|
|
|
66
66
|
getLabelProps,
|
|
67
67
|
openMenu,
|
|
68
68
|
closeMenu,
|
|
69
|
-
getItemProps: (
|
|
70
|
-
const
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
});
|
|
74
|
-
const sectionItemTestId = `cio-item-${sectionIdentifier.replace(' ', '')}`;
|
|
75
|
-
return Object.assign(Object.assign({}, downshift.getItemProps({ item, index: index + indexOffset })), { className: `cio-item ${sectionItemTestId}`, 'data-testid': sectionItemTestId });
|
|
69
|
+
getItemProps: (item) => {
|
|
70
|
+
const { index, sectionId } = (0, utils_1.getItemPosition)({ item, activeSectionsWithData });
|
|
71
|
+
const sectionItemTestId = `cio-item-${sectionId === null || sectionId === void 0 ? void 0 : sectionId.replace(' ', '')}`;
|
|
72
|
+
return Object.assign(Object.assign({}, downshift.getItemProps({ item, index })), { className: `cio-item ${sectionItemTestId}`, 'data-testid': sectionItemTestId });
|
|
76
73
|
},
|
|
77
74
|
getInputProps: () => (Object.assign(Object.assign({}, downshift.getInputProps()), { value: query, onFocus: () => {
|
|
78
75
|
var _a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCioAutocomplete.js","sourceRoot":"","sources":["../../../src/hooks/useCioAutocomplete.ts"],"names":[],"mappings":";;;;AAAA,iCAAiC;AACjC,0EAA0C;AAC1C,0EAA0C;AAC1C,oGAAmE;AAQnE,oGAAoE;AACpE,wEAAwC;AACxC,
|
|
1
|
+
{"version":3,"file":"useCioAutocomplete.js","sourceRoot":"","sources":["../../../src/hooks/useCioAutocomplete.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDebouncedFetchSections.js","sourceRoot":"","sources":["../../../src/hooks/useDebouncedFetchSections.ts"],"names":[],"mappings":";;;AAAA,iCAA4C;AAG5C,wEAAwC;AAaxC,MAAM,sBAAsB,GAAG;IAC7B,iBAAiB,EAAE,EAAE;IACrB,iBAAiB;IACjB,oBAAoB;IACpB,eAAe;IACf,oBAAoB;CACM,CAAC;AAE7B,MAAM,wBAAwB,GAAG,CAC/B,KAAa,EACb,SAAwC,EACxC,
|
|
1
|
+
{"version":3,"file":"useDebouncedFetchSections.js","sourceRoot":"","sources":["../../../src/hooks/useDebouncedFetchSections.ts"],"names":[],"mappings":";;;AAAA,iCAA4C;AAG5C,wEAAwC;AAaxC,MAAM,sBAAsB,GAAG;IAC7B,iBAAiB,EAAE,EAAE;IACrB,iBAAiB;IACjB,oBAAoB;IACpB,eAAe;IACf,oBAAoB;CACM,CAAC;AAE7B,MAAM,wBAAwB,GAAG,CAC/B,KAAa,EACb,SAAwC,EACxC,oBAAgC,EAChC,EAAE;IACF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAA6B,EAAE,CAAC,CAAC;IACjF,MAAM,mBAAmB,GAAG,IAAA,qBAAW,EAAC,KAAK,CAAC,CAAC;IAE/C,IAAI,oBAAoB,EAAE;QACxB,sBAAsB,CAAC,iBAAiB,GAAG,oBAAoB,CAAC,MAAM,CACpE,CAAC,GAAG,EAAE,aAAa,EAAE,EAAE,CAAC,iCACnB,GAAG,KACN,CAAC,aAAa,CAAC,UAAU,CAAC,EAAE,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,UAAU,KAAI,CAAC,IAC1D,EACF,EAAE,CACH,CAAC;KACH;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,mBAAmB,EAAE;YACvB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,YAAY,CACpB,sBAAsB,CAAC,mBAAmB,EAAE,sBAAsB,EAClE,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE;gBACjB,MAAM,eAAe,GAA+B,EAAE,CAAC;gBACvD,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,OAAe,EAAE,EAAE;oBACzD,eAAe,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,iCAC/D,IAAI,KACP,OAAO,IACP,CAAC,CAAC;gBACN,CAAC,CAAC,CAAC;gBACH,eAAe,CAAC,eAAe,CAAC,CAAC;YACnC,CAAC,CAAC,CAAC;SACN;aAAM,IAAI,CAAC,mBAAmB,EAAE;YAC/B,eAAe,CAAC,EAAE,CAAC,CAAC;SACrB;IACH,CAAC,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC,CAAC;IAErC,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC;AAEF,kBAAe,wBAAwB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useFetchRecommendationPod.js","sourceRoot":"","sources":["../../../src/hooks/useFetchRecommendationPod.ts"],"names":[],"mappings":";;;AAAA,iCAA4C;AAK5C,MAAM,yBAAyB,GAAG,CAChC,SAAwC,EACxC,
|
|
1
|
+
{"version":3,"file":"useFetchRecommendationPod.js","sourceRoot":"","sources":["../../../src/hooks/useFetchRecommendationPod.ts"],"names":[],"mappings":";;;AAAA,iCAA4C;AAK5C,MAAM,yBAAyB,GAAG,CAChC,SAAwC,EACxC,kBAA4C,EAC5C,EAAE;IACF,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,IAAA,gBAAQ,EAChE,EAAE,CACH,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC,IAAI,kBAAkB,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAChG,MAAM,0BAA0B,GAAG,GAAS,EAAE;YAC5C,MAAM,SAAS,GAAG,MAAM,OAAO,CAAC,GAAG,CACjC,kBAAkB,CAAC,GAAG,CAAC,CAAC,EAAoC,EAAE,EAAE;oBAAxC,EAAE,UAAU,EAAE,KAAK,OAAiB,EAAZ,UAAU,sBAAlC,cAAoC,CAAF;gBACxD,OAAA,SAAS,CAAC,eAAe,CAAC,kBAAkB,CAAC,KAAK,EAAE,UAAU,CAAC,CAAA;aAAA,CAChE,CACF,CAAC;YACF,MAAM,wBAAwB,GAAG,EAAE,CAAC;YAEpC,SAAS,CAAC,OAAO,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;gBACjC,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAC;gBAClC,IAAI,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,EAAE,EAAE;oBACX,wBAAwB,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,IAAU,EAAE,EAAE,CAAC,iCAC3D,IAAI,KACP,OAAO,EAAE,GAAG,CAAC,EAAE,IACf,CAAC,CAAC;iBACL;YACH,CAAC,CAAC,CAAC;YAEH,wBAAwB,CAAC,wBAAwB,CAAC,CAAC;QACrD,CAAC,CAAA,CAAC;QACF,0BAA0B,EAAE,CAAC;QAC7B,uDAAuD;IACzD,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,qBAAqB,CAAC;AAC/B,CAAC,CAAC;AAEF,kBAAe,yBAAyB,CAAC"}
|
package/lib/cjs/utils.js
CHANGED
|
@@ -1,22 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.getCioClient = exports.disableStoryActions = exports.stringifyWithDefaults = exports.defaultArgumentsCode = exports.defaultOnSubmitCode = exports.getStoryParams = exports.sleep = exports.clearConstructorRequests = exports.isTrackingRequestSent = exports.camelToStartCase = exports.
|
|
3
|
+
exports.getCioClient = exports.disableStoryActions = exports.stringifyWithDefaults = exports.defaultArgumentsCode = exports.defaultOnSubmitCode = exports.getStoryParams = exports.sleep = exports.clearConstructorRequests = exports.isTrackingRequestSent = exports.camelToStartCase = exports.getItemPosition = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const constructorio_client_javascript_1 = tslib_1.__importDefault(require("@constructor-io/constructorio-client-javascript"));
|
|
6
|
-
const
|
|
7
|
-
let
|
|
8
|
-
|
|
9
|
-
|
|
6
|
+
const getItemPosition = ({ item, activeSectionsWithData }) => {
|
|
7
|
+
let indexAcrossSections = -1;
|
|
8
|
+
let sectionId;
|
|
9
|
+
activeSectionsWithData.find((section) => {
|
|
10
|
+
var _a;
|
|
11
|
+
const indexInSection = (_a = section.data) === null || _a === void 0 ? void 0 : _a.findIndex(({ data: result }) => {
|
|
10
12
|
var _a;
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
indexOffset += ((_a = config === null || config === void 0 ? void 0 : config.data) === null || _a === void 0 ? void 0 : _a.length) || 0;
|
|
14
|
-
return false; // continue
|
|
13
|
+
indexAcrossSections += 1;
|
|
14
|
+
return (result === null || result === void 0 ? void 0 : result.id) === ((_a = item === null || item === void 0 ? void 0 : item.data) === null || _a === void 0 ? void 0 : _a.id);
|
|
15
15
|
});
|
|
16
|
-
|
|
17
|
-
|
|
16
|
+
if (indexInSection === -1) {
|
|
17
|
+
return false; // continue searching through sections
|
|
18
|
+
}
|
|
19
|
+
sectionId = section.identifier; // item found in current section
|
|
20
|
+
return true; // stop looping through sections
|
|
21
|
+
});
|
|
22
|
+
return { sectionId, index: indexAcrossSections };
|
|
18
23
|
};
|
|
19
|
-
exports.
|
|
24
|
+
exports.getItemPosition = getItemPosition;
|
|
20
25
|
const camelToStartCase = (camelCaseString) => camelCaseString
|
|
21
26
|
// insert a space before all caps
|
|
22
27
|
.replace(/([A-Z])/g, ' $1')
|
package/lib/cjs/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":";;;;AAAA,8HAAkF;AAQ3E,MAAM,
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AutocompleteResults.js","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/AutocompleteResults/AutocompleteResults.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,UAAU,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAWpE,MAAM,oBAAoB,GAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC3D,QAAQ,EAAE,GAAG,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"AutocompleteResults.js","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/AutocompleteResults/AutocompleteResults.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,UAAU,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAWpE,MAAM,oBAAoB,GAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC3D,QAAQ,EAAE,GAAG,CAAC,CAAC,OAAgB,EAAE,EAAE,CAAC,CAClC,oBAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,CAAC,UAAU,GAAI,CAChE,CAAC,CAAC;AAEL,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAA+B;IACzE,MAAM,EAAE,QAAQ,GAAG,oBAAoB,EAAE,GAAG,KAAK,CAAC;IAClD,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;IAE5F,MAAM,UAAU,GAAG,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;IAEjF,MAAM,SAAS,GAAG;QAChB,GAAG,YAAY,EAAE;KAClB,CAAC;IAEF,IAAI,OAAO,CAAC;IACZ,IAAI,MAAM,IAAI,UAAU,EAAE;QACxB,OAAO,GAAG,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;KAC5F;SAAM;QACL,OAAO,GAAG,IAAI,CAAC;QACf,SAAS,CAAC,KAAK,GAAG;YAChB,OAAO,EAAE,MAAM;SAChB,CAAC;KACH;IAED,OAAO,+BAAQ,SAAS,IAAG,OAAO,CAAM,CAAC;AAC3C,CAAC"}
|
|
@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
|
|
|
2
2
|
import { CioAutocompleteContext } from '../CioAutocompleteProvider';
|
|
3
3
|
import { isProduct } from '../../../typeGuards';
|
|
4
4
|
export default function SectionItem(props) {
|
|
5
|
-
const { item,
|
|
5
|
+
const { item, children } = props;
|
|
6
6
|
const { getItemProps } = useContext(CioAutocompleteContext);
|
|
7
7
|
let defaultChildren;
|
|
8
8
|
if (isProduct(item)) {
|
|
@@ -13,6 +13,6 @@ export default function SectionItem(props) {
|
|
|
13
13
|
else {
|
|
14
14
|
defaultChildren = item.value;
|
|
15
15
|
}
|
|
16
|
-
return
|
|
16
|
+
return React.createElement("li", { ...getItemProps(item) }, children || defaultChildren);
|
|
17
17
|
}
|
|
18
18
|
//# sourceMappingURL=SectionItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SectionItem.js","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/SectionItem/SectionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,UAAU,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"SectionItem.js","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/SectionItem/SectionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,UAAU,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAQhD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAuB;IACzD,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACjC,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;IAE5D,IAAI,eAAe,CAAC;IACpB,IAAI,SAAS,CAAC,IAAI,CAAC,EAAE;QACnB,eAAe,GAAG,CAChB;YACE,4CAAiB,SAAS,EAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,GAAI;YACzE,0CAAe,UAAU,IAAE,IAAI,CAAC,KAAK,CAAK,CACzC,CACJ,CAAC;KACH;SAAM;QACL,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC;KAC9B;IAED,OAAO,+BAAQ,YAAY,CAAC,IAAI,CAAC,IAAG,QAAQ,IAAI,eAAe,CAAM,CAAC;AACxE,CAAC"}
|
|
@@ -8,7 +8,7 @@ const DefaultRenderSectionItemsList = function ({ section }) {
|
|
|
8
8
|
return null;
|
|
9
9
|
return (React.createElement("li", { className: `${sectionName} cio-section`, role: 'none' },
|
|
10
10
|
React.createElement("h5", { className: 'cio-sectionName', "aria-hidden": true }, camelToStartCase(sectionName)),
|
|
11
|
-
React.createElement("ul", { className: 'cio-section-items', role: 'none' }, section?.data?.map((item
|
|
11
|
+
React.createElement("ul", { className: 'cio-section-items', role: 'none' }, section?.data?.map((item) => (React.createElement(SectionItem, { item: item, key: `${section?.identifier}_${item?.data?.id}` }))))));
|
|
12
12
|
};
|
|
13
13
|
export default function SectionItemsList(props) {
|
|
14
14
|
const { section, children = DefaultRenderSectionItemsList } = props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SectionItemsList.js","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/SectionItemsList/SectionItemsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAE5C,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAYlD,sCAAsC;AACtC,MAAM,6BAA6B,GAA2B,UAAU,EAAE,OAAO,EAAE;IACjF,MAAM,WAAW,GAAG,OAAO,EAAE,WAAW,IAAI,OAAO,EAAE,UAAU,CAAC;IAEhE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM;QAAE,OAAO,IAAI,CAAC;IAExC,OAAO,CACL,4BAAI,SAAS,EAAE,GAAG,WAAW,cAAc,EAAE,IAAI,EAAC,MAAM;QACtD,4BAAI,SAAS,EAAC,iBAAiB,yBAC5B,gBAAgB,CAAC,WAAW,CAAC,CAC3B;QACL,4BAAI,SAAS,EAAC,mBAAmB,EAAC,IAAI,EAAC,MAAM,IAC1C,OAAO,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"SectionItemsList.js","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/SectionItemsList/SectionItemsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAE5C,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAYlD,sCAAsC;AACtC,MAAM,6BAA6B,GAA2B,UAAU,EAAE,OAAO,EAAE;IACjF,MAAM,WAAW,GAAG,OAAO,EAAE,WAAW,IAAI,OAAO,EAAE,UAAU,CAAC;IAEhE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM;QAAE,OAAO,IAAI,CAAC;IAExC,OAAO,CACL,4BAAI,SAAS,EAAE,GAAG,WAAW,cAAc,EAAE,IAAI,EAAC,MAAM;QACtD,4BAAI,SAAS,EAAC,iBAAiB,yBAC5B,gBAAgB,CAAC,WAAW,CAAC,CAC3B;QACL,4BAAI,SAAS,EAAC,mBAAmB,EAAC,IAAI,EAAC,MAAM,IAC1C,OAAO,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC5B,oBAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,UAAU,IAAI,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,GAAI,CAC7E,CAAC,CACC,CACF,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAA4B;IACnE,MAAM,EAAE,OAAO,EAAE,QAAQ,GAAG,6BAA6B,EAAE,GAAG,KAAK,CAAC;IAEpE,OAAO,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;AAC/B,CAAC"}
|
package/lib/mjs/constants.js
CHANGED
|
@@ -28,7 +28,7 @@ const {
|
|
|
28
28
|
getLabelProps: () => ({...})), // optional: prop getter for jsx label element
|
|
29
29
|
getInputProps: () => ({...})), // prop getter for jsx input element
|
|
30
30
|
getMenuProps: () => ({...})), // prop getter for jsx element serving as menu container
|
|
31
|
-
getItemProps: () => ({...})), // prop getter for jsx element serving as each result
|
|
31
|
+
getItemProps: (item) => ({...})), // prop getter for jsx element serving as each result
|
|
32
32
|
isOpen: boolean,
|
|
33
33
|
|
|
34
34
|
// available for advanced hooks integration use cases
|
|
@@ -4,7 +4,7 @@ import useDownShift from './useDownShift';
|
|
|
4
4
|
import useDebouncedFetchSection from './useDebouncedFetchSections';
|
|
5
5
|
import useFetchRecommendationPod from './useFetchRecommendationPod';
|
|
6
6
|
import usePrevious from './usePrevious';
|
|
7
|
-
import {
|
|
7
|
+
import { getItemPosition } from '../utils';
|
|
8
8
|
export const defaultSections = [
|
|
9
9
|
{
|
|
10
10
|
identifier: 'Search Suggestions',
|
|
@@ -66,14 +66,11 @@ const useCioAutocomplete = (options) => {
|
|
|
66
66
|
getLabelProps,
|
|
67
67
|
openMenu,
|
|
68
68
|
closeMenu,
|
|
69
|
-
getItemProps: (
|
|
70
|
-
const
|
|
71
|
-
|
|
72
|
-
sectionIdentifier,
|
|
73
|
-
});
|
|
74
|
-
const sectionItemTestId = `cio-item-${sectionIdentifier.replace(' ', '')}`;
|
|
69
|
+
getItemProps: (item) => {
|
|
70
|
+
const { index, sectionId } = getItemPosition({ item, activeSectionsWithData });
|
|
71
|
+
const sectionItemTestId = `cio-item-${sectionId?.replace(' ', '')}`;
|
|
75
72
|
return {
|
|
76
|
-
...downshift.getItemProps({ item, index
|
|
73
|
+
...downshift.getItemProps({ item, index }),
|
|
77
74
|
className: `cio-item ${sectionItemTestId}`,
|
|
78
75
|
'data-testid': sectionItemTestId,
|
|
79
76
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCioAutocomplete.js","sourceRoot":"","sources":["../../../src/hooks/useCioAutocomplete.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,wBAAwB,MAAM,6BAA6B,CAAC;AAQnE,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AACpE,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"useCioAutocomplete.js","sourceRoot":"","sources":["../../../src/hooks/useCioAutocomplete.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDebouncedFetchSections.js","sourceRoot":"","sources":["../../../src/hooks/useDebouncedFetchSections.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,WAAW,MAAM,eAAe,CAAC;AAaxC,MAAM,sBAAsB,GAAG;IAC7B,iBAAiB,EAAE,EAAE;IACrB,iBAAiB;IACjB,oBAAoB;IACpB,eAAe;IACf,oBAAoB;CACM,CAAC;AAE7B,MAAM,wBAAwB,GAAG,CAC/B,KAAa,EACb,SAAwC,EACxC,
|
|
1
|
+
{"version":3,"file":"useDebouncedFetchSections.js","sourceRoot":"","sources":["../../../src/hooks/useDebouncedFetchSections.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,WAAW,MAAM,eAAe,CAAC;AAaxC,MAAM,sBAAsB,GAAG;IAC7B,iBAAiB,EAAE,EAAE;IACrB,iBAAiB;IACjB,oBAAoB;IACpB,eAAe;IACf,oBAAoB;CACM,CAAC;AAE7B,MAAM,wBAAwB,GAAG,CAC/B,KAAa,EACb,SAAwC,EACxC,oBAAgC,EAChC,EAAE;IACF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAA6B,EAAE,CAAC,CAAC;IACjF,MAAM,mBAAmB,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAE/C,IAAI,oBAAoB,EAAE;QACxB,sBAAsB,CAAC,iBAAiB,GAAG,oBAAoB,CAAC,MAAM,CACpE,CAAC,GAAG,EAAE,aAAa,EAAE,EAAE,CAAC,CAAC;YACvB,GAAG,GAAG;YACN,CAAC,aAAa,CAAC,UAAU,CAAC,EAAE,aAAa,EAAE,UAAU,IAAI,CAAC;SAC3D,CAAC,EACF,EAAE,CACH,CAAC;KACH;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,mBAAmB,EAAE;YACvB,SAAS,EAAE,YAAY;iBACpB,sBAAsB,CAAC,mBAAmB,EAAE,sBAAsB,CAAC;iBACnE,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE;gBACjB,MAAM,eAAe,GAA+B,EAAE,CAAC;gBACvD,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,OAAe,EAAE,EAAE;oBACzD,eAAe,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;wBACnE,GAAG,IAAI;wBACP,OAAO;qBACR,CAAC,CAAC,CAAC;gBACN,CAAC,CAAC,CAAC;gBACH,eAAe,CAAC,eAAe,CAAC,CAAC;YACnC,CAAC,CAAC,CAAC;SACN;aAAM,IAAI,CAAC,mBAAmB,EAAE;YAC/B,eAAe,CAAC,EAAE,CAAC,CAAC;SACrB;IACH,CAAC,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC,CAAC;IAErC,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useFetchRecommendationPod.js","sourceRoot":"","sources":["../../../src/hooks/useFetchRecommendationPod.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,yBAAyB,GAAG,CAChC,SAAwC,EACxC,
|
|
1
|
+
{"version":3,"file":"useFetchRecommendationPod.js","sourceRoot":"","sources":["../../../src/hooks/useFetchRecommendationPod.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,yBAAyB,GAAG,CAChC,SAAwC,EACxC,kBAA4C,EAC5C,EAAE;IACF,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAChE,EAAE,CACH,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC,IAAI,kBAAkB,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAChG,MAAM,0BAA0B,GAAG,KAAK,IAAI,EAAE;YAC5C,MAAM,SAAS,GAAG,MAAM,OAAO,CAAC,GAAG,CACjC,kBAAkB,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,EAAE,EAAE,CAC9D,SAAS,CAAC,eAAe,CAAC,kBAAkB,CAAC,KAAK,EAAE,UAAU,CAAC,CAChE,CACF,CAAC;YACF,MAAM,wBAAwB,GAAG,EAAE,CAAC;YAEpC,SAAS,CAAC,OAAO,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;gBACjC,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAC;gBAClC,IAAI,GAAG,EAAE,EAAE,EAAE;oBACX,wBAAwB,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,EAAE,GAAG,CAAC,CAAC,IAAU,EAAE,EAAE,CAAC,CAAC;wBAC/D,GAAG,IAAI;wBACP,OAAO,EAAE,GAAG,CAAC,EAAE;qBAChB,CAAC,CAAC,CAAC;iBACL;YACH,CAAC,CAAC,CAAC;YAEH,wBAAwB,CAAC,wBAAwB,CAAC,CAAC;QACrD,CAAC,CAAC;QACF,0BAA0B,EAAE,CAAC;QAC7B,uDAAuD;IACzD,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,qBAAqB,CAAC;AAC/B,CAAC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
|
package/lib/mjs/utils.js
CHANGED
|
@@ -1,15 +1,19 @@
|
|
|
1
1
|
import ConstructorIOClient from '@constructor-io/constructorio-client-javascript';
|
|
2
|
-
export const
|
|
3
|
-
let
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
return false; // continue
|
|
2
|
+
export const getItemPosition = ({ item, activeSectionsWithData }) => {
|
|
3
|
+
let indexAcrossSections = -1;
|
|
4
|
+
let sectionId;
|
|
5
|
+
activeSectionsWithData.find((section) => {
|
|
6
|
+
const indexInSection = section.data?.findIndex(({ data: result }) => {
|
|
7
|
+
indexAcrossSections += 1;
|
|
8
|
+
return result?.id === item?.data?.id;
|
|
10
9
|
});
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
if (indexInSection === -1) {
|
|
11
|
+
return false; // continue searching through sections
|
|
12
|
+
}
|
|
13
|
+
sectionId = section.identifier; // item found in current section
|
|
14
|
+
return true; // stop looping through sections
|
|
15
|
+
});
|
|
16
|
+
return { sectionId, index: indexAcrossSections };
|
|
13
17
|
};
|
|
14
18
|
export const camelToStartCase = (camelCaseString) => camelCaseString
|
|
15
19
|
// insert a space before all caps
|
package/lib/mjs/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,MAAM,iDAAiD,CAAC;AAQlF,MAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { GetItemProps,
|
|
2
|
+
import { GetItemProps, Section } from '../../../types';
|
|
3
3
|
export type RenderResults = (renderResultsArguments: {
|
|
4
|
-
sections:
|
|
4
|
+
sections: Section[];
|
|
5
5
|
getItemProps: GetItemProps;
|
|
6
6
|
}) => ReactNode;
|
|
7
7
|
type AutocompleteResultsProps = {
|
|
@@ -2,17 +2,13 @@ import React from 'react';
|
|
|
2
2
|
import { CioAutocompleteProps } from '../../types';
|
|
3
3
|
export declare const CioAutocompleteContext: React.Context<{
|
|
4
4
|
query: string;
|
|
5
|
-
sections: import("../../types").
|
|
5
|
+
sections: import("../../types").Section[];
|
|
6
6
|
isOpen: boolean;
|
|
7
7
|
getMenuProps: () => any;
|
|
8
8
|
getLabelProps: (options?: import("downshift").UseComboboxGetLabelPropsOptions | undefined) => any;
|
|
9
9
|
openMenu: () => void;
|
|
10
10
|
closeMenu: () => void;
|
|
11
|
-
getItemProps: (
|
|
12
|
-
item: any;
|
|
13
|
-
index?: number | undefined;
|
|
14
|
-
sectionIdentifier?: string | undefined;
|
|
15
|
-
}) => any;
|
|
11
|
+
getItemProps: (item: any) => any;
|
|
16
12
|
getInputProps: () => any;
|
|
17
13
|
getFormProps: () => {
|
|
18
14
|
onSubmit: (event: any) => {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React, { ReactElement } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { Section } from '../../../types';
|
|
3
3
|
export type RenderSectionItemsList = (renderResultsArguments: {
|
|
4
|
-
section:
|
|
4
|
+
section: Section;
|
|
5
5
|
}) => ReactElement | null;
|
|
6
6
|
type SectionItemsListProps = {
|
|
7
|
-
section:
|
|
7
|
+
section: Section;
|
|
8
8
|
children?: RenderSectionItemsList;
|
|
9
9
|
key?: string;
|
|
10
10
|
};
|
package/lib/types/constants.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { AutocompleteSubmitEvent } from './types';
|
|
2
2
|
export declare const apiKey = "key_Gep3oQOu5IMcNh9A";
|
|
3
3
|
export declare const componentDescription = "- import `CioAutocomplete` to render in your JSX.\n- This component handles state management, data fetching, and rendering logic.\n- To use this component, an `apiKey` or `cioJsClient` are required, and an `onSubmit` callback must be passed. All other values are optional.\n- Use different props to configure the behavior of this component.\n- The following stories shows how different props affect the component's behavior\n\n> Note: when we say `cioJsClient`, we are referring to an instance of the [constructorio-client-javascript](https://www.npmjs.com/package/@constructor-io/constructorio-client-javascript)\n";
|
|
4
|
-
export declare const hookDescription = "- import `useCioAutocomplete` and call this custom hook in a functional component.\n- This hook handles state management & data fetching, but leaves rendering logic up to you\n- To use this hook, an `apiKey` or `cioJsClient` are required, and an `onSubmit` callback must be passed. All other values are optional.\n- Pass different options to the `useCioAutocomplete` hook to configure behavior.\n- The following stories shows how different options affect the hook's behavior\n\nCalling the `useCioAutocomplete` hook returns an object with the following keys:\n\n```jsx\nconst {\n // must be used for a hooks integrations\n query: string, // current input field value\n sections: [{...}], // array of sections data to render in menu list,\n getFormProps: () => ({...})), // prop getter for jsx form element\n getLabelProps: () => ({...})), // optional: prop getter for jsx label element\n getInputProps: () => ({...})), // prop getter for jsx input element\n getMenuProps: () => ({...})), // prop getter for jsx element serving as menu container\n getItemProps: () => ({...})), // prop getter for jsx element serving as each result\n isOpen: boolean,\n\n // available for advanced hooks integration use cases\n openMenu: () => void, // open menu\n closeMenu: () => void, // close menu\n setQuery: () => void, // update the current input field value\n cioJsClient, // instance of constructorio-client-javascript\n } = useCioAutocomplete(args);\n```\n\n> Note: when we say `cioJsClient`, we are referring to an instance of the [constructorio-client-javascript](https://www.npmjs.com/package/@constructor-io/constructorio-client-javascript)\n";
|
|
4
|
+
export declare const hookDescription = "- import `useCioAutocomplete` and call this custom hook in a functional component.\n- This hook handles state management & data fetching, but leaves rendering logic up to you\n- To use this hook, an `apiKey` or `cioJsClient` are required, and an `onSubmit` callback must be passed. All other values are optional.\n- Pass different options to the `useCioAutocomplete` hook to configure behavior.\n- The following stories shows how different options affect the hook's behavior\n\nCalling the `useCioAutocomplete` hook returns an object with the following keys:\n\n```jsx\nconst {\n // must be used for a hooks integrations\n query: string, // current input field value\n sections: [{...}], // array of sections data to render in menu list,\n getFormProps: () => ({...})), // prop getter for jsx form element\n getLabelProps: () => ({...})), // optional: prop getter for jsx label element\n getInputProps: () => ({...})), // prop getter for jsx input element\n getMenuProps: () => ({...})), // prop getter for jsx element serving as menu container\n getItemProps: (item) => ({...})), // prop getter for jsx element serving as each result\n isOpen: boolean,\n\n // available for advanced hooks integration use cases\n openMenu: () => void, // open menu\n closeMenu: () => void, // close menu\n setQuery: () => void, // update the current input field value\n cioJsClient, // instance of constructorio-client-javascript\n } = useCioAutocomplete(args);\n```\n\n> Note: when we say `cioJsClient`, we are referring to an instance of the [constructorio-client-javascript](https://www.npmjs.com/package/@constructor-io/constructorio-client-javascript)\n";
|
|
5
5
|
export declare const sectionsDescription = "- by default, typing a query will fetch data for search suggestions and Products\n- to override this, pass an array of sections objects\n- the order of the objects in the `sections` array determines the order of the results\n- each section object must have an `identifier`\n- each section object can specify a `type`\n- each section object can override the default `numResults` of 8\n\nWhen no values are passed for the `sections` argument, the following defaults are used:\n\n```jsx\n[\n {\n identifier: 'Search Suggestions',\n type: 'autocomplete',\n numResults: 8\n },\n {\n identifier: 'Products',\n type: 'autocomplete',\n numResults: 8\n }\n]\n```\n";
|
|
6
6
|
export declare const userEventsDescription = "- pass callback functions to respond to user events\n- if provided, the onFocus callback function will be called each time the user focuses on the text input field\n- if provided, the onChange callback function will be called each time the user changes the value in the text input field\n- the onSubmit callback function will be called each time the user submits the form\n- the user can submit the form by pressing the enter key in the text input field, clicking a submit button within the form, clicking on a result, or pressing enter while a result is selected\n\n> \u26A0\uFE0F NOTE \u26A0\uFE0F Use the Storybook Canvas Actions tab to explore the behavior of all of these `OnEvent` callback functions as you interact with our Default User Events example rendered in the Canvas. In the stories below, Storybook Canvas Actions have been disabled to focus on each of these callback functions in isolation. Each of the example callback functions in the stories below log output to the console tab of the browser's developer tools.";
|
|
7
7
|
export declare const zeroStateDescription = "- when the text input field has no text, we call this zero state\n- by default, the autocomplete shows nothing in the menu it's for zero state\n- to show zero state results, pass an array of section objects for `zeroStateSections`\n- when `zeroStateSections` has sections, the menu will open on user focus by default\n- set `openOnFocus` to false, to only show `zeroStateSections` after user has typed and then cleared the text input, instead of as soon as the user focuses on the text input\n- the order of the objects in the `zeroStateSections` array determines the order of the results\n- each section object must have an `identifier`\n- each section object can specify a `type`\n- each section object can override the default `numResults` of 8";
|
|
@@ -1,19 +1,15 @@
|
|
|
1
|
-
import { CioAutocompleteProps,
|
|
2
|
-
export declare const defaultSections:
|
|
1
|
+
import { CioAutocompleteProps, Section } from '../types';
|
|
2
|
+
export declare const defaultSections: Section[];
|
|
3
3
|
export type UseCioAutocompleteOptions = Omit<CioAutocompleteProps, 'children'>;
|
|
4
4
|
declare const useCioAutocomplete: (options: UseCioAutocompleteOptions) => {
|
|
5
5
|
query: string;
|
|
6
|
-
sections:
|
|
6
|
+
sections: Section[];
|
|
7
7
|
isOpen: boolean;
|
|
8
8
|
getMenuProps: () => any;
|
|
9
9
|
getLabelProps: (options?: import("downshift").UseComboboxGetLabelPropsOptions | undefined) => any;
|
|
10
10
|
openMenu: () => void;
|
|
11
11
|
closeMenu: () => void;
|
|
12
|
-
getItemProps: (
|
|
13
|
-
item: any;
|
|
14
|
-
index?: number | undefined;
|
|
15
|
-
sectionIdentifier?: string | undefined;
|
|
16
|
-
}) => any;
|
|
12
|
+
getItemProps: (item: any) => any;
|
|
17
13
|
getInputProps: () => any;
|
|
18
14
|
getFormProps: () => {
|
|
19
15
|
onSubmit: (event: any) => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import ConstructorIOClient from '@constructor-io/constructorio-client-javascript';
|
|
2
2
|
import { Nullable } from '@constructor-io/constructorio-client-javascript/lib/types/types';
|
|
3
|
-
import { AutocompleteResultSections,
|
|
4
|
-
declare const useDebouncedFetchSection: (query: string, cioClient: Nullable<ConstructorIOClient>, autocompleteSections?:
|
|
3
|
+
import { AutocompleteResultSections, Section } from '../types';
|
|
4
|
+
declare const useDebouncedFetchSection: (query: string, cioClient: Nullable<ConstructorIOClient>, autocompleteSections?: Section[]) => AutocompleteResultSections;
|
|
5
5
|
export default useDebouncedFetchSection;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import ConstructorIOClient from '@constructor-io/constructorio-client-javascript';
|
|
2
2
|
import { Nullable } from '@constructor-io/constructorio-client-javascript/lib/types/types';
|
|
3
|
-
import { AutocompleteResultSections,
|
|
4
|
-
declare const useFetchRecommendationPod: (cioClient: Nullable<ConstructorIOClient>, recommendationPods:
|
|
3
|
+
import { AutocompleteResultSections, RecommendationsSection } from '../types';
|
|
4
|
+
declare const useFetchRecommendationPod: (cioClient: Nullable<ConstructorIOClient>, recommendationPods: RecommendationsSection[]) => AutocompleteResultSections;
|
|
5
5
|
export default useFetchRecommendationPod;
|
package/lib/types/types.d.ts
CHANGED
|
@@ -12,8 +12,8 @@ export type CioAutocompleteProps = CioClientConfig & {
|
|
|
12
12
|
onChange?: () => void;
|
|
13
13
|
placeholder?: string;
|
|
14
14
|
children?: ReactNode;
|
|
15
|
-
sections?:
|
|
16
|
-
zeroStateSections?:
|
|
15
|
+
sections?: Section[];
|
|
16
|
+
zeroStateSections?: Section[];
|
|
17
17
|
autocompleteClassName?: string;
|
|
18
18
|
};
|
|
19
19
|
export type AutocompleteSubmitEvent = {
|
|
@@ -47,27 +47,29 @@ export type GetAutocompleteResultsOptions = {
|
|
|
47
47
|
export type AutocompleteResultSections = {
|
|
48
48
|
[key: string]: Item[] | undefined;
|
|
49
49
|
};
|
|
50
|
-
type
|
|
50
|
+
type SectionType = 'autocomplete' | 'recommendations' | 'custom';
|
|
51
|
+
export type SectionConfiguration = {
|
|
52
|
+
type?: SectionType;
|
|
51
53
|
identifier: string;
|
|
52
54
|
displayName?: string;
|
|
53
55
|
numResults?: number;
|
|
54
56
|
};
|
|
55
|
-
interface
|
|
57
|
+
interface AutocompleteSection extends SectionConfiguration {
|
|
56
58
|
type?: 'autocomplete';
|
|
57
59
|
data?: Item[];
|
|
58
60
|
}
|
|
59
|
-
export interface
|
|
61
|
+
export interface RecommendationsSection extends SectionConfiguration {
|
|
60
62
|
type: 'recommendations';
|
|
61
63
|
data?: Item[];
|
|
62
64
|
itemIds?: string[];
|
|
63
65
|
section?: string;
|
|
64
66
|
term?: string;
|
|
65
67
|
}
|
|
66
|
-
interface
|
|
68
|
+
interface CustomSection extends SectionConfiguration {
|
|
67
69
|
type: 'custom';
|
|
68
70
|
data: Item[];
|
|
69
71
|
}
|
|
70
|
-
export type
|
|
72
|
+
export type Section = AutocompleteSection | RecommendationsSection | CustomSection;
|
|
71
73
|
export type Product = {
|
|
72
74
|
data: {
|
|
73
75
|
facets: {
|
package/lib/types/utils.d.ts
CHANGED
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import ConstructorIOClient from '@constructor-io/constructorio-client-javascript';
|
|
2
|
-
import { OnSubmit,
|
|
3
|
-
export type
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
}) =>
|
|
7
|
-
|
|
2
|
+
import { OnSubmit, Section, Item } from './types';
|
|
3
|
+
export type GetItemPosition = (args: {
|
|
4
|
+
item: Item;
|
|
5
|
+
activeSectionsWithData: Section[];
|
|
6
|
+
}) => {
|
|
7
|
+
index: number;
|
|
8
|
+
sectionId: string;
|
|
9
|
+
};
|
|
10
|
+
export declare const getItemPosition: GetItemPosition;
|
|
8
11
|
type CamelToStartCase = (camelCaseString: string) => string;
|
|
9
12
|
export declare const camelToStartCase: CamelToStartCase;
|
|
10
13
|
export declare function isTrackingRequestSent(trackingRequestUrl: any): any;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@constructor-io/constructorio-ui-autocomplete",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.4.1",
|
|
4
4
|
"description": "Constructor.io Autocomplete UI library for web applications",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/mjs/index.js",
|
|
@@ -18,6 +18,7 @@
|
|
|
18
18
|
"types": "lib/types/index.d.ts",
|
|
19
19
|
"scripts": {
|
|
20
20
|
"lint": "eslint src --ext js,ts,jsx,tsx",
|
|
21
|
+
"check-types": "npx tsc --noEmit",
|
|
21
22
|
"copy-styles": "cp src/styles.css lib/styles.css",
|
|
22
23
|
"prepare": "husky install",
|
|
23
24
|
"dev": "storybook dev -p 6006",
|