@via-profit/ui-kit 0.1.0-rc.51 → 0.1.0-rc.52

package/Autocomplete/AutocompleteContainer.d.ts

@@ -3,7 +3,9 @@ import { Value, OnRequestClose, GetOptionSelected } from '../Menu';
 import { TextFieldProps } from '../TextField';
 import type { AnchorPos } from '../Popper';
 import type { MenuItemCommonProps } from '../Menu/MenuItem';
-export interface AutocompleteProps<T, Multiple extends boolean | undefined = undefined> {
+type NativeInputProps = React.InputHTMLAttributes<HTMLInputElement>;
+type AutocompleteInputProps = Omit<NativeInputProps, 'onChange' | 'value' | 'children'>;
+export interface AutocompleteProps<T, Multiple extends boolean | undefined = undefined> extends AutocompleteInputProps {
     readonly items: readonly T[];
     readonly value: Value<T, Multiple>;
     /**

package/Autocomplete/AutocompleteContainer.js

@@ -22,6 +22,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -34,7 +45,7 @@ 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, anchorPos = 'auto-start-end', requiredAsterisk, startIcon, fullWidth, placeholder, label, error, errorText, inputRef, filterItems, children, onChange, selectedItemToString, onInputChange, getOptionSelected, onRequestOpen = () => undefined, onRequestClose = () => undefined, } = props;
+    const { items, value, multiple, isOpen = false, isLoading = false, clearIfNotSelected = true, anchorPos = 'auto-start-end', requiredAsterisk, startIcon, fullWidth, placeholder, label, error, errorText, inputRef, filterItems, children, onChange, selectedItemToString, onInputChange, getOptionSelected, onRequestOpen = () => undefined, onRequestClose = () => undefined } = props, nativeInputProps = __rest(props, ["items", "value", "multiple", "isOpen", "isLoading", "clearIfNotSelected", "anchorPos", "requiredAsterisk", "startIcon", "fullWidth", "placeholder", "label", "error", "errorText", "inputRef", "filterItems", "children", "onChange", "selectedItemToString", "onInputChange", "getOptionSelected", "onRequestOpen", "onRequestClose"]);
     const menuRef = react_1.default.useRef(null);
     const fieldInputRef = react_1.default.useRef(null);
     const isFocusedRef = react_1.default.useRef(false);
@@ -144,7 +155,7 @@ const Autocomplete = react_1.default.forwardRef((props, ref) => {
         dispatch((0, context_1.actionSetPartial)({ currentOpen: isOpen, currentLoading: isLoading, filteredItems: items }));
     }, [isOpen, isLoading, items, dispatch]);
     return (react_1.default.createElement("div", null,
-        react_1.default.useMemo(() => (react_1.default.createElement(TextField_1.default, { placeholder: placeholder, label: label, error: error, requiredAsterisk: requiredAsterisk, errorText: errorText, fullWidth: fullWidth, startIcon: startIcon, endIcon: react_1.default.createElement(Button_1.default, { iconOnly: true, type: "button", onClick: () => (currentLoading ? 'undefined' : clear()) }, currentLoading ? react_1.default.createElement(Spinner_1.default, null) : react_1.default.createElement(IconClear_1.default, null)), onKeyDown: inputKeydownEvent, ref: el => {
+        react_1.default.useMemo(() => (react_1.default.createElement(TextField_1.default, Object.assign({}, nativeInputProps, { placeholder: placeholder, label: label, error: error, requiredAsterisk: requiredAsterisk, errorText: errorText, fullWidth: fullWidth, startIcon: startIcon, endIcon: react_1.default.createElement(Button_1.default, { iconOnly: true, type: "button", onClick: () => (currentLoading ? 'undefined' : clear()) }, currentLoading ? react_1.default.createElement(Spinner_1.default, null) : react_1.default.createElement(IconClear_1.default, null)), onKeyDown: inputKeydownEvent, ref: el => {
                 if (anchorElement !== el) {
                     dispatch((0, context_1.actionSetPartial)({ anchorElement: el }));
                 }
@@ -187,7 +198,7 @@ const Autocomplete = react_1.default.forwardRef((props, ref) => {
                 dispatch((0, context_1.actionSetPartial)({
                     filteredItems: newItems,
                 }));
-            } })), [
+            } }))), [
             placeholder,
             label,
             error,
@@ -204,6 +215,7 @@ const Autocomplete = react_1.default.forwardRef((props, ref) => {
             inputRef,
             clearIfNotSelected,
             multiple,
+            nativeInputProps,
             value,
             selectedItemToString,
             onRequestOpen,

package/package.json

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