@constructor-io/constructorio-ui-autocomplete 1.23.29 → 1.23.31

package/lib/cjs/hooks/useCustomBlur.js

@@ -4,7 +4,8 @@ const react_1 = require("react");
 const useCustomBlur = (isOpen, closeMenu, autocompleteClassName) => {
     const handleDocumentClick = (0, react_1.useCallback)((event) => {
         var _a;
-        if (isOpen && !((_a = event.target) === null || _a === void 0 ? void 0 : _a.closest(`.${autocompleteClassName}`))) {
+        const classNames = autocompleteClassName.split(' ').join('.');
+        if (isOpen && !((_a = event.target) === null || _a === void 0 ? void 0 : _a.closest(`.${classNames}`))) {
             closeMenu();
         }
     }, [closeMenu, isOpen, autocompleteClassName]);

package/lib/cjs/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '1.23.29';
+exports.default = '1.23.31';

package/lib/mjs/hooks/useCustomBlur.js

@@ -1,7 +1,8 @@
 import { useCallback, useEffect } from 'react';
 const useCustomBlur = (isOpen, closeMenu, autocompleteClassName) => {
     const handleDocumentClick = useCallback((event) => {
-        if (isOpen && !event.target?.closest(`.${autocompleteClassName}`)) {
+        const classNames = autocompleteClassName.split(' ').join('.');
+        if (isOpen && !event.target?.closest(`.${classNames}`)) {
             closeMenu();
         }
     }, [closeMenu, isOpen, autocompleteClassName]);

package/lib/mjs/version.js

@@ -1 +1 @@
-export default '1.23.29';
+export default '1.23.31';

package/lib/types/components/Autocomplete/AutocompleteResults/AutocompleteResults.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { Item, Section } from '../../../types';
 export type RenderResults = (renderResultsArguments: {
     sections: Section[];
@@ -7,5 +7,5 @@ export type RenderResults = (renderResultsArguments: {
 type AutocompleteResultsProps = {
     children?: RenderResults | ReactNode;
 };
-export default function AutocompleteResults(props: AutocompleteResultsProps): JSX.Element;
+export default function AutocompleteResults(props: AutocompleteResultsProps): React.JSX.Element;
 export {};

package/lib/types/components/Autocomplete/AutocompleteResults/CloseIcon.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function CloseIcon(props: any): JSX.Element;
+import React from 'react';
+export default function CloseIcon(props: any): React.JSX.Element;

package/lib/types/components/Autocomplete/AutocompleteResults/NoResults.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function NoResults(): JSX.Element;
+import React from 'react';
+export default function NoResults(): React.JSX.Element;

package/lib/types/components/Autocomplete/CioAutocomplete/CioAutocomplete.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { CioAutocompleteProps } from '../../../types';
-export default function CioAutocomplete(props: CioAutocompleteProps): JSX.Element;
+export default function CioAutocomplete(props: CioAutocompleteProps): React.JSX.Element;

package/lib/types/components/Autocomplete/CioAutocompleteProvider.d.ts

@@ -33,4 +33,4 @@ export declare const CioAutocompleteContext: React.Context<{
     advancedParameters: import("../../types").AdvancedParameters | undefined;
     getSearchResultsUrl: ((item: import("../../types").SearchSuggestion) => string) | undefined;
 }>;
-export default function CioAutocompleteProvider(props: CioAutocompleteProps): JSX.Element;
+export default function CioAutocompleteProvider(props: CioAutocompleteProps): React.JSX.Element;

package/lib/types/components/Autocomplete/SearchInput/SearchInput.d.ts

@@ -1,7 +1,7 @@
-import { ReactElement } from 'react';
+import React, { ReactElement } from 'react';
 import { CioAutocompleteProps } from '../../../types';
 type SearchInputProps = {
     children?: (args: Partial<Omit<CioAutocompleteProps, 'children'>>) => ReactElement;
 };
-export default function SearchInput(props: SearchInputProps): JSX.Element;
+export default function SearchInput(props: SearchInputProps): React.JSX.Element;
 export {};

package/lib/types/components/Autocomplete/SectionItem/CustomSectionItem.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { Item } from '../../../types';
 interface CustomItemProps {
     item: Item;
@@ -9,5 +9,5 @@ interface CustomItemProps {
     }) => HTMLElement | ReactNode;
     query: string;
 }
-export default function CustomSectionItem(props: CustomItemProps): JSX.Element | null;
+export default function CustomSectionItem(props: CustomItemProps): React.JSX.Element | null;
 export {};

package/lib/types/components/Autocomplete/SectionItem/SearchSuggestionItem.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { SearchSuggestion } from '../../../types';
 interface SearchSuggestionItemProps {
     item: SearchSuggestion;
     displaySearchTermHighlights?: boolean;
 }
-export default function SearchSuggestionItem(props: SearchSuggestionItemProps): JSX.Element;
+export default function SearchSuggestionItem(props: SearchSuggestionItemProps): React.JSX.Element;
 export {};

package/lib/types/components/Autocomplete/SectionItem/SectionItem.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { Item } from '../../../types';
 export interface SectionItemProps {
     item: Item;
@@ -6,4 +6,4 @@ export interface SectionItemProps {
     key?: string;
     displaySearchTermHighlights?: boolean;
 }
-export default function SectionItem(props: SectionItemProps): JSX.Element;
+export default function SectionItem(props: SectionItemProps): React.JSX.Element;

package/lib/types/components/Autocomplete/SectionItem/SectionItemText.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { Item } from '../../../types';
 export interface SectionItemTextProps {
     item: Item;
     query: string;
     highlightSearchTerm?: boolean;
 }
-export default function SectionItemText({ item, query, highlightSearchTerm, }: SectionItemTextProps): JSX.Element;
+export default function SectionItemText({ item, query, highlightSearchTerm, }: SectionItemTextProps): React.JSX.Element;

package/lib/types/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.23.29";
+declare const _default: "1.23.31";
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@constructor-io/constructorio-ui-autocomplete",
-  "version": "1.23.29",
+  "version": "1.23.31",
   "description": "Constructor.io Autocomplete UI library for web applications",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",
@@ -11,13 +11,11 @@
     },
     ".": {
       "import": "./lib/mjs/index.js",
-      "require": "./lib/cjs/index.js",
-      "types": "./lib/types/index.d.ts"
+      "require": "./lib/cjs/index.js"
     },
     "./cjs": {
       "import": "./lib/cjs/index.js",
-      "require": "./lib/cjs/index.js",
-      "types": "./lib/types/index.d.ts"
+      "require": "./lib/cjs/index.js"
     },
     "./constructorio-ui-autocomplete-bundled": {
       "import": "./dist/constructorio-ui-autocomplete-bundled.js",
@@ -45,8 +43,8 @@
   "author": "Constructor.io Corporation",
   "license": "MIT",
   "volta": {
-    "node": "16.17.0",
-    "npm": "8.19.2"
+    "node": "22.14.0",
+    "npm": "10.9.2"
   },
   "repository": {
     "type": "git",
@@ -63,16 +61,22 @@
     "node": ">=14"
   },
   "devDependencies": {
+    "@babel/preset-env": "^7.26.9",
+    "@babel/preset-react": "^7.26.3",
+    "@babel/preset-typescript": "^7.27.0",
+    "@chromatic-com/storybook": "^3.2.6",
     "@cspell/eslint-plugin": "^6.18.1",
-    "@storybook/addon-a11y": "^7.6.20",
-    "@storybook/addon-actions": "^7.6.20",
-    "@storybook/addon-essentials": "^7.6.20",
-    "@storybook/addon-interactions": "^7.6.20",
-    "@storybook/addon-links": "^7.6.20",
-    "@storybook/jest": "^0.2.3",
-    "@storybook/react-webpack5": "^7.6.20",
-    "@storybook/test-runner": "^0.16.0",
-    "@storybook/testing-library": "^0.1.0",
+    "@storybook/addon-a11y": "^8.6.12",
+    "@storybook/addon-actions": "^8.6.12",
+    "@storybook/addon-essentials": "^8.6.12",
+    "@storybook/addon-interactions": "^8.6.12",
+    "@storybook/addon-links": "^8.6.12",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
+    "@storybook/manager-api": "^8.6.12",
+    "@storybook/react-webpack5": "^8.6.12",
+    "@storybook/test": "^8.6.12",
+    "@storybook/test-runner": "^0.22.0",
+    "@storybook/theming": "^8.6.12",
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/react": "^16.0.0",
     "@types/jest": "^29.5.12",
@@ -89,21 +93,23 @@
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-react": "^7.31.11",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-storybook": "^0.6.12",
+    "eslint-plugin-storybook": "^0.12.0",
     "husky": "^8.0.1",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-fail-on-console": "^3.3.0",
     "license-checker": "^25.0.1",
+    "playwright": "^1.52.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "start-server-and-test": "^2.0.3",
-    "storybook": "^7.6.20",
+    "storybook": "^8.6.12",
     "ts-jest": "^29.1.5",
     "typescript": "^4.8.3",
-    "vite": "^4.3.7",
+    "vite": "^6.3.2",
     "vite-plugin-css-injected-by-js": "^3.1.1",
-    "webpack": "^5.75.0"
+    "webpack": "^5.75.0",
+    "whatwg-fetch": "^3.6.20"
   },
   "peerDependencies": {
     "@constructor-io/constructorio-client-javascript": "^2.51.0",