@majoo-ui/react 1.62.2 → 1.62.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@majoo-ui/react",
-  "version": "1.62.2",
+  "version": "1.62.4",
   "main": "./index.esm.js",
   "exports": {
     ".": {

package/src/components/mapPicker/MapPicker.d.ts

@@ -6,7 +6,6 @@ import 'leaflet-defaulticon-compatibility';
 declare function MapPicker(props: MapPickerProps): JSX.Element;
 declare namespace MapPicker {
     var defaultProps: {
-        showBanner: boolean;
         value: {
             lat: number;
             lng: number;

package/src/components/mapPicker/components/AddressCard.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ISearch } from '../types';
+interface AddressCardProps {
+    place: ISearch;
+}
+export declare function AddressCard({ place }: AddressCardProps): JSX.Element;
+export {};

package/src/components/mapPicker/components/ButtonSelect.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface ButtonSelectProps {
+    onClick: () => void;
+    label?: string;
+}
+export declare function ButtonSelect({ onClick, label }: ButtonSelectProps): JSX.Element;
+export {};

package/src/components/mapPicker/components/ChangeView.d.ts

@@ -0,0 +1,10 @@
+interface ChangeViewProps {
+    center: [number, number];
+    readOnly?: boolean;
+    onDragEnd: (latLng: {
+        lat: number;
+        lng: number;
+    }) => void;
+}
+export declare function ChangeView({ center, readOnly, onDragEnd }: ChangeViewProps): null;
+export {};

package/src/components/mapPicker/components/InputSearch.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { InputSearchProps } from '../types';
+export declare function InputSearch({ placeholder, value, list, onChange, onSelect }: InputSearchProps): JSX.Element;

package/src/components/mapPicker/components/MarkerIcon.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function MarkerIcon(): JSX.Element;

package/src/components/mapPicker/components/MarkerSvg.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function MarkerSvg(): JSX.Element;

package/src/components/mapPicker/components/ZoomControls.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface ZoomControlsProps {
+    onZoomIn: () => void;
+    onZoomOut: () => void;
+}
+export declare function ZoomControls({ onZoomIn, onZoomOut }: ZoomControlsProps): JSX.Element;
+export {};

package/src/components/mapPicker/components/index.d.ts

@@ -0,0 +1,7 @@
+export { InputSearch } from './InputSearch';
+export { ButtonSelect } from './ButtonSelect';
+export { MarkerIcon } from './MarkerIcon';
+export { ZoomControls } from './ZoomControls';
+export { AddressCard } from './AddressCard';
+export { ChangeView } from './ChangeView';
+export { MarkerSvg } from './MarkerSvg';

package/src/components/mapPicker/hooks/useMapSearch.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import { ISearch } from '../types';
+interface UseMapSearchOptions {
+    initialCenter?: {
+        lat: number;
+        lng: number;
+    };
+    showSelectButton?: boolean;
+    onChange?: (mapObject: any, shouldClose: boolean) => void;
+}
+interface UseMapSearchReturn {
+    center: {
+        lat: number;
+        lng: number;
+    };
+    setCenter: React.Dispatch<React.SetStateAction<{
+        lat: number;
+        lng: number;
+    }>>;
+    places: ISearch[];
+    searchQuery: string;
+    searchResult: ISearch[];
+    handleSearchChange: (e: {
+        target: {
+            value: string;
+        };
+    }) => void;
+    handleSearchSelect: (item: ISearch) => Promise<void>;
+    handleSearchLatLng: (latLng: {
+        lat: number;
+        lng: number;
+    }) => Promise<void>;
+    getFullAddress: (latLng: {
+        lat: number;
+        lng: number;
+    }) => Promise<any>;
+}
+export declare function useMapSearch({ initialCenter, showSelectButton, onChange, }: UseMapSearchOptions): UseMapSearchReturn;
+export {};

package/src/components/mapPicker/types/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { CSS } from '../../../config/stitches.config';
 export interface AddressComponents {
     long_name: string;
@@ -21,13 +22,9 @@ export interface MapPickerProps {
      */
     css?: CSS;
     /**
-     * State to show or hide the banner.
+     * Header content to display above the map (e.g., Banner).
      */
-    showBanner?: boolean;
-    /**
-     * Custom banner description.
-     */
-    bannerDescription?: string;
+    header?: React.ReactNode;
     /**
      * To binding current address.
      * `{ lat: number, lng: number }`
@@ -36,11 +33,7 @@ export interface MapPickerProps {
     /**
      * Change event handler.
      */
-    onChange: (MapObject: any) => void;
-    /**
-     * Marker Click event handler.
-     */
-    onMarkerClick?: () => void;
+    onChange?: (MapObject: any) => void;
     /**
      * Custom radius.
      */
@@ -49,12 +42,20 @@ export interface MapPickerProps {
      * on Show select button.
      */
     showSelectButton?: boolean;
-}
-export interface InputMapPickerProps {
     /**
-     * Additional css styles.
+     * Make map view-only (hide search, disable dragging).
      */
-    css?: CSS;
+    readOnly?: boolean;
+    /**
+     * Custom text for select location button.
+     */
+    selectLocationText?: string;
+    /**
+     * Custom placeholder for search input.
+     */
+    searchPlaceholder?: string;
+}
+export interface InputMapPickerProps extends MapPickerProps {
     /**
      * Custom title of the modal.
      */
@@ -67,37 +68,28 @@ export interface InputMapPickerProps {
      * Custom InputMap placeholder.
      */
     placeholder?: string;
-    /**
-     * State to show or hide the banner.
-     */
-    showBanner?: boolean;
-    /**
-     * Custom banner description.
-     */
-    bannerDescription?: string;
-    /**
-     * To binding current address.
-     * `{ lat: number, lng: number }`
-     */
-    value?: LatLng;
-    /**
-     * Change event handler.
-     */
-    onChange: (MapObject: any) => void;
-    /**
-     * on Marker click event handle
-     */
-    onMarkerClick: () => void;
-    /**
-     * Custom radius.
-     */
-    radius?: number;
-    /**
-     * on Show select button.
-     */
-    showSelectButton?: boolean;
     /**
      * Custom input value.
      */
     customInputValue?: string;
 }
+/**
+ * Search result from OpenStreetMap Nominatim API.
+ */
+export interface ISearch {
+    place_id: number;
+    lat: string;
+    lon: string;
+    display_name: string;
+    address?: Record<string, string>;
+}
+/**
+ * Props for InputSearch component.
+ */
+export interface InputSearchProps {
+    placeholder: string;
+    value: string;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onSelect: (item: ISearch) => void;
+    list: ISearch[];
+}