@piu-company/react-toolkit 1.0.3 → 1.0.4

package/dist/index.esm.js

@@ -15401,7 +15401,7 @@ var TargetCardType;
     TargetCardType["timepicker"] = "timepicker";
     TargetCardType["profilebox"] = "profilebox";
 })(TargetCardType || (TargetCardType = {}));
-const TargetCard = forwardRef(({ children, open, target, forceDirection, rightOffset, leftOffset, topOffset, bottomOffset, buttonHeight, buttonWidth, targetCardType, ...props }, ref) => {
+const TargetCard = forwardRef(({ children, open, target, forceDirection, forceHorizontal, rightOffset, leftOffset, topOffset, bottomOffset, buttonHeight, buttonWidth, targetCardType, ...props }, ref) => {
     const { browser } = useContext(NavigationContext);
     const [top, setTop] = useState();
     const [bottom, setBottom] = useState();
@@ -15586,6 +15586,14 @@ const TargetCard = forwardRef(({ children, open, target, forceDirection, rightOf
                 }
             }
         }
+        if (size && forceHorizontal === 'right') {
+            tempLeft = size.left;
+            tempRight = null;
+        }
+        else if (size && forceHorizontal === 'left') {
+            tempRight = window.innerWidth - size.right;
+            tempLeft = null;
+        }
         if (topOffset && tempTop) {
             tempTop = tempTop - topOffset;
         }
@@ -15611,7 +15619,8 @@ const TargetCard = forwardRef(({ children, open, target, forceDirection, rightOf
         bottomOffset,
         leftOffset,
         rightOffset,
-        forceDirection
+        forceDirection,
+        forceHorizontal
     ]);
     useResize(updatePosition);
     useEffect(() => {
@@ -52774,7 +52783,19 @@ const GMapInput = ({ setAddress, setMarkerPos, ...props }) => {
     const googleContext = useContext(GoogleMapContext);
     const [lat, setLat] = useState(props.markerPos?.lat?.toString() || '');
     const [lng, setLng] = useState(props.markerPos?.lng?.toString() || '');
+    const [defaultCenter, setDefaultCenter] = useState(undefined);
     const ref = useRef(null);
+    useEffect(() => {
+        if (!props.markerPos && navigator.geolocation) {
+            navigator.geolocation.getCurrentPosition((pos) => {
+                setDefaultCenter({
+                    lat: pos.coords.latitude,
+                    lng: pos.coords.longitude
+                });
+            }, () => { } // permission denied or unavailable — fall back to GMap default center
+            );
+        }
+    }, []);
     const runGeoCode = useCallback(async (coords) => {
         if (window.google) {
             const service = new window.google.maps.Geocoder();
@@ -52880,10 +52901,13 @@ const GMapInput = ({ setAddress, setMarkerPos, ...props }) => {
         if (window.google) {
             const service = new window.google.maps.places.AutocompleteService();
             if (service && value) {
-                const result = await service.getPlacePredictions({
-                    input: value,
-                    componentRestrictions: { country: 'mt' }
-                });
+                const request = {
+                    input: value
+                };
+                if (props.country) {
+                    request.componentRestrictions = { country: props.country };
+                }
+                const result = await service.getPlacePredictions(request);
                 return result.predictions;
             }
             else {
@@ -52893,7 +52917,7 @@ const GMapInput = ({ setAddress, setMarkerPos, ...props }) => {
         else {
             return [];
         }
-    }, []);
+    }, [props.country]);
     const autocompleteCall = useCallback(async (option) => {
         if (option !== null) {
             if (!Array.isArray(option)) {
@@ -52959,7 +52983,7 @@ const GMapInput = ({ setAddress, setMarkerPos, ...props }) => {
                                 };
                                 return option;
                             });
-                        }, label: "Address", footer: jsxRuntimeExports.jsx(Container, { padding: "5px", crossAxis: Alignment.flexEnd, children: jsxRuntimeExports.jsx(Image, { src: img, width: 100, height: 30, alt: "googleMap", style: { objectFit: 'contain' } }) }), value: props.address, targetCardType: props.targetCardType })] })) : (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {})), jsxRuntimeExports.jsx(Spacer, {}), props.error ? (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Typography, { variant: TextVariants.small, color: Colors.error, children: props.error }), jsxRuntimeExports.jsx(Spacer, {})] })) : (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {})), jsxRuntimeExports.jsx(GMap, { ...props, setMarkerPos: changeMarkerPosition })] })) : (jsxRuntimeExports.jsx(QuadSpinner, {}));
+                        }, label: "Address", footer: jsxRuntimeExports.jsx(Container, { padding: "5px", crossAxis: Alignment.flexEnd, children: jsxRuntimeExports.jsx(Image, { src: img, width: 100, height: 30, alt: "googleMap", style: { objectFit: 'contain' } }) }), value: props.address, targetCardType: props.targetCardType })] })) : (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {})), jsxRuntimeExports.jsx(Spacer, {}), props.error ? (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Typography, { variant: TextVariants.small, color: Colors.error, children: props.error }), jsxRuntimeExports.jsx(Spacer, {})] })) : (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {})), jsxRuntimeExports.jsx(GMap, { ...props, center: defaultCenter || props.center, setMarkerPos: changeMarkerPosition })] })) : (jsxRuntimeExports.jsx(QuadSpinner, {}));
 };
 
 const GoogleMapProvider = (props) => {

package/dist/masker.d.ts

@@ -1,15 +1,15 @@
-export declare enum MaskerCharacters {
-    digit = "d",
-    letter = "x",
-    empty = "-"
-}
-export interface IMaskerConfig {
-    template: string;
-    placeholder: string;
-}
-export declare const maskLetterChecker: (config: IMaskerConfig, raw: string) => boolean;
-export declare const maskOutput: (config: IMaskerConfig, raw: string) => string;
-export declare const idCardMask: IMaskerConfig;
-export declare const dateMask: IMaskerConfig;
-export declare const timeMask: IMaskerConfig;
-export declare const vatMTMask: IMaskerConfig;
+export declare enum MaskerCharacters {
+    digit = "d",
+    letter = "x",
+    empty = "-"
+}
+export interface IMaskerConfig {
+    template: string;
+    placeholder: string;
+}
+export declare const maskLetterChecker: (config: IMaskerConfig, raw: string) => boolean;
+export declare const maskOutput: (config: IMaskerConfig, raw: string) => string;
+export declare const idCardMask: IMaskerConfig;
+export declare const dateMask: IMaskerConfig;
+export declare const timeMask: IMaskerConfig;
+export declare const vatMTMask: IMaskerConfig;

package/dist/navigation/NavProvider.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { Browser } from './types';
-export interface INavigationProvider {
-    browser: Browser;
-    children?: ReactNode;
-}
-export declare const NavigationProvider: (props: INavigationProvider) => import("react/jsx-runtime").JSX.Element;
+import { ReactNode } from 'react';
+import { Browser } from './types';
+export interface INavigationProvider {
+    browser: Browser;
+    children?: ReactNode;
+}
+export declare const NavigationProvider: (props: INavigationProvider) => import("react/jsx-runtime").JSX.Element;

package/dist/navigation/context.d.ts

@@ -1,6 +1,6 @@
-import { Browser } from './types';
-export interface INavigationContext {
-    browser?: Browser;
-}
-export declare const defaultNavigationContext: INavigationContext;
-export declare const NavigationContext: import("react").Context<INavigationContext>;
+import { Browser } from './types';
+export interface INavigationContext {
+    browser?: Browser;
+}
+export declare const defaultNavigationContext: INavigationContext;
+export declare const NavigationContext: import("react").Context<INavigationContext>;

package/dist/navigation/index.d.ts

@@ -1,3 +1,3 @@
-export * from './context';
-export * from './types';
-export * from './NavProvider';
+export * from './context';
+export * from './types';
+export * from './NavProvider';

package/dist/navigation/types.d.ts

@@ -1,6 +1,6 @@
-export declare enum Browser {
-    firefox = "firefox",
-    edge = "edge",
-    chrome = "chrome",
-    safari = "safari"
-}
+export declare enum Browser {
+    firefox = "firefox",
+    edge = "edge",
+    chrome = "chrome",
+    safari = "safari"
+}

package/dist/notification/NotificationProvider.d.ts

@@ -1,21 +1,21 @@
-import { ReactNode } from 'react';
-import { INotificationState, INotificationStoreActions } from './duck';
-import { PlayFunction } from 'use-sound/dist/types';
-export interface Notification {
-    title: string;
-    body: string;
-    link?: string;
-    dismissable?: boolean;
-    sound?: boolean;
-    type?: string;
-    data?: any;
-}
-export interface INotificationConfig {
-    sound?: PlayFunction;
-    customConsumer?: boolean;
-    onAddNotification?: (notification: Notification) => void;
-}
-export interface INotificationProvider extends INotificationConfig, INotificationState, INotificationStoreActions {
-    children: ReactNode;
-}
-export declare const NotificationProvider: any;
+import { ReactNode } from 'react';
+import { INotificationState, INotificationStoreActions } from './duck';
+import { PlayFunction } from 'use-sound/dist/types';
+export interface Notification {
+    title: string;
+    body: string;
+    link?: string;
+    dismissable?: boolean;
+    sound?: boolean;
+    type?: string;
+    data?: any;
+}
+export interface INotificationConfig {
+    sound?: PlayFunction;
+    customConsumer?: boolean;
+    onAddNotification?: (notification: Notification) => void;
+}
+export interface INotificationProvider extends INotificationConfig, INotificationState, INotificationStoreActions {
+    children: ReactNode;
+}
+export declare const NotificationProvider: any;

package/dist/notification/context.d.ts

@@ -1,8 +1,8 @@
-import { Notification } from './NotificationProvider';
-export interface INotificationContext {
-    notifications?: Notification[];
-    addNotification?: (newNotif: Notification) => void;
-    removeNotification?: (index: number) => void;
-}
-export declare const defaultNotificationContext: INotificationContext;
-export declare const NotificationContext: import("react").Context<INotificationContext>;
+import { Notification } from './NotificationProvider';
+export interface INotificationContext {
+    notifications?: Notification[];
+    addNotification?: (newNotif: Notification) => void;
+    removeNotification?: (index: number) => void;
+}
+export declare const defaultNotificationContext: INotificationContext;
+export declare const NotificationContext: import("react").Context<INotificationContext>;

package/dist/notification/duck.d.ts

@@ -1,30 +1,30 @@
-import { Notification } from './NotificationProvider';
-export interface INotificationAction {
-    type: NotificationActionTypes;
-    payload: INotificationState;
-}
-export declare enum NotificationActionTypes {
-    setNotifications = "setNotifications"
-}
-export interface INotificationState {
-    notifications?: Notification[];
-}
-export interface INotificationStoreActions {
-    setNotifications: (notifications: Notification[]) => void;
-}
-export interface INotificationMapStore {
-    notifications: INotificationState;
-}
-export declare const persistNotification: string[];
-export declare const notificationReducer: (state: INotificationState | undefined, action: INotificationAction) => INotificationState;
-export declare const notificationActions: {
-    setNotifications: (notifications: Notification[]) => {
-        type: NotificationActionTypes;
-        payload: {
-            notifications: Notification[];
-        };
-    };
-};
-export declare const mapStateToPropsNotification: (store: INotificationMapStore) => {
-    notifications: Notification[] | undefined;
-};
+import { Notification } from './NotificationProvider';
+export interface INotificationAction {
+    type: NotificationActionTypes;
+    payload: INotificationState;
+}
+export declare enum NotificationActionTypes {
+    setNotifications = "setNotifications"
+}
+export interface INotificationState {
+    notifications?: Notification[];
+}
+export interface INotificationStoreActions {
+    setNotifications: (notifications: Notification[]) => void;
+}
+export interface INotificationMapStore {
+    notifications: INotificationState;
+}
+export declare const persistNotification: string[];
+export declare const notificationReducer: (state: INotificationState | undefined, action: INotificationAction) => INotificationState;
+export declare const notificationActions: {
+    setNotifications: (notifications: Notification[]) => {
+        type: NotificationActionTypes;
+        payload: {
+            notifications: Notification[];
+        };
+    };
+};
+export declare const mapStateToPropsNotification: (store: INotificationMapStore) => {
+    notifications: Notification[] | undefined;
+};

package/dist/notification/index.d.ts

@@ -1,3 +1,3 @@
-export * from './NotificationProvider';
-export * from './context';
-export * from './duck';
+export * from './NotificationProvider';
+export * from './context';
+export * from './duck';

package/dist/redux.d.ts

@@ -1,25 +1,25 @@
-import { Reducer } from 'react';
-import { PersistConfig } from 'redux-persist';
-import { IAuthAction, IAuthState } from './authentication';
-import { ISidebarAction, ISidebarState } from './components';
-import { IThemeAction, IThemeState } from './theming';
-import { IDataLayerAction, IDataLayerState } from './dataLayer';
-import { PersistPartial } from 'redux-persist/es/persistReducer';
-import { INotificationAction, INotificationState } from './notification';
-export declare const generateModulePersistConfig: <T>(appName: string, moduleName: string, whitelist: string[]) => PersistConfig<T, any, any, any>;
-export declare const defaultStorageSetup: IStorageSetup;
-export interface IStorageSetup {
-    theme?: boolean;
-    authentication?: boolean;
-    sidebar?: boolean;
-    notifications?: boolean;
-    dataLayer?: string[];
-}
-export interface IConfig<UserType> {
-    theme?: Reducer<IThemeState, IThemeAction> | Reducer<IThemeState & PersistPartial, IThemeAction>;
-    sidebar?: Reducer<ISidebarState & PersistPartial, ISidebarAction> | Reducer<ISidebarState, ISidebarAction>;
-    authentication?: Reducer<IAuthState<UserType> & PersistPartial, IAuthAction<UserType>> | Reducer<IAuthState<UserType>, IAuthAction<UserType>>;
-    notifications?: Reducer<INotificationState & PersistPartial, INotificationAction> | Reducer<INotificationState, INotificationAction>;
-    dataLayer?: Reducer<IDataLayerState & PersistPartial, IDataLayerAction> | Reducer<IDataLayerState, IDataLayerAction>;
-}
-export declare const reducerCombiner: <T>(appName: string, setup?: IStorageSetup) => IConfig<T>;
+import { Reducer } from 'react';
+import { PersistConfig } from 'redux-persist';
+import { IAuthAction, IAuthState } from './authentication';
+import { ISidebarAction, ISidebarState } from './components';
+import { IThemeAction, IThemeState } from './theming';
+import { IDataLayerAction, IDataLayerState } from './dataLayer';
+import { PersistPartial } from 'redux-persist/es/persistReducer';
+import { INotificationAction, INotificationState } from './notification';
+export declare const generateModulePersistConfig: <T>(appName: string, moduleName: string, whitelist: string[]) => PersistConfig<T, any, any, any>;
+export declare const defaultStorageSetup: IStorageSetup;
+export interface IStorageSetup {
+    theme?: boolean;
+    authentication?: boolean;
+    sidebar?: boolean;
+    notifications?: boolean;
+    dataLayer?: string[];
+}
+export interface IConfig<UserType> {
+    theme?: Reducer<IThemeState, IThemeAction> | Reducer<IThemeState & PersistPartial, IThemeAction>;
+    sidebar?: Reducer<ISidebarState & PersistPartial, ISidebarAction> | Reducer<ISidebarState, ISidebarAction>;
+    authentication?: Reducer<IAuthState<UserType> & PersistPartial, IAuthAction<UserType>> | Reducer<IAuthState<UserType>, IAuthAction<UserType>>;
+    notifications?: Reducer<INotificationState & PersistPartial, INotificationAction> | Reducer<INotificationState, INotificationAction>;
+    dataLayer?: Reducer<IDataLayerState & PersistPartial, IDataLayerAction> | Reducer<IDataLayerState, IDataLayerAction>;
+}
+export declare const reducerCombiner: <T>(appName: string, setup?: IStorageSetup) => IConfig<T>;

package/dist/size/SizeProvider.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-export interface ISizeProvider {
-    children: ReactNode;
-    mobileWidth?: number;
-}
-export declare const SizeProvider: (props: ISizeProvider) => import("react/jsx-runtime").JSX.Element;
+import { ReactNode } from 'react';
+export interface ISizeProvider {
+    children: ReactNode;
+    mobileWidth?: number;
+}
+export declare const SizeProvider: (props: ISizeProvider) => import("react/jsx-runtime").JSX.Element;

package/dist/size/context.d.ts

@@ -1,5 +1,5 @@
-export interface ISizeContext {
-    mobile: boolean;
-}
-export declare const defaultSizeContext: ISizeContext;
-export declare const SizeContext: import("react").Context<ISizeContext>;
+export interface ISizeContext {
+    mobile: boolean;
+}
+export declare const defaultSizeContext: ISizeContext;
+export declare const SizeContext: import("react").Context<ISizeContext>;

package/dist/size/index.d.ts

@@ -1,3 +1,3 @@
-export * from './context';
-export * from './SizeProvider';
-export * from './types';
+export * from './context';
+export * from './SizeProvider';
+export * from './types';

package/dist/size/types.d.ts

@@ -1,5 +1,5 @@
-export interface ISize {
-    width: number;
-    height: number;
-}
-export declare const mobileWidth = 768;
+export interface ISize {
+    width: number;
+    height: number;
+}
+export declare const mobileWidth = 768;

package/dist/snackbar/SnackbarProvider.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-export interface ISnackbarProvider {
-    children: ReactNode;
-}
-export declare const SnackbarProvider: (props: ISnackbarProvider) => import("react/jsx-runtime").JSX.Element;
+import { ReactNode } from 'react';
+export interface ISnackbarProvider {
+    children: ReactNode;
+}
+export declare const SnackbarProvider: (props: ISnackbarProvider) => import("react/jsx-runtime").JSX.Element;

package/dist/snackbar/context.d.ts

@@ -1,8 +1,8 @@
-import { ISnackbar } from '../components';
-import { SnackbarStateHandler } from './types';
-export interface ISnackbarContext {
-    state?: ISnackbar;
-    addData?: SnackbarStateHandler;
-}
-export declare const defaultSnackbarsContext: ISnackbarContext;
-export declare const SnackbarContext: import("react").Context<ISnackbarContext>;
+import { ISnackbar } from '../components';
+import { SnackbarStateHandler } from './types';
+export interface ISnackbarContext {
+    state?: ISnackbar;
+    addData?: SnackbarStateHandler;
+}
+export declare const defaultSnackbarsContext: ISnackbarContext;
+export declare const SnackbarContext: import("react").Context<ISnackbarContext>;

package/dist/snackbar/functions.d.ts

@@ -1,14 +1,14 @@
-import { ISnackbarConfig, SnackbarStateHandler, SnackbarType } from './types';
-export declare const generateSnackbarConfig: (message: string, type: SnackbarType, snackbarData?: ISnackbarConfig) => {
-    data: {
-        message: string;
-        snackbarType: SnackbarType;
-        interval: number;
-        show: boolean;
-    };
-    horizontalPos: import("..").FloatingPosH;
-    verticalPos: import("..").FloatingPosV;
-    icon: boolean;
-    width?: string;
-};
-export declare const displaySnackbar: (message: string, barType: SnackbarType, snackbarAddData?: SnackbarStateHandler) => void;
+import { ISnackbarConfig, SnackbarStateHandler, SnackbarType } from './types';
+export declare const generateSnackbarConfig: (message: string, type: SnackbarType, snackbarData?: ISnackbarConfig) => {
+    data: {
+        message: string;
+        snackbarType: SnackbarType;
+        interval: number;
+        show: boolean;
+    };
+    horizontalPos: import("..").FloatingPosH;
+    verticalPos: import("..").FloatingPosV;
+    icon: boolean;
+    width?: string;
+};
+export declare const displaySnackbar: (message: string, barType: SnackbarType, snackbarAddData?: SnackbarStateHandler) => void;

package/dist/snackbar/index.d.ts

@@ -1,4 +1,4 @@
-export * from './types';
-export * from './context';
-export * from './SnackbarProvider';
-export * from './functions';
+export * from './types';
+export * from './context';
+export * from './SnackbarProvider';
+export * from './functions';

package/dist/snackbar/types.d.ts

@@ -1,28 +1,28 @@
-import { ISnackbar } from '../components';
-import { FloatingPosH, FloatingPosV } from '../styleEnums';
-export type SnackbarHandler = (newState: ISnackbar) => void;
-export type SnackbarStateHandler = (newState: ISnackbar) => void;
-export declare const initialSnackbarData: ISnackbarData;
-export declare const CommonSnackbar: ISnackbarConfig;
-export interface ISnackbarData {
-    show?: boolean;
-    message: string;
-    snackbarType?: SnackbarType;
-    interval?: number;
-}
-export declare enum SnackbarType {
-    success = "success",
-    warning = "warning",
-    info = "info",
-    error = "error"
-}
-export interface ISnackbarConfig {
-    horizontalPos: FloatingPosH;
-    verticalPos: FloatingPosV;
-    icon: boolean;
-    width?: string;
-    data: {
-        interval: number;
-        show: boolean;
-    };
-}
+import { ISnackbar } from '../components';
+import { FloatingPosH, FloatingPosV } from '../styleEnums';
+export type SnackbarHandler = (newState: ISnackbar) => void;
+export type SnackbarStateHandler = (newState: ISnackbar) => void;
+export declare const initialSnackbarData: ISnackbarData;
+export declare const CommonSnackbar: ISnackbarConfig;
+export interface ISnackbarData {
+    show?: boolean;
+    message: string;
+    snackbarType?: SnackbarType;
+    interval?: number;
+}
+export declare enum SnackbarType {
+    success = "success",
+    warning = "warning",
+    info = "info",
+    error = "error"
+}
+export interface ISnackbarConfig {
+    horizontalPos: FloatingPosH;
+    verticalPos: FloatingPosV;
+    icon: boolean;
+    width?: string;
+    data: {
+        interval: number;
+        show: boolean;
+    };
+}