@omnic/widget-locations 1.0.46 → 1.0.48

package/README.md

@@ -132,36 +132,38 @@ Then `OMNIC_WIDGET_LOCATIONS_CONFIG` has the following structure:
 `WidgetInputs` type has the following structure:
 
 ```typescript
-export type ForwardedInputElement<T> = T & {
+export interface ForwardedInputElement extends Pick<HTMLInputElement, "focus" | "blur"> {
   setValue: (value: string) => void;
-};
+}
 
-export interface InputConfig<T> {
+export interface InputConfig {
   name: string;
-  ref: RefObject<ForwardedInputElement<T>>;
-  onClick: (name: string) => void;
+  ref: RefObject<ForwardedInputElement>;
+  onClick?: (name: string) => void;
 }
 
 export interface WidgetInputs {
   /**
-   * Widget Map address input
+    Widget Map address input
    */
-  address: InputConfig<HTMLInputElement>;
+  address: InputConfig;
   /**
    * Widget city input
    */
-  city: InputConfig<HTMLInputElement>;
+  city: InputConfig;
   /**
    * Courier delivery apartment input
    */
-  apartment: InputConfig<HTMLTextAreaElement>;
+  apartment: InputConfig;
   /**
    * Courier delivery comment input
    */
-  comment: InputConfig<HTMLTextAreaElement>;
+  comment: InputConfig;
 }
 ```
 
+**NOTE:** when using screen keyboard do not forget to call `focus()` method for `address` and `city` inputs, so that autocomplete will appear.
+
 Include `styles.css` and `widget.umd.js` in your page:
 
 ```html

package/dist/lib/components/Input/Input.d.ts

@@ -1,10 +1,11 @@
-import { ReactNode } from "react";
+import { ReactNode, RefObject } from "react";
 import { ForwardedInputElement } from '../../types/config';
 interface InputProps extends React.AllHTMLAttributes<HTMLInputElement> {
     label?: string;
     className?: string;
     startAdornment?: ReactNode;
     endAdornment?: ReactNode;
+    inputRef?: RefObject<HTMLInputElement>;
 }
-export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<ForwardedInputElement<HTMLInputElement>>>;
+export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<ForwardedInputElement>>;
 export {};

package/dist/lib/components/TextArea/TextArea.d.ts

@@ -1,3 +1,7 @@
-/// <reference types="react" />
+import { RefObject } from "react";
 import { ForwardedInputElement } from '../../types/config';
-export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & import("react").RefAttributes<ForwardedInputElement<HTMLTextAreaElement>>>;
+interface TextAreaProps extends React.ComponentProps<"textarea"> {
+    inputRef?: RefObject<HTMLTextAreaElement>;
+}
+export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & import("react").RefAttributes<ForwardedInputElement>>;
+export {};

package/dist/lib/hooks/useInputValueHandler.d.ts

@@ -1,5 +1,5 @@
 import { InputConfig } from '../types/config';
-export declare const useInputValueHandler: <T extends InputConfig<unknown>>(ref: Nullable<T>, callback: (value: string) => void) => {
+export declare const useInputValueHandler: <T extends InputConfig>(input: Nullable<T>) => {
     readonly ref: T["ref"];
     readonly name: string | undefined;
     readonly onClick: () => void;

package/dist/lib/types/config.d.ts

@@ -11,31 +11,31 @@ export interface MapConfig {
     center?: Coordinates;
     provider?: MapProvider;
 }
-export type ForwardedInputElement<T> = T & {
+export interface ForwardedInputElement extends Pick<HTMLInputElement, "focus" | "blur"> {
     setValue: (value: string) => void;
-};
-export interface InputConfig<T> {
+}
+export interface InputConfig {
     name: string;
-    ref: RefObject<ForwardedInputElement<T>>;
-    onClick: (name: string) => void;
+    ref: RefObject<ForwardedInputElement>;
+    onClick?: (name: string) => void;
 }
 export interface WidgetInputs {
     /**
-     * Widget Map address input
+      Widget Map address input
      */
-    address: InputConfig<HTMLInputElement>;
+    address: InputConfig;
     /**
      * Widget city input
      */
-    city: InputConfig<HTMLInputElement>;
+    city: InputConfig;
     /**
      * Courier delivery apartment input
      */
-    apartment: InputConfig<HTMLTextAreaElement>;
+    apartment: InputConfig;
     /**
      * Courier delivery comment input
      */
-    comment: InputConfig<HTMLTextAreaElement>;
+    comment: InputConfig;
 }
 export interface WidgetConfig {
     INN: INNType;