@semcore/select 17.3.0-prerelease.0 → 17.4.0-prerelease.0

package/lib/types/components/AutoSuggest/AutoSuggest.d.ts

@@ -0,0 +1,2 @@
+import type { NSAutoSuggest } from './AutoSuggest.type';
+export declare const AutoSuggest: NSAutoSuggest.Component;

package/lib/types/components/AutoSuggest/AutoSuggest.type.d.ts

@@ -0,0 +1,126 @@
+import type { NeighborItemProps } from '@semcore/base-components';
+import type { Intergalactic } from '@semcore/core';
+import type Dropdown from '@semcore/dropdown';
+import type { DropdownTriggerProps } from '@semcore/dropdown';
+import type { InputValueProps, InputProps } from '@semcore/input';
+import type Input from '@semcore/input';
+import type React from 'react';
+import type Select from '../../index';
+declare namespace NSAutoSuggest {
+    type Suggestion = string;
+    type Props = InputValueProps & {
+        /**
+         * List of suggestions or async function to load suggestions.
+         */
+        suggestions: Suggestion[] | ((value: string, signal: AbortSignal) => Promise<Suggestion[]>);
+        /**
+         * Placeholder in popper for init state.
+         * Set an empty string to hide init state.
+         */
+        statusItemPlaceholder?: string;
+        /** Tag for the left Addon */
+        addonLeft?: React.ElementType;
+        /** Tag for the right Addon */
+        addonRight?: React.ElementType;
+    };
+    type State = {
+        isVisible: boolean;
+        highlightedIndex: number;
+        suggestions: Suggestion[];
+        openOnChanges: boolean;
+        isLoading: boolean;
+    };
+    type DefaultProps = {
+        defaultValue: string;
+        placeholder: string;
+        children: React.ReactNode;
+    };
+    type Handlers = {
+        value: null;
+    };
+    namespace Trigger {
+        type Props = {};
+        type InnerProps = {
+            'tag': typeof Input;
+            'onFocus': () => void;
+            'onBlur': () => void;
+            'aria-haspopup': 'listbox';
+            'aria-expanded': 'true' | 'false';
+            'aria-controls': string;
+            'addonLeft'?: React.ElementType;
+            'addonRight'?: React.ElementType;
+            'isLoading': NSAutoSuggest.State['isLoading'];
+            'size': NSAutoSuggest.Props['size'];
+            'getI18nText': (str: string) => string;
+            'neighborLocation': NeighborItemProps['neighborLocation'];
+        };
+        namespace Value {
+            type Props = {};
+            type InnerProps = {
+                id: string;
+                neighborLocation: NeighborItemProps['neighborLocation'];
+                value: string;
+                role: 'combobox';
+                onChange: (value: string, e: React.SyntheticEvent) => void;
+                onKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+                autoComplete: 'off';
+                ref?: React.Ref<any>;
+            };
+            type Component = Intergalactic.Component<typeof Input.Value, Props>;
+        }
+        type Component = Intergalactic.Component<typeof Dropdown.Trigger & typeof Input, DropdownTriggerProps & InputProps> & {
+            Value: Value.Component;
+        };
+    }
+    namespace Popper {
+        type Props = {};
+        type InnerProps = {
+            'aria-labelledby': string;
+            'ref': React.RefObject<HTMLElement>;
+        };
+        namespace LoadingState {
+            type InnerProps = {
+                isLoading: boolean;
+            };
+            type Component = Intergalactic.Component<typeof Dropdown.StatusItem>;
+        }
+        namespace StartTypingState {
+            type InnerProps = {
+                isLoading: boolean;
+                isStartTypingState: boolean;
+                children: string;
+            };
+            type Component = Intergalactic.Component<typeof Dropdown.StatusItem>;
+        }
+        namespace List {
+            type InnerProps = {
+                'value': string;
+                'isLoading': boolean;
+                'suggestions': Suggestion[];
+                'isStartTypingState': boolean;
+                'aria-label': string;
+            };
+            type Component = Intergalactic.Component<typeof Select.List>;
+        }
+        namespace SuggestionItem {
+            type InnerProps = {
+                value: Suggestion;
+                selected: false;
+                onClick: (e: React.SyntheticEvent) => void;
+                children: React.ReactNode;
+            };
+            type Component = Intergalactic.Component<typeof Dropdown.StatusItem>;
+        }
+        type Component = Intergalactic.Component<typeof Select.Popper, Props> & {
+            LoadingState: LoadingState.Component;
+            StartTypingState: StartTypingState.Component;
+            List: List.Component;
+            SuggestionItem: SuggestionItem.Component;
+        };
+    }
+    type Component = Intergalactic.Component<typeof Input, Props> & {
+        Trigger: Trigger.Component;
+        Popper: Popper.Component;
+    };
+}
+export { NSAutoSuggest, };

package/lib/types/components/AutoSuggest/Highlight.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type HighlightProps = {
+    highlight: string;
+    children: string;
+};
+export declare function Highlight({ highlight, children }: HighlightProps): React.JSX.Element;
+export {};

package/lib/types/index.d.ts

@@ -12,12 +12,13 @@ import type {
   DropdownMenuTriggerProps,
 } from '@semcore/dropdown-menu';
 import type DropdownMenu from '@semcore/dropdown-menu';
-import type { InputValueProps } from '@semcore/input';
+import type { NSInput } from '@semcore/input';
 import type Input from '@semcore/input';
 import type { Text } from '@semcore/typography';
 import type React from 'react';
 
-export type SelectInputSearch = InputValueProps & {};
+export type SelectInputSearch = NSInput.Value.Props & {};
+import type { NSAutoSuggest } from './components/AutoSuggest/AutoSuggest.type';
 
 export type OptionValue = string | number;
 export type SelectValue = string | number | Array<string | number> | null;
@@ -172,5 +173,7 @@ declare const wrapSelect: <PropsExtending extends {}>(
   ) => React.ReactNode,
 ) => IntergalacticSelectComponent<PropsExtending>;
 
-export { InputSearch, wrapSelect };
+declare const AutoSuggest: NSAutoSuggest.Component;
+
+export { InputSearch, wrapSelect, AutoSuggest, NSAutoSuggest };
 export default Select;

package/lib/types/translations/__intergalactic-dynamic-locales.d.ts

@@ -0,0 +1,87 @@
+export declare const localizedMessages: {
+    de: {
+        clearSearch: string;
+        selectPlaceholder: string;
+        "Select.InputSearch.Value:placeholder": string;
+        "Select.InputSearch.Value:aria-label": string;
+    };
+    en: {
+        clearSearch: string;
+        selectPlaceholder: string;
+        "Select.InputSearch.Value:placeholder": string;
+        "Select.InputSearch.Value:aria-label": string;
+        "AutoSuggest.Popper.placeholderText": string;
+    };
+    es: {
+        clearSearch: string;
+        selectPlaceholder: string;
+        "Select.InputSearch.Value:placeholder": string;
+        "Select.InputSearch.Value:aria-label": string;
+    };
+    fr: {
+        clearSearch: string;
+        selectPlaceholder: string;
+        "Select.InputSearch.Value:placeholder": string;
+        "Select.InputSearch.Value:aria-label": string;
+    };
+    it: {
+        clearSearch: string;
+        selectPlaceholder: string;
+        "Select.InputSearch.Value:placeholder": string;
+        "Select.InputSearch.Value:aria-label": string;
+    };
+    ja: {
+        clearSearch: string;
+        selectPlaceholder: string;
+        "Select.InputSearch.Value:placeholder": string;
+        "Select.InputSearch.Value:aria-label": string;
+    };
+    ko: {
+        clearSearch: string;
+        selectPlaceholder: string;
+        "Select.InputSearch.Value:placeholder": string;
+        "Select.InputSearch.Value:aria-label": string;
+    };
+    nl: {
+        clearSearch: string;
+        selectPlaceholder: string;
+        "Select.InputSearch.Value:placeholder": string;
+        "Select.InputSearch.Value:aria-label": string;
+    };
+    pt: {
+        clearSearch: string;
+        selectPlaceholder: string;
+        "Select.InputSearch.Value:placeholder": string;
+        "Select.InputSearch.Value:aria-label": string;
+    };
+    tr: {
+        clearSearch: string;
+        selectPlaceholder: string;
+        "Select.InputSearch.Value:placeholder": string;
+        "Select.InputSearch.Value:aria-label": string;
+    };
+    vi: {
+        clearSearch: string;
+        selectPlaceholder: string;
+        "Select.InputSearch.Value:placeholder": string;
+        "Select.InputSearch.Value:aria-label": string;
+    };
+    zh: {
+        clearSearch: string;
+        selectPlaceholder: string;
+        "Select.InputSearch.Value:placeholder": string;
+        "Select.InputSearch.Value:aria-label": string;
+    };
+    pl: {
+        clearSearch: string;
+        selectPlaceholder: string;
+        "Select.InputSearch.Value:placeholder": string;
+        "Select.InputSearch.Value:aria-label": string;
+    };
+    sv: {
+        clearSearch: string;
+        selectPlaceholder: string;
+        "Select.InputSearch.Value:placeholder": string;
+        "Select.InputSearch.Value:aria-label": string;
+    };
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/select",
   "description": "Semrush Select Component",
-  "version": "17.3.0-prerelease.0",
+  "version": "17.4.0-prerelease.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -13,19 +13,20 @@
     "require": "./lib/cjs/index.js"
   },
   "dependencies": {
-    "@semcore/base-trigger": "^17.2.1-prerelease.0",
-    "@semcore/button": "^17.2.1-prerelease.0",
-    "@semcore/checkbox": "^17.2.1-prerelease.0",
-    "@semcore/divider": "^17.2.1-prerelease.0",
-    "@semcore/dropdown": "^17.3.0-prerelease.0",
-    "@semcore/dropdown-menu": "^17.3.0-prerelease.0",
-    "@semcore/input": "^17.2.1-prerelease.0",
-    "@semcore/typography": "^17.2.1-prerelease.0",
+    "@semcore/base-trigger": "^17.2.1",
+    "@semcore/button": "^17.2.1",
+    "@semcore/checkbox": "^17.2.1",
+    "@semcore/divider": "^17.2.1",
+    "@semcore/dropdown": "^17.3.0",
+    "@semcore/dropdown-menu": "^17.3.1-prerelease.0",
+    "@semcore/input": "^17.2.2-prerelease.0",
+    "@semcore/spin": "^17.2.1",
+    "@semcore/typography": "^17.2.1",
     "classnames": "2.2.6"
   },
   "peerDependencies": {
     "@semcore/base-components": "^17.2.1",
-    "@semcore/icon": "^17.2.1"
+    "@semcore/icon": "^17.2.0"
   },
   "repository": {
     "type": "git",
@@ -34,12 +35,12 @@
   },
   "devDependencies": {
     "@types/classnames": "2.2.6",
-    "@semcore/core": "17.2.1-prerelease.0",
+    "@semcore/core": "17.2.1",
     "@semcore/testing-utils": "1.0.0",
-    "@semcore/base-components": "17.2.1-prerelease.0",
-    "@semcore/icon": "17.2.1-prerelease.0"
+    "@semcore/base-components": "17.2.1",
+    "@semcore/icon": "17.2.0"
   },
   "scripts": {
-    "build": "pnpm semcore-builder --source=js && pnpm vite build"
+    "build": "pnpm semcore-builder --source=js,ts && pnpm vite build"
   }
 }