@constructor-io/constructorio-ui-autocomplete 1.1.8 → 1.1.10

package/lib/cjs/hooks/useDebouncedFetchSections.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const useDebounce_1 = require("./useDebounce");
+const autocompleteParameters = {
+    resultsPerSection: {},
+    // numResults: 8,
+    // hiddenFields: [],
+    // filters: {},
+    // variationsMap: {}
+};
+const useDebouncedFetchSection = (query, cioClient, autocompleteSections) => {
+    const [sectionsData, setSectionsData] = (0, react_1.useState)({});
+    const debouncedSearchTerm = (0, useDebounce_1.default)(query);
+    if (autocompleteSections) {
+        autocompleteParameters.resultsPerSection = autocompleteSections.reduce((acc, sectionConfig) => (Object.assign(Object.assign({}, acc), { [sectionConfig.identifier]: (sectionConfig === null || sectionConfig === void 0 ? void 0 : sectionConfig.numResults) || 8 })), {});
+    }
+    (0, react_1.useEffect)(() => {
+        if (debouncedSearchTerm) {
+            cioClient === null || cioClient === void 0 ? void 0 : cioClient.autocomplete.getAutocompleteResults(debouncedSearchTerm, autocompleteParameters).then((response) => {
+                const newSectionsData = {};
+                Object.keys(response.sections).forEach((section) => {
+                    newSectionsData[section] = response.sections[section].map((item) => (Object.assign(Object.assign({}, item), { section })));
+                });
+                setSectionsData(newSectionsData);
+            });
+        }
+        else if (!debouncedSearchTerm) {
+            setSectionsData({});
+        }
+    }, [debouncedSearchTerm, cioClient]);
+    return sectionsData;
+};
+exports.default = useDebouncedFetchSection;
+//# sourceMappingURL=useDebouncedFetchSections.js.map

package/lib/cjs/hooks/useDebouncedFetchSections.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedFetchSections.js","sourceRoot":"","sources":["../../../src/hooks/useDebouncedFetchSections.ts"],"names":[],"mappings":";;AAAA,iCAA4C;AAE5C,+CAAwC;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,SAA+B,EAC/B,oBAA6C,EAC7C,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"}

package/lib/cjs/hooks/useDownShift.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const downshift_1 = require("downshift");
+let idCounter = 0;
+const useDownShift = ({ setQuery, items, onSubmit, cioClient, previousQuery = '', onChange, }) => (0, downshift_1.useCombobox)({
+    id: `cio-autocomplete-${idCounter++}`,
+    items,
+    itemToString: (item) => (item === null || item === void 0 ? void 0 : item.value) || '',
+    onInputValueChange: ({ inputValue = '' }) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        setQuery(inputValue);
+        if (onChange) {
+            onChange(inputValue);
+        }
+    }),
+    onSelectedItemChange({ selectedItem }) {
+        var _a;
+        if (selectedItem) {
+            setQuery(selectedItem.value || '');
+            if (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) {
+                if (onSubmit)
+                    onSubmit({ item: selectedItem, originalQuery: previousQuery });
+                if (!((_a = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.data) === null || _a === void 0 ? void 0 : _a.url)) {
+                    cioClient === null || cioClient === void 0 ? void 0 : cioClient.tracker.trackSearchSubmit(selectedItem.value, {
+                        original_query: previousQuery,
+                    });
+                }
+                cioClient === null || cioClient === void 0 ? void 0 : cioClient.tracker.trackAutocompleteSelect(selectedItem.value, {
+                    original_query: previousQuery,
+                    section: selectedItem.section,
+                });
+            }
+        }
+    },
+});
+exports.default = useDownShift;
+//# sourceMappingURL=useDownShift.js.map

package/lib/cjs/hooks/useDownShift.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDownShift.js","sourceRoot":"","sources":["../../../src/hooks/useDownShift.ts"],"names":[],"mappings":";;;AAAA,yCAAgE;AAIhE,IAAI,SAAS,GAAG,CAAC,CAAC;AAelB,MAAM,YAAY,GAAiB,CAAC,EAClC,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,EACT,aAAa,GAAG,EAAE,EAClB,QAAQ,GACT,EAAE,EAAE,CACH,IAAA,uBAAW,EAAC;IACV,EAAE,EAAE,oBAAoB,SAAS,EAAE,EAAE;IACrC,KAAK;IACL,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,KAAI,EAAE;IACzC,kBAAkB,EAAE,CAAO,EAAE,UAAU,GAAG,EAAE,EAAE,EAAE,EAAE;QAChD,QAAQ,CAAC,UAAU,CAAC,CAAC;QACrB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,UAAU,CAAC,CAAC;SACtB;IACH,CAAC,CAAA;IACD,oBAAoB,CAAC,EAAE,YAAY,EAAE;;QACnC,IAAI,YAAY,EAAE;YAChB,QAAQ,CAAC,YAAY,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;YACnC,IAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,EAAE;gBACvB,IAAI,QAAQ;oBAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC,CAAC;gBAC7E,IAAI,CAAC,CAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,0CAAE,GAAG,CAAA,EAAE;oBAC5B,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAC,iBAAiB,CAAC,YAAY,CAAC,KAAK,EAAE;wBACvD,cAAc,EAAE,aAAa;qBAC9B,CAAC,CAAC;iBACJ;gBACD,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAC,uBAAuB,CAAC,YAAY,CAAC,KAAK,EAAE;oBAC7D,cAAc,EAAE,aAAa;oBAC7B,OAAO,EAAE,YAAY,CAAC,OAAO;iBAC9B,CAAC,CAAC;aACJ;SACF;IACH,CAAC;CACF,CAAC,CAAC;AAEL,kBAAe,YAAY,CAAC"}

package/lib/cjs/hooks/useFetchRecommendationPod.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = require("react");
+const useFetchRecommendationPod = (cioClient, recommendationPods) => {
+    const [recommendationResults, setRecommendationResults] = (0, react_1.useState)({});
+    (0, react_1.useEffect)(() => {
+        if (!cioClient || !Array.isArray(recommendationPods) || recommendationPods.length === 0)
+            return;
+        const fetchRecommendationResults = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+            const responses = yield Promise.all(recommendationPods.map((_a) => {
+                var { identifier: podId } = _a, parameters = tslib_1.__rest(_a, ["identifier"]);
+                return cioClient.recommendations.getRecommendations(podId, parameters);
+            }));
+            const recommendationPodResults = {};
+            responses.forEach(({ response }) => {
+                const { pod, results } = response;
+                if (pod === null || pod === void 0 ? void 0 : pod.id) {
+                    recommendationPodResults[pod.id] = results === null || results === void 0 ? void 0 : results.map((item) => (Object.assign(Object.assign({}, item), { section: pod.id })));
+                }
+            });
+            setRecommendationResults(recommendationPodResults);
+        });
+        fetchRecommendationResults();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [cioClient]);
+    return recommendationResults;
+};
+exports.default = useFetchRecommendationPod;
+//# sourceMappingURL=useFetchRecommendationPod.js.map

package/lib/cjs/hooks/useFetchRecommendationPod.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFetchRecommendationPod.js","sourceRoot":"","sources":["../../../src/hooks/useFetchRecommendationPod.ts"],"names":[],"mappings":";;;AAAA,iCAA4C;AAI5C,MAAM,yBAAyB,GAAG,CAChC,SAA0C,EAC1C,kBAAyD,EACzD,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/hooks/usePrevious.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const usePrevious = (value) => {
+    const ref = (0, react_1.useRef)();
+    (0, react_1.useEffect)(() => {
+        ref.current = value; // assign the value of ref to the argument
+    }, [value]); // this code will run when the value of 'value' changes
+    return ref.current; // in the end, return the current ref value.
+};
+exports.default = usePrevious;
+//# sourceMappingURL=usePrevious.js.map

package/lib/cjs/hooks/usePrevious.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePrevious.js","sourceRoot":"","sources":["../../../src/hooks/usePrevious.ts"],"names":[],"mappings":";;AAAA,iCAA0C;AAE1C,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,EAAE;IACpC,MAAM,GAAG,GAAG,IAAA,cAAM,GAAU,CAAC;IAC7B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,0CAA0C;IACjE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,uDAAuD;IACpE,OAAO,GAAG,CAAC,OAAO,CAAC,CAAC,4CAA4C;AAClE,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/lib/cjs/index.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCioAutocomplete = exports.SectionItemsList = exports.SectionItem = exports.SearchInput = exports.CioAutocomplete = exports.AutocompleteResults = void 0;
+var AutocompleteResults_1 = require("./components/Autocomplete/AutocompleteResults/AutocompleteResults");
+Object.defineProperty(exports, "AutocompleteResults", { enumerable: true, get: function () { return AutocompleteResults_1.default; } });
+var CioAutocomplete_1 = require("./components/Autocomplete/CioAutocomplete/CioAutocomplete");
+Object.defineProperty(exports, "CioAutocomplete", { enumerable: true, get: function () { return CioAutocomplete_1.default; } });
+var SearchInput_1 = require("./components/Autocomplete/SearchInput/SearchInput");
+Object.defineProperty(exports, "SearchInput", { enumerable: true, get: function () { return SearchInput_1.default; } });
+var SectionItem_1 = require("./components/Autocomplete/SectionItem/SectionItem");
+Object.defineProperty(exports, "SectionItem", { enumerable: true, get: function () { return SectionItem_1.default; } });
+var SectionItemsList_1 = require("./components/Autocomplete/SectionItemsList/SectionItemsList");
+Object.defineProperty(exports, "SectionItemsList", { enumerable: true, get: function () { return SectionItemsList_1.default; } });
+var useCioAutocomplete_1 = require("./hooks/useCioAutocomplete");
+Object.defineProperty(exports, "useCioAutocomplete", { enumerable: true, get: function () { return useCioAutocomplete_1.default; } });
+//# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,yGAAmH;AAA1G,0HAAA,OAAO,OAAuB;AACvC,6FAAuG;AAA9F,kHAAA,OAAO,OAAmB;AACnC,iFAA2F;AAAlF,0GAAA,OAAO,OAAe;AAC/B,iFAA2F;AAAlF,0GAAA,OAAO,OAAe;AAC/B,gGAA0G;AAAjG,oHAAA,OAAO,OAAoB;AACpC,iEAA2E;AAAlE,wHAAA,OAAO,OAAsB"}

package/lib/cjs/stories/Autocomplete/argTypes.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.argTypes = void 0;
+// eslint-disable-next-line
+exports.argTypes = {
+    placeholder: {
+        description: 'Search input placeholder',
+        table: {
+            type: {
+                summary: 'string',
+            },
+        },
+        control: {
+            type: 'text',
+        },
+    },
+    apiKey: {
+        type: { name: 'string' },
+        description: 'Your constructor API key',
+        table: {
+            type: {
+                summary: 'string',
+            },
+        },
+        control: {
+            type: 'text',
+        },
+    },
+    onSubmit: {
+        type: {
+            name: 'function',
+        },
+        description: `On search submit callback function`,
+        table: {
+            type: {
+                summary: 'Function',
+            },
+        },
+        control: null,
+    },
+    onFocus: {
+        type: {
+            name: 'function',
+        },
+        description: `On focus callback function`,
+        table: {
+            type: {
+                summary: 'Function',
+            },
+        },
+        control: null,
+    },
+    openOnFocus: {
+        description: 'Open results on focus',
+        table: {
+            type: {
+                summary: 'boolean',
+            },
+        },
+        control: {
+            type: 'boolean',
+        },
+    },
+};
+//# sourceMappingURL=argTypes.js.map

package/lib/cjs/stories/Autocomplete/argTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"argTypes.js","sourceRoot":"","sources":["../../../../src/stories/Autocomplete/argTypes.ts"],"names":[],"mappings":";;;AAAA,2BAA2B;AACd,QAAA,QAAQ,GAAG;IACtB,WAAW,EAAE;QACX,WAAW,EAAE,0BAA0B;QACvC,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,OAAO,EAAE,QAAQ;aAClB;SACF;QACD,OAAO,EAAE;YACP,IAAI,EAAE,MAAM;SACb;KACF;IACD,MAAM,EAAE;QACN,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QACxB,WAAW,EAAE,0BAA0B;QACvC,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,OAAO,EAAE,QAAQ;aAClB;SACF;QACD,OAAO,EAAE;YACP,IAAI,EAAE,MAAM;SACb;KACF;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,IAAI,EAAE,UAAU;SACjB;QACD,WAAW,EAAE,oCAAoC;QACjD,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,OAAO,EAAE,UAAU;aACpB;SACF;QACD,OAAO,EAAE,IAAI;KACd;IACD,OAAO,EAAE;QACP,IAAI,EAAE;YACJ,IAAI,EAAE,UAAU;SACjB;QACD,WAAW,EAAE,4BAA4B;QACzC,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,OAAO,EAAE,UAAU;aACpB;SACF;QACD,OAAO,EAAE,IAAI;KACd;IACD,WAAW,EAAE;QACX,WAAW,EAAE,uBAAuB;QACpC,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,OAAO,EAAE,SAAS;aACnB;SACF;QACD,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;SAChB;KACF;CACF,CAAC"}

package/lib/cjs/typeGuards.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isProduct = void 0;
+// Type Guard
+// eslint-disable-next-line
+function isProduct(item) {
+    return item.data.image_url !== undefined;
+}
+exports.isProduct = isProduct;
+//# sourceMappingURL=typeGuards.js.map

package/lib/cjs/typeGuards.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typeGuards.js","sourceRoot":"","sources":["../../src/typeGuards.ts"],"names":[],"mappings":";;;AAEA,aAAa;AACb,2BAA2B;AAC3B,SAAgB,SAAS,CAAC,IAAU;IAClC,OAAQ,IAAgB,CAAC,IAAI,CAAC,SAAS,KAAK,SAAS,CAAC;AACxD,CAAC;AAFD,8BAEC"}

package/lib/cjs/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/lib/cjs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":""}

package/lib/cjs/utils.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.disableStoryActions = exports.stringify = exports.getStoryParams = exports.sleep = exports.clearConstructorRequests = exports.isTrackingRequestSent = exports.camelToStartCase = exports.getIndexOffset = void 0;
+const getIndexOffset = ({ activeSections, sectionIdentifier }) => {
+    let indexOffset = 0;
+    if (sectionIdentifier) {
+        activeSections.find((config) => {
+            var _a;
+            if ((config === null || config === void 0 ? void 0 : config.identifier) === sectionIdentifier)
+                return true; // break out of loop
+            indexOffset += ((_a = config === null || config === void 0 ? void 0 : config.data) === null || _a === void 0 ? void 0 : _a.length) || 0;
+            return false; // continue
+        });
+    }
+    return indexOffset;
+};
+exports.getIndexOffset = getIndexOffset;
+const camelToStartCase = (camelCaseString) => camelCaseString
+    // insert a space before all caps
+    .replace(/([A-Z])/g, ' $1')
+    // uppercase the first character
+    .replace(/^./, (str) => str.toUpperCase());
+exports.camelToStartCase = camelToStartCase;
+function isTrackingRequestSent(trackingRequestUrl) {
+    var _a, _b;
+    // eslint-disable-next-line
+    const trackingRequestsQueue = (_a = window.localStorage) === null || _a === void 0 ? void 0 : _a._constructorio_requests;
+    return (trackingRequestsQueue &&
+        ((_b = JSON.parse(trackingRequestsQueue)) === null || _b === void 0 ? void 0 : _b.some((request) => { var _a; return (_a = request === null || request === void 0 ? void 0 : request.url) === null || _a === void 0 ? void 0 : _a.includes(trackingRequestUrl); })));
+}
+exports.isTrackingRequestSent = isTrackingRequestSent;
+function clearConstructorRequests() {
+    var _a;
+    // eslint-disable-next-line
+    if ((_a = window.localStorage) === null || _a === void 0 ? void 0 : _a._constructorio_requests) {
+        window.localStorage.removeItem('_constructorio_requests');
+    }
+}
+exports.clearConstructorRequests = clearConstructorRequests;
+// Function to emulate pausing between interactions
+function sleep(ms) {
+    // eslint-disable-next-line
+    return new Promise((resolve) => setTimeout(resolve, ms));
+}
+exports.sleep = sleep;
+// More on Story layout: https://storybook.js.org/docs/react/configure/story-layout
+const getStoryParams = (storyCode, templateCode, importCode) => {
+    const code = `
+${importCode}
+${storyCode}
+${templateCode}
+`;
+    return {
+        docs: {
+            source: {
+                code,
+                language: 'jsx',
+                format: true,
+                type: 'code',
+            },
+        },
+    };
+};
+exports.getStoryParams = getStoryParams;
+const stringify = (obj) => JSON.stringify(obj, null, '  ');
+exports.stringify = stringify;
+const disableStoryActions = (story) => {
+    // eslint-disable-next-line
+    story.parameters.actions = { argTypesRegex: null };
+};
+exports.disableStoryActions = disableStoryActions;
+//# sourceMappingURL=utils.js.map

package/lib/cjs/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":";;;AAOO,MAAM,cAAc,GAAmB,CAAC,EAAE,cAAc,EAAE,iBAAiB,EAAE,EAAE,EAAE;IACtF,IAAI,WAAW,GAAG,CAAC,CAAC;IAEpB,IAAI,iBAAiB,EAAE;QACrB,cAAc,CAAC,IAAI,CAAC,CAAC,MAA4B,EAAE,EAAE;;YACnD,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,MAAK,iBAAiB;gBAAE,OAAO,IAAI,CAAC,CAAC,oBAAoB;YAC/E,WAAW,IAAI,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,0CAAE,MAAM,KAAI,CAAC,CAAC;YACzC,OAAO,KAAK,CAAC,CAAC,WAAW;QAC3B,CAAC,CAAC,CAAC;KACJ;IAED,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC;AAZW,QAAA,cAAc,kBAYzB;AAIK,MAAM,gBAAgB,GAAqB,CAAC,eAAe,EAAE,EAAE,CACpE,eAAe;IACb,iCAAiC;KAChC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC;IAC3B,gCAAgC;KAC/B,OAAO,CAAC,IAAI,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC;AALlC,QAAA,gBAAgB,oBAKkB;AAE/C,SAAgB,qBAAqB,CAAC,kBAAkB;;IACtD,2BAA2B;IAC3B,MAAM,qBAAqB,GAAG,MAAA,MAAM,CAAC,YAAY,0CAAE,uBAAuB,CAAC;IAE3E,OAAO,CACL,qBAAqB;SACrB,MAAA,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,0CAAE,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,WAAC,OAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,0CAAE,QAAQ,CAAC,kBAAkB,CAAC,CAAA,EAAA,CAAC,CAAA,CACjG,CAAC;AACJ,CAAC;AARD,sDAQC;AAED,SAAgB,wBAAwB;;IACtC,2BAA2B;IAC3B,IAAI,MAAA,MAAM,CAAC,YAAY,0CAAE,uBAAuB,EAAE;QAChD,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAC;KAC3D;AACH,CAAC;AALD,4DAKC;AAED,mDAAmD;AACnD,SAAgB,KAAK,CAAC,EAAE;IACtB,2BAA2B;IAC3B,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC;AAC3D,CAAC;AAHD,sBAGC;AACD,mFAAmF;AAC5E,MAAM,cAAc,GAAG,CAAC,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,EAAE;IACpE,MAAM,IAAI,GAAG;EACb,UAAU;EACV,SAAS;EACT,YAAY;CACb,CAAC;IAEA,OAAO;QACL,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI;gBACJ,QAAQ,EAAE,KAAK;gBACf,MAAM,EAAE,IAAI;gBACZ,IAAI,EAAE,MAAM;aACb;SACF;KACF,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,cAAc,kBAiBzB;AAEK,MAAM,SAAS,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAArD,QAAA,SAAS,aAA4C;AAE3D,MAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,EAAE;IAC3C,2BAA2B;IAC3B,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC;AACrD,CAAC,CAAC;AAHW,QAAA,mBAAmB,uBAG9B"}

package/lib/mjs/components/Autocomplete/Autocomplete.css

@@ -0,0 +1,110 @@
+/* Autosuggest Container */
+.cio-autocomplete {
+  position: relative;
+  height: 2rem;
+  padding: 20px;
+  font-family: Arial, Helvetica, sans-serif;
+}
+
+/* Autosuggest Form */
+.cio-autocomplete .cio-form {
+  position: relative;
+  height: 100%;
+  width: 24rem;
+}
+
+.cio-autocomplete .cio-input {
+  width: 100%;
+  height: 100%;
+  border: 1px solid gray;
+  padding: 0 10px;
+  border-radius: 3px;
+  font-size: 1rem;
+}
+
+.cio-autocomplete .cio-submit-btn,
+.cio-autocomplete .cio-clear-btn {
+  position: absolute;
+  top: 1px;
+  bottom: -1px;
+  right: -21px;
+  cursor: pointer;
+}
+
+.cio-autocomplete button:disabled {
+  cursor: not-allowed;
+}
+
+.cio-autocomplete .cio-submit-btn {
+  right: -21px;
+}
+
+.cio-autocomplete .cio-clear-btn {
+  right: 10px;
+}
+
+.cio-autocomplete .cio-icon {
+  display: flex;
+  justify-content: center;
+}
+
+/* Autosuggest Results */
+.cio-autocomplete .cio-results {
+  position: absolute;
+  background-color: white;
+  gap: 20px;
+  padding-left: 0px;
+  list-style: none;
+  display: flex;
+  flex-direction: row;
+  z-index: 1000;
+  margin-top: 5px;
+}
+
+.cio-autocomplete .cio-sectionName {
+  margin: 15px 0;
+  font-size: 1rem;
+}
+
+.cio-autocomplete .cio-section-items {
+  padding: 0;
+}
+
+.cio-autocomplete .cio-item-SearchSuggestions {
+  flex-direction: column;
+  min-width: 160px;
+}
+
+.cio-autocomplete .cio-item {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  cursor: pointer;
+  list-style: none;
+  padding: 5px;
+  border-bottom: 3px solid transparent;
+}
+
+.cio-autocomplete .cio-item[aria-selected='true'] {
+  background-color: hsl(0, 0%, 90%);
+  border-radius: 4px;
+}
+
+.cio-autocomplete .Products .cio-item {
+  display: inline-flex;
+  align-items: center;
+  width: 25%;
+  height: 140px;
+  padding: 5px 0;
+}
+
+.cio-autocomplete .cio-item p {
+  margin: 0;
+  overflow: hidden;
+}
+
+.cio-autocomplete .cio-item img {
+  width: 100%;
+  max-width: 100px;
+  max-height: 100px;
+}

package/lib/mjs/components/Autocomplete/AutocompleteResults/AutocompleteResults.js

@@ -0,0 +1,21 @@
+import React, { useContext } from 'react';
+import { CioAutocompleteContext } from '../CioAutocompleteProvider';
+import SectionItemsList from '../SectionItemsList/SectionItemsList';
+const DefaultRenderResults = ({ sections }) => sections?.map((section) => (React.createElement(SectionItemsList, { section: section, key: section.identifier })));
+export default function AutocompleteResults(props) {
+    const { children = DefaultRenderResults } = props;
+    const { sections, isOpen, getMenuProps, getItemProps } = useContext(CioAutocompleteContext);
+    const hasResults = sections && sections.some((section) => section?.data?.length);
+    let content;
+    if (isOpen && hasResults) {
+        content = typeof children === 'function' ? children({ sections, getItemProps }) : children;
+    }
+    else {
+        content = null;
+    }
+    const menuProps = {
+        ...getMenuProps(),
+    };
+    return React.createElement("ul", { ...menuProps }, content);
+}
+//# sourceMappingURL=AutocompleteResults.js.map

package/lib/mjs/components/Autocomplete/AutocompleteResults/AutocompleteResults.js.map

@@ -0,0 +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,OAA6B,EAAE,EAAE,CAAC,CAC/C,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,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;KAChB;IAED,MAAM,SAAS,GAAG;QAChB,GAAG,YAAY,EAAE;KAClB,CAAC;IAEF,OAAO,+BAAQ,SAAS,IAAG,OAAO,CAAM,CAAC;AAC3C,CAAC"}

package/lib/mjs/components/Autocomplete/CioAutocomplete/CioAutocomplete.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import CioAutocompleteProvider from '../CioAutocompleteProvider';
+import AutocompleteResults from '../AutocompleteResults/AutocompleteResults';
+import SearchInput from '../SearchInput/SearchInput';
+export default function CioAutocomplete(props) {
+    const { children } = props;
+    if (children) {
+        return React.createElement(CioAutocompleteProvider, { ...props }, children);
+    }
+    return (React.createElement("div", null,
+        React.createElement(CioAutocompleteProvider, { ...props },
+            React.createElement(SearchInput, null),
+            React.createElement(AutocompleteResults, null))));
+}
+//# sourceMappingURL=CioAutocomplete.js.map

package/lib/mjs/components/Autocomplete/CioAutocomplete/CioAutocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CioAutocomplete.js","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/CioAutocomplete/CioAutocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,uBAAuB,MAAM,4BAA4B,CAAC;AACjE,OAAO,mBAAmB,MAAM,4CAA4C,CAAC;AAC7E,OAAO,WAAW,MAAM,4BAA4B,CAAC;AAGrD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAA2B;IACjE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,IAAI,QAAQ,EAAE;QACZ,OAAO,oBAAC,uBAAuB,OAAK,KAAK,IAAG,QAAQ,CAA2B,CAAC;KACjF;IAED,OAAO,CACL;QACE,oBAAC,uBAAuB,OAAK,KAAK;YAChC,oBAAC,WAAW,OAAG;YACf,oBAAC,mBAAmB,OAAG,CACC,CACtB,CACP,CAAC;AACJ,CAAC"}

package/lib/mjs/components/Autocomplete/CioAutocompleteProvider.js

@@ -0,0 +1,10 @@
+import React, { createContext } from 'react';
+import useCioAutocomplete from '../../hooks/useCioAutocomplete';
+export const CioAutocompleteContext = createContext({});
+export default function CioAutocompleteProvider(props) {
+    const { children, ...restProps } = props;
+    const cioAutocomplete = useCioAutocomplete(restProps);
+    return (React.createElement(CioAutocompleteContext.Provider, { value: cioAutocomplete },
+        React.createElement("div", { className: cioAutocomplete.autocompleteClassName }, children)));
+}
+//# sourceMappingURL=CioAutocompleteProvider.js.map

package/lib/mjs/components/Autocomplete/CioAutocompleteProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CioAutocompleteProvider.js","sourceRoot":"","sources":["../../../../src/components/Autocomplete/CioAutocompleteProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,kBAAkB,MAAM,gCAAgC,CAAC;AAGhE,MAAM,CAAC,MAAM,sBAAsB,GAAG,aAAa,CACjD,EAA2C,CAC5C,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,KAA2B;IACzE,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACzC,MAAM,eAAe,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC;IAEtD,OAAO,CACL,oBAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,eAAe;QACrD,6BAAK,SAAS,EAAE,eAAe,CAAC,qBAAqB,IAAG,QAAQ,CAAO,CACvC,CACnC,CAAC;AACJ,CAAC"}

package/lib/mjs/components/Autocomplete/SearchInput/SearchInput.js

@@ -0,0 +1,27 @@
+import React, { useContext } from 'react';
+import { CioAutocompleteContext } from '../CioAutocompleteProvider';
+function DefaultRenderInput({ getFormProps, getInputProps, getLabelProps, setQuery }) {
+    const inputProps = getInputProps();
+    return (React.createElement("form", { ...getFormProps() },
+        React.createElement("label", { ...getLabelProps(), htmlFor: 'cio-input' },
+            React.createElement("input", { id: 'cio-input', ...inputProps })),
+        React.createElement("button", { className: 'cio-clear-btn', "data-testid": 'cio-clear-btn', hidden: !inputProps.value, onClick: () => {
+                setQuery('');
+                if (inputProps.id) {
+                    setTimeout(() => document.getElementById(inputProps.id)?.focus(), 100);
+                }
+            }, type: 'button', "aria-label": 'Clear search field text' },
+            React.createElement("div", { className: 'cio-icon' },
+                React.createElement("svg", { stroke: 'currentColor', fill: 'currentColor', strokeWidth: '0', viewBox: '0 0 512 512', height: '1em', width: '1em', xmlns: 'http://www.w3.org/2000/svg' },
+                    React.createElement("path", { d: 'M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z' })))),
+        React.createElement("button", { className: 'cio-submit-btn', "data-testid": 'cio-submit-btn', disabled: !inputProps.value, type: 'submit', "aria-label": 'Submit Search' },
+            React.createElement("div", { className: 'cio-icon' },
+                React.createElement("svg", { stroke: 'currentColor', fill: 'currentColor', strokeWidth: '0', viewBox: '0 0 512 512', height: '1em', width: '1em', xmlns: 'http://www.w3.org/2000/svg' },
+                    React.createElement("path", { d: 'M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z' }))))));
+}
+export default function SearchInput(props) {
+    const { children = DefaultRenderInput } = props;
+    const { getFormProps, getInputProps, getLabelProps, setQuery } = useContext(CioAutocompleteContext);
+    return children({ getFormProps, getInputProps, getLabelProps, setQuery });
+}
+//# sourceMappingURL=SearchInput.js.map

package/lib/mjs/components/Autocomplete/SearchInput/SearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,UAAU,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAMpE,SAAS,kBAAkB,CAAC,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE;IAClF,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IAEnC,OAAO,CACL,iCAAU,YAAY,EAAE;QACtB,kCAAW,aAAa,EAAE,EAAE,OAAO,EAAC,WAAW;YAC7C,+BAAO,EAAE,EAAC,WAAW,KAAK,UAAU,GAAI,CAClC;QACR,gCACE,SAAS,EAAC,eAAe,iBACb,eAAe,EAC3B,MAAM,EAAE,CAAC,UAAU,CAAC,KAAK,EACzB,OAAO,EAAE,GAAG,EAAE;gBACZ,QAAQ,CAAC,EAAE,CAAC,CAAC;gBACb,IAAI,UAAU,CAAC,EAAE,EAAE;oBACjB,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,GAAG,CAAC,CAAC;iBACxE;YACH,CAAC,EACD,IAAI,EAAC,QAAQ,gBACF,yBAAyB;YACpC,6BAAK,SAAS,EAAC,UAAU;gBACvB,6BACE,MAAM,EAAC,cAAc,EACrB,IAAI,EAAC,cAAc,EACnB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,aAAa,EACrB,MAAM,EAAC,KAAK,EACZ,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,4BAA4B;oBAClC,8BAAM,CAAC,EAAC,4HAA4H,GAAG,CACnI,CACF,CACC;QACT,gCACE,SAAS,EAAC,gBAAgB,iBACd,gBAAgB,EAC5B,QAAQ,EAAE,CAAC,UAAU,CAAC,KAAK,EAC3B,IAAI,EAAC,QAAQ,gBACF,eAAe;YAC1B,6BAAK,SAAS,EAAC,UAAU;gBACvB,6BACE,MAAM,EAAC,cAAc,EACrB,IAAI,EAAC,cAAc,EACnB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,aAAa,EACrB,MAAM,EAAC,KAAK,EACZ,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,4BAA4B;oBAClC,8BAAM,CAAC,EAAC,2VAA2V,GAAG,CAClW,CACF,CACC,CACJ,CACR,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAuB;IACzD,MAAM,EAAE,QAAQ,GAAG,kBAAkB,EAAE,GAAG,KAAK,CAAC;IAChD,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,GAC5D,UAAU,CAAC,sBAAsB,CAAC,CAAC;IAErC,OAAO,QAAQ,CAAC,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,CAAC;AAC5E,CAAC"}

package/lib/mjs/components/Autocomplete/SectionItem/SectionItem.js

@@ -0,0 +1,18 @@
+import React, { useContext } from 'react';
+import { CioAutocompleteContext } from '../CioAutocompleteProvider';
+import { isProduct } from '../../../typeGuards';
+export default function SectionItem(props) {
+    const { item, index, sectionIdentifier, children } = props;
+    const { getItemProps } = useContext(CioAutocompleteContext);
+    let defaultChildren;
+    if (isProduct(item)) {
+        defaultChildren = (React.createElement(React.Fragment, null,
+            React.createElement("img", { "data-testid": 'cio-img', src: item.data?.image_url, alt: item.value }),
+            React.createElement("p", { "data-testid": 'cio-text' }, item.value)));
+    }
+    else {
+        defaultChildren = item.value;
+    }
+    return (React.createElement("li", { ...getItemProps({ item, index, sectionIdentifier }) }, children || defaultChildren));
+}
+//# sourceMappingURL=SectionItem.js.map

package/lib/mjs/components/Autocomplete/SectionItem/SectionItem.js.map

@@ -0,0 +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;AAUhD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAuB;IACzD,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3D,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,CACL,+BAAQ,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,iBAAiB,EAAE,CAAC,IAAG,QAAQ,IAAI,eAAe,CAAM,CAC7F,CAAC;AACJ,CAAC"}

package/lib/mjs/components/Autocomplete/SectionItemsList/SectionItemsList.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import SectionItem from '../SectionItem/SectionItem';
+import { camelToStartCase } from '../../../utils';
+// eslint-disable-next-line func-names
+const DefaultRenderSectionItemsList = function ({ section }) {
+    const sectionName = section?.displayName || section?.identifier;
+    return (React.createElement("li", { className: `${sectionName} cio-section`, role: 'none' },
+        React.createElement("h5", { className: 'cio-sectionName', "aria-hidden": true }, camelToStartCase(sectionName)),
+        React.createElement("ul", { className: 'cio-section-items', role: 'none' }, section?.data?.map((item, index) => (React.createElement(SectionItem, { item: item, index: index, sectionIdentifier: section?.identifier, key: `${section?.identifier}_${item?.data?.id}` }))))));
+};
+export default function SectionItemsList(props) {
+    const { section, children = DefaultRenderSectionItemsList } = props;
+    return children({ section });
+}
+//# sourceMappingURL=SectionItemsList.js.map

package/lib/mjs/components/Autocomplete/SectionItemsList/SectionItemsList.js.map

@@ -0,0 +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,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,KAAK,EAAE,EAAE,CAAC,CACnC,oBAAC,WAAW,IACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,OAAO,EAAE,UAAU,EACtC,GAAG,EAAE,GAAG,OAAO,EAAE,UAAU,IAAI,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,GAC/C,CACH,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"}