@via-profit/ui-kit 0.1.0-rc.42 → 0.1.0-rc.44

package/Autocomplete/AutocompleteContainer.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Value, OnSelectItem, OnRequestClose } from '../Menu';
+import { Value, OnRequestClose, GetOptionSelected } from '../Menu';
 import type { MenuItemCommonProps } from '../Menu/MenuItem';
 export type AutocompleteProps<T, Multiple extends boolean | undefined = undefined> = {
     readonly value: Value<T, Multiple> | null;
@@ -21,8 +21,9 @@ export type AutocompleteProps<T, Multiple extends boolean | undefined = undefine
     readonly clearIfNotSelected?: boolean;
     readonly children: Children<T>;
     readonly filterItems?: FilterItems<T>;
-    readonly onSelectItem?: OnSelectItem<T>;
+    readonly onChange?: OnChange<T, Multiple>;
     readonly selectedItemToString: ItemToString<T, Multiple>;
+    readonly getOptionSelected?: GetOptionSelected<T>;
     readonly onRequestClose?: OnRequestClose;
     readonly onInputChange?: React.ChangeEventHandler<HTMLInputElement>;
     readonly onRequestOpen?: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLInputElement> | React.FocusEvent<HTMLInputElement, Element>) => void;
@@ -33,6 +34,7 @@ export type Children<T> = (data: {
     inputValue: string;
 }, itemProps: MenuItemCommonProps) => React.ReactNode;
 export type ItemToString<T, Multiple extends boolean | undefined = undefined> = (item: Value<T, Multiple>) => string;
+export type OnChange<T, Multiple extends boolean | undefined = undefined> = (item: Value<T, Multiple> | null) => void;
 export type FilterItems<T> = (items: readonly T[], data: {
     readonly query: string;
     readonly inputValue: string;

package/Autocomplete/AutocompleteContainer.js

@@ -34,15 +34,15 @@ const Spinner_1 = __importDefault(require("../LoadingIndicator/Spinner"));
 const IconClear_1 = __importDefault(require("./IconClear"));
 const context_1 = __importStar(require("./context"));
 const Autocomplete = react_1.default.forwardRef((props, ref) => {
-    const { items, value, multiple, isOpen = false, isLoading = false, clearIfNotSelected = true, filterItems, children, onSelectItem, selectedItemToString, onInputChange, onRequestOpen = () => undefined, onRequestClose = () => undefined, } = props;
+    const { items, value, multiple, isOpen = false, isLoading = false, clearIfNotSelected = true, filterItems, children, onChange, selectedItemToString, onInputChange, getOptionSelected, onRequestOpen = () => undefined, onRequestClose = () => undefined, } = props;
     const menuRef = react_1.default.useRef(null);
     const inputRef = react_1.default.useRef(null);
     const isFocusedRef = react_1.default.useRef(false);
     const { state, dispatch } = (0, context_1.default)();
     const { currentOpen, filteredItems, inputValue, currentValue, anchorElement, currentLoading } = state;
     const clear = react_1.default.useCallback(() => {
-        if (onSelectItem) {
-            onSelectItem(null);
+        if (onChange) {
+            onChange(null);
         }
         dispatch((0, context_1.actionSetPartial)({
             filteredItems: items,
@@ -53,7 +53,7 @@ const Autocomplete = react_1.default.forwardRef((props, ref) => {
             var _a;
             (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         }, 15);
-    }, [dispatch, onSelectItem, items]);
+    }, [dispatch, onChange, items]);
     /**
      * API
      */
@@ -198,9 +198,9 @@ const Autocomplete = react_1.default.forwardRef((props, ref) => {
             filterItems,
             items,
         ]),
-        react_1.default.useMemo(() => (react_1.default.createElement(Menu_1.default, { ref: menuRef, anchorPos: "left-bottom-right", multiple: multiple, items: filteredItems, value: currentValue, isOpen: currentOpen && filteredItems.length > 0, autofocus: false, anchorElement: anchorElement, closeOutsideClick: true, onSelectItem: item => {
-                if (typeof onSelectItem === 'function') {
-                    onSelectItem(item);
+        react_1.default.useMemo(() => (react_1.default.createElement(Menu_1.default, { ref: menuRef, anchorPos: "left-bottom-right", multiple: multiple, items: filteredItems, value: currentValue, isOpen: currentOpen && filteredItems.length > 0, autofocus: false, anchorElement: anchorElement, closeOutsideClick: true, getOptionSelected: getOptionSelected, onSelectItem: item => {
+                if (typeof onChange === 'function') {
+                    onChange(item);
                 }
                 if (!multiple) {
                     dispatch((0, context_1.actionSetPartial)({
@@ -221,7 +221,8 @@ const Autocomplete = react_1.default.forwardRef((props, ref) => {
             children,
             dispatch,
             onRequestClose,
-            onSelectItem,
+            onChange,
+            getOptionSelected,
             selectedItemToString,
         ])));
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@via-profit/ui-kit",
-  "version": "0.1.0-rc.42",
+  "version": "0.1.0-rc.44",
   "description": "UI Kit",
   "repository": {
     "type": "git",