@piu-company/react-toolkit 1.0.2 → 1.0.4

package/dist/components/GoogleMaps/GMapInput.d.ts

@@ -11,5 +11,7 @@ export interface IGMapInput extends GMapView {
     setMarkerPos: (pos: IMarkerPos) => void;
     error?: string;
     targetCardType?: TargetCardType;
+    /** ISO 3166-1 alpha-2 country code to restrict address autocomplete (e.g. 'mt', 'ua'). If omitted — global search. */
+    country?: string;
 }
 export declare const GMapInput: ({ setAddress, setMarkerPos, ...props }: IGMapInput) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Level2/TargetCard.d.ts

@@ -28,6 +28,7 @@ export interface ITargetCard extends IOptionStyling {
     overflowY?: Overflow;
     target?: HTMLElement;
     forceDirection?: TargetCardDirection;
+    forceHorizontal?: 'left' | 'right';
     topOffset?: number;
     bottomOffset?: number;
     leftOffset?: number;

package/dist/components/Level3/TimeField/TimeField.d.ts

@@ -12,6 +12,7 @@ export interface ITimeField extends IField {
     startTime?: Moment;
     minSlotTime?: number;
     hidePast?: boolean;
+    forceHorizontal?: 'left' | 'right';
 }
 export declare const TimeField: {
     ({ value, iconNormal, iconFocus, width, label, error, helperText, placeholder, readOnly, ...props }: ITimeField): import("react/jsx-runtime").JSX.Element;

package/dist/components/UseRedux/Sidebar/Sidebar.d.ts

@@ -29,11 +29,11 @@ export interface ISidebarStyle {
 }
 export declare const Sidebar: import("react-redux").ConnectedComponent<({ nav, permissionCheck, collapsed, setCollapsed, forcePermissionCheck, ...props }: ISidebar & ISidebarState & ISidebarStoreActions & IFooter) => import("react/jsx-runtime").JSX.Element, {
     children: ReactNode;
-    backgroundColor?: (string | Colors) | undefined;
     mobile?: boolean | undefined;
-    location?: string | undefined;
     footer?: ReactNode;
     nav: INavType[];
+    backgroundColor?: (string | Colors) | undefined;
+    location?: string | undefined;
     activeColor?: (string | Colors) | undefined;
     logo?: ReactNode;
     favicon?: ReactNode;

package/dist/dataLayer/DataProvider.d.ts

@@ -28,7 +28,6 @@ export interface IDataContextInput {
     filter?: any;
 }
 export declare const DataProvider: import("react-redux").ConnectedComponent<({ id, userKey, setDirty, apiCall, forcedFilter, getTotal, dataLayer, setFilter, setPage, setSort, setLimit, setExternalFilter, setExternalPage, setExternalSort, setExternalLimit, pageStartFrom0, emptyFilterString, ...props }: IDataProvider) => import("react/jsx-runtime").JSX.Element, {
-    apiCall?: APIFunctionHandler | undefined;
     children: ReactNode;
     sort?: Sort | undefined;
     filter?: any;
@@ -40,6 +39,7 @@ export declare const DataProvider: import("react-redux").ConnectedComponent<({ i
     setExternalSort?: SortHandler | undefined;
     page?: number | undefined;
     limit?: number | undefined;
+    apiCall?: APIFunctionHandler | undefined;
     getTotal?: TotalHandler | undefined;
     dirty?: boolean | undefined;
     setDirty?: DirtyHandler | undefined;

package/dist/index.cjs.js

@@ -15421,7 +15421,7 @@ exports.TargetCardType = void 0;
     TargetCardType["timepicker"] = "timepicker";
     TargetCardType["profilebox"] = "profilebox";
 })(exports.TargetCardType || (exports.TargetCardType = {}));
-const TargetCard = o.forwardRef(({ children, open, target, forceDirection, rightOffset, leftOffset, topOffset, bottomOffset, buttonHeight, buttonWidth, targetCardType, ...props }, ref) => {
+const TargetCard = o.forwardRef(({ children, open, target, forceDirection, forceHorizontal, rightOffset, leftOffset, topOffset, bottomOffset, buttonHeight, buttonWidth, targetCardType, ...props }, ref) => {
     const { browser } = o.useContext(NavigationContext);
     const [top, setTop] = o.useState();
     const [bottom, setBottom] = o.useState();
@@ -15606,6 +15606,14 @@ const TargetCard = o.forwardRef(({ children, open, target, forceDirection, right
                 }
             }
         }
+        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;
         }
@@ -15631,7 +15639,8 @@ const TargetCard = o.forwardRef(({ children, open, target, forceDirection, right
         bottomOffset,
         leftOffset,
         rightOffset,
-        forceDirection
+        forceDirection,
+        forceHorizontal
     ]);
     useResize(updatePosition);
     o.useEffect(() => {
@@ -52794,7 +52803,19 @@ const GMapInput = ({ setAddress, setMarkerPos, ...props }) => {
     const googleContext = o.useContext(GoogleMapContext);
     const [lat, setLat] = o.useState(props.markerPos?.lat?.toString() || '');
     const [lng, setLng] = o.useState(props.markerPos?.lng?.toString() || '');
+    const [defaultCenter, setDefaultCenter] = o.useState(undefined);
     const ref = o.useRef(null);
+    o.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 = o.useCallback(async (coords) => {
         if (window.google) {
             const service = new window.google.maps.Geocoder();
@@ -52900,10 +52921,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 {
@@ -52913,7 +52937,7 @@ const GMapInput = ({ setAddress, setMarkerPos, ...props }) => {
         else {
             return [];
         }
-    }, []);
+    }, [props.country]);
     const autocompleteCall = o.useCallback(async (option) => {
         if (option !== null) {
             if (!Array.isArray(option)) {
@@ -52979,7 +53003,7 @@ const GMapInput = ({ setAddress, setMarkerPos, ...props }) => {
                                 };
                                 return option;
                             });
-                        }, label: "Address", footer: jsxRuntimeExports.jsx(Container, { padding: "5px", crossAxis: exports.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: exports.TextVariants.small, color: exports.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: exports.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: exports.TextVariants.small, color: exports.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/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) => {