colibri-ui 0.8.35 → 0.8.36

package/Dropdown/index.js

@@ -89,9 +89,9 @@ var Dropdown = function Dropdown(_ref) {
   var handleShow = function handleShow() {
     return setVisible(true);
   };
-  var handleHide = function handleHide() {
-    return setVisible(false);
-  };
+  var handleHide = React.useCallback(function () {
+    setVisible(false);
+  }, []);
   var onClickOutside = React.useCallback(function (event) {
     if (controlElement === null || controlElement === void 0 ? void 0 : controlElement.contains(event.target)) return;
     handleHide();

package/base/BaseInput/index.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { Props } from "./index.props";
-declare const BaseInput: ({ className, onChange, ref, ...props }: Props) => React.JSX.Element;
+declare const BaseInput: ({ className, onFocus, onChange, onBlur, onKeyDown, ref, ...props }: Props) => React.JSX.Element;
 export default BaseInput;

package/base/BaseInput/index.js

@@ -15,15 +15,23 @@ var styles__default = /*#__PURE__*/_interopDefault(styles);
 
 var BaseInput = function BaseInput(_a) {
   var className = _a.className,
+    onFocus = _a.onFocus,
     onChange = _a.onChange,
+    onBlur = _a.onBlur,
+    onKeyDown = _a.onKeyDown,
     ref = _a.ref,
-    props = tslib.__rest(_a, ["className", "onChange", "ref"]);
+    props = tslib.__rest(_a, ["className", "onFocus", "onChange", "onBlur", "onKeyDown", "ref"]);
   var onChangeHandler = function onChangeHandler(e) {
     if (onChange) onChange(e, e.target.value);
   };
   return /*#__PURE__*/React__default.default.createElement("input", Object.assign({
     className: classNames__default.default(styles__default.default["base-input"], className),
     onChange: onChangeHandler,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    onKeyDown: onKeyDown,
+    autoCorrect: "off",
+    autoCapitalize: "off",
     ref: ref
   }, props));
 };

package/base/BaseInput/index.props.d.ts

@@ -1,5 +1,9 @@
-import type { ChangeEvent, InputHTMLAttributes } from "react";
+import type { ChangeEvent, InputHTMLAttributes, KeyboardEvent, Ref, FormEvent, FocusEvent } from "react";
 export interface Props extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange"> {
-    onChange?: (e: ChangeEvent<HTMLInputElement>, value: string) => void;
-    ref?: React.Ref<HTMLInputElement>;
+    onChange?: (event: ChangeEvent<HTMLInputElement>, value: string) => void;
+    onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
+    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
+    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;
+    onInput?: (event: FormEvent<HTMLInputElement>) => void;
+    ref?: Ref<HTMLInputElement>;
 }

package/esm/Dropdown/index.js

@@ -78,9 +78,9 @@ var Dropdown = function Dropdown(_ref) {
   var handleShow = function handleShow() {
     return setVisible(true);
   };
-  var handleHide = function handleHide() {
-    return setVisible(false);
-  };
+  var handleHide = useCallback(function () {
+    setVisible(false);
+  }, []);
   var onClickOutside = useCallback(function (event) {
     if (controlElement === null || controlElement === void 0 ? void 0 : controlElement.contains(event.target)) return;
     handleHide();

package/esm/base/BaseInput/index.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { Props } from "./index.props";
-declare const BaseInput: ({ className, onChange, ref, ...props }: Props) => React.JSX.Element;
+declare const BaseInput: ({ className, onFocus, onChange, onBlur, onKeyDown, ref, ...props }: Props) => React.JSX.Element;
 export default BaseInput;

package/esm/base/BaseInput/index.js

@@ -5,15 +5,23 @@ import styles from './BaseInput.module.css';
 
 var BaseInput = function BaseInput(_a) {
   var className = _a.className,
+    onFocus = _a.onFocus,
     onChange = _a.onChange,
+    onBlur = _a.onBlur,
+    onKeyDown = _a.onKeyDown,
     ref = _a.ref,
-    props = __rest(_a, ["className", "onChange", "ref"]);
+    props = __rest(_a, ["className", "onFocus", "onChange", "onBlur", "onKeyDown", "ref"]);
   var onChangeHandler = function onChangeHandler(e) {
     if (onChange) onChange(e, e.target.value);
   };
   return /*#__PURE__*/React__default.createElement("input", Object.assign({
     className: classNames(styles["base-input"], className),
     onChange: onChangeHandler,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    onKeyDown: onKeyDown,
+    autoCorrect: "off",
+    autoCapitalize: "off",
     ref: ref
   }, props));
 };

package/esm/base/BaseInput/index.props.d.ts

@@ -1,5 +1,9 @@
-import type { ChangeEvent, InputHTMLAttributes } from "react";
+import type { ChangeEvent, InputHTMLAttributes, KeyboardEvent, Ref, FormEvent, FocusEvent } from "react";
 export interface Props extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange"> {
-    onChange?: (e: ChangeEvent<HTMLInputElement>, value: string) => void;
-    ref?: React.Ref<HTMLInputElement>;
+    onChange?: (event: ChangeEvent<HTMLInputElement>, value: string) => void;
+    onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
+    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
+    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;
+    onInput?: (event: FormEvent<HTMLInputElement>) => void;
+    ref?: Ref<HTMLInputElement>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "colibri-ui",
-  "version": "0.8.35",
+  "version": "0.8.36",
   "description": "React UI components library",
   "main": "index.js",
   "scripts": {},