@arkyn/components 1.3.99 → 1.3.101

package/dist/components/GoogleMap/index.d.ts

@@ -1,5 +1,5 @@
 import { GoogleMapProps } from "@arkyn/types";
 import "./styles.css";
-declare function GoogleMap({ coordinates, zoom, draggable, googleMapsApiKey, className, ...rest }: GoogleMapProps): import("react/jsx-runtime").JSX.Element;
+declare function GoogleMap({ coordinates, zoom, draggable, className, ...rest }: GoogleMapProps): import("react/jsx-runtime").JSX.Element;
 export { GoogleMap };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/GoogleMap/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/GoogleMap/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAI9C,OAAO,cAAc,CAAC;AAEtB,iBAAS,SAAS,CAAC,EACjB,WAAW,EACX,IAAS,EACT,SAAiB,EACjB,gBAAgB,EAChB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,2CAkChB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/GoogleMap/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAI9C,OAAO,cAAc,CAAC;AAEtB,iBAAS,SAAS,CAAC,EACjB,WAAW,EACX,IAAS,EACT,SAAiB,EACjB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,2CAwBhB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/GoogleMap/index.js

@@ -1,15 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { LoadScript, GoogleMap as Map, Marker } from "@react-google-maps/api";
-import { LoaderIcon, MapPinned } from "lucide-react";
+import { GoogleMap as Map, Marker } from "@react-google-maps/api";
+import { MapPinned } from "lucide-react";
 import "./styles.css";
-function GoogleMap({ coordinates, zoom = 18, draggable = false, googleMapsApiKey, className, ...rest }) {
+function GoogleMap({ coordinates, zoom = 18, draggable = false, className, ...rest }) {
     if (!coordinates) {
         return (_jsx("div", { className: "arkynGoogleMapPinnedEmpty " + className, ...rest, children: _jsx(MapPinned, {}) }));
     }
-    return (_jsx("div", { className: "arkynGoogleMapPinned " + className, ...rest, children: _jsx(LoadScript, { libraries: ["maps", "marker"], googleMapsApiKey: googleMapsApiKey, loadingElement: _jsx("div", { className: "arkynGoogleMapPinnedEmpty " + className, ...rest, children: _jsx(LoaderIcon, {}) }), children: _jsx(Map, { zoom: zoom, center: coordinates, mapContainerStyle: {
-                    borderRadius: "var(--rounded-cards)",
-                    width: "100%",
-                    height: "100%",
-                }, children: _jsx(Marker, { draggable: draggable, position: coordinates }) }) }) }));
+    return (_jsx("div", { className: "arkynGoogleMapPinned " + className, ...rest, children: _jsx(Map, { zoom: zoom, center: coordinates, mapContainerStyle: {
+                borderRadius: "var(--rounded-cards)",
+                width: "100%",
+                height: "100%",
+            }, children: _jsx(Marker, { draggable: draggable, position: coordinates }) }) }));
 }
 export { GoogleMap };

package/dist/components/GoogleSearchPlaces/index.d.ts

@@ -1,4 +1,4 @@
 import { GoogleSearchPlacesProps } from "@arkyn/types";
-declare function GoogleSearchPlaces({ googleMapsApiKey, onChange, options, ...rest }: GoogleSearchPlacesProps): import("react/jsx-runtime").JSX.Element;
+declare function GoogleSearchPlaces({ onChange, options, ...rest }: GoogleSearchPlacesProps): import("react/jsx-runtime").JSX.Element;
 export { GoogleSearchPlaces };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/GoogleSearchPlaces/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/GoogleSearchPlaces/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAYvD,iBAAS,kBAAkB,CAAC,EAC1B,gBAAgB,EAChB,QAAQ,EACR,OAAO,EACP,GAAG,IAAI,EACR,EAAE,uBAAuB,2CAuDzB;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/GoogleSearchPlaces/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAYvD,iBAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,OAAO,EACP,GAAG,IAAI,EACR,EAAE,uBAAuB,2CAiDzB;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/GoogleSearchPlaces/index.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { LoadScript, StandaloneSearchBox } from "@react-google-maps/api";
+import { StandaloneSearchBox } from "@react-google-maps/api";
 import { useState } from "react";
 import { Input } from "../Input";
-function GoogleSearchPlaces({ googleMapsApiKey, onChange, options, ...rest }) {
+function GoogleSearchPlaces({ onChange, options, ...rest }) {
     const [searchBox, setSearchBox] = useState(null);
     const handleLoad = (ref) => setSearchBox(ref);
     const handlePlacesChanged = () => {
@@ -34,6 +34,6 @@ function GoogleSearchPlaces({ googleMapsApiKey, onChange, options, ...rest }) {
             onChange && onChange(sendPlace);
         }
     };
-    return (_jsx(LoadScript, { libraries: ["places"], googleMapsApiKey: googleMapsApiKey, loadingElement: _jsx(Input, { type: "text", ...rest }), children: _jsx(StandaloneSearchBox, { onLoad: handleLoad, onPlacesChanged: handlePlacesChanged, options: options, children: _jsx(Input, { type: "text", ...rest }) }) }));
+    return (_jsx(StandaloneSearchBox, { onLoad: handleLoad, onPlacesChanged: handlePlacesChanged, options: options, children: _jsx(Input, { type: "text", ...rest }) }));
 }
 export { GoogleSearchPlaces };

package/dist/index.d.ts

@@ -28,6 +28,7 @@ export { useDrawer } from "./hooks/useDrawer";
 export { useModal } from "./hooks/useModal";
 export { useScopedParams } from "./hooks/useScopedParams";
 export { useToast } from "./hooks/useToast";
+export { GoogleProvider } from "./provider/GoogleProvider";
 export { DrawerProvider } from "./provider/DrawerProvider";
 export { ModalProvider } from "./provider/ModalProvider";
 export { ToastProvider } from "./provider/ToastProvider";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,UAAU,GACX,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EACL,SAAS,EACT,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,GACZ,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAGrE,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG5D,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,UAAU,GACX,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EACL,SAAS,EACT,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,GACZ,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAGrE,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG5D,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/index.js

@@ -34,6 +34,7 @@ export { useModal } from "./hooks/useModal";
 export { useScopedParams } from "./hooks/useScopedParams";
 export { useToast } from "./hooks/useToast";
 // Providers
+export { GoogleProvider } from "./provider/GoogleProvider";
 export { DrawerProvider } from "./provider/DrawerProvider";
 export { ModalProvider } from "./provider/ModalProvider";
 export { ToastProvider } from "./provider/ToastProvider";

package/dist/provider/GoogleProvider.d.ts

@@ -0,0 +1,4 @@
+import { GoogleProviderProps } from "@arkyn/types";
+declare function GoogleProvider({ googleMapsApiKey, children, ...props }: GoogleProviderProps): import("react/jsx-runtime").JSX.Element;
+export { GoogleProvider };
+//# sourceMappingURL=GoogleProvider.d.ts.map

package/dist/provider/GoogleProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GoogleProvider.d.ts","sourceRoot":"","sources":["../../src/provider/GoogleProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAGnD,iBAAS,cAAc,CAAC,EACtB,gBAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAQrB;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/provider/GoogleProvider.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LoadScript } from "@react-google-maps/api";
+function GoogleProvider({ googleMapsApiKey, children, ...props }) {
+    const googleKey = googleMapsApiKey + "&loading=async&callback=initMap";
+    return (_jsx(LoadScript, { googleMapsApiKey: googleKey, version: "weekly", ...props, children: children }));
+}
+export { GoogleProvider };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arkyn/components",
-  "version": "1.3.99",
+  "version": "1.3.101",
   "main": "./dist/bundle.js",
   "types": "./dist/index.d.ts",
   "author": "Lucas Gonçalves",

package/src/components/GoogleMap/index.tsx

@@ -1,6 +1,6 @@
 import { GoogleMapProps } from "@arkyn/types";
-import { LoadScript, GoogleMap as Map, Marker } from "@react-google-maps/api";
-import { LoaderIcon, MapPinned } from "lucide-react";
+import { GoogleMap as Map, Marker } from "@react-google-maps/api";
+import { MapPinned } from "lucide-react";
 
 import "./styles.css";
 
@@ -8,7 +8,6 @@ function GoogleMap({
   coordinates,
   zoom = 18,
   draggable = false,
-  googleMapsApiKey,
   className,
   ...rest
 }: GoogleMapProps) {
@@ -22,27 +21,17 @@ function GoogleMap({
 
   return (
     <div className={"arkynGoogleMapPinned " + className} {...rest}>
-      <LoadScript
-        libraries={["maps", "marker"]}
-        googleMapsApiKey={googleMapsApiKey}
-        loadingElement={
-          <div className={"arkynGoogleMapPinnedEmpty " + className} {...rest}>
-            <LoaderIcon />
-          </div>
-        }
+      <Map
+        zoom={zoom}
+        center={coordinates}
+        mapContainerStyle={{
+          borderRadius: "var(--rounded-cards)",
+          width: "100%",
+          height: "100%",
+        }}
       >
-        <Map
-          zoom={zoom}
-          center={coordinates}
-          mapContainerStyle={{
-            borderRadius: "var(--rounded-cards)",
-            width: "100%",
-            height: "100%",
-          }}
-        >
-          <Marker draggable={draggable} position={coordinates} />
-        </Map>
-      </LoadScript>
+        <Marker draggable={draggable} position={coordinates} />
+      </Map>
     </div>
   );
 }

package/src/components/GoogleSearchPlaces/index.tsx

@@ -1,5 +1,5 @@
 import { GoogleSearchPlacesProps } from "@arkyn/types";
-import { LoadScript, StandaloneSearchBox } from "@react-google-maps/api";
+import { StandaloneSearchBox } from "@react-google-maps/api";
 import { useState } from "react";
 
 import { Input } from "../Input";
@@ -11,7 +11,6 @@ type AddressComponentsType = {
 }[];
 
 function GoogleSearchPlaces({
-  googleMapsApiKey,
   onChange,
   options,
   ...rest
@@ -56,19 +55,13 @@ function GoogleSearchPlaces({
   };
 
   return (
-    <LoadScript
-      libraries={["places"]}
-      googleMapsApiKey={googleMapsApiKey}
-      loadingElement={<Input type="text" {...rest} />}
+    <StandaloneSearchBox
+      onLoad={handleLoad}
+      onPlacesChanged={handlePlacesChanged}
+      options={options}
     >
-      <StandaloneSearchBox
-        onLoad={handleLoad}
-        onPlacesChanged={handlePlacesChanged}
-        options={options}
-      >
-        <Input type="text" {...rest} />
-      </StandaloneSearchBox>
-    </LoadScript>
+      <Input type="text" {...rest} />
+    </StandaloneSearchBox>
   );
 }
 

package/src/index.ts

@@ -51,6 +51,7 @@ export { useScopedParams } from "./hooks/useScopedParams";
 export { useToast } from "./hooks/useToast";
 
 // Providers
+export { GoogleProvider } from "./provider/GoogleProvider";
 export { DrawerProvider } from "./provider/DrawerProvider";
 export { ModalProvider } from "./provider/ModalProvider";
 export { ToastProvider } from "./provider/ToastProvider";

package/src/provider/GoogleProvider.tsx

@@ -0,0 +1,18 @@
+import { GoogleProviderProps } from "@arkyn/types";
+import { LoadScript } from "@react-google-maps/api";
+
+function GoogleProvider({
+  googleMapsApiKey,
+  children,
+  ...props
+}: GoogleProviderProps) {
+  const googleKey = googleMapsApiKey + "&loading=async&callback=initMap";
+
+  return (
+    <LoadScript googleMapsApiKey={googleKey} version="weekly" {...props}>
+      {children}
+    </LoadScript>
+  );
+}
+
+export { GoogleProvider };