@universal-tennis/ui-shared 0.1.40 → 0.1.41

package/dist/stories/atoms/Map/Map.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface MapProps {
+    placeId: string;
+    height: string;
+}
+export default function Map({ placeId, height }: MapProps): JSX.Element;

package/dist/stories/atoms/Map/Map.js

@@ -0,0 +1,8 @@
+import React from 'react';
+export default function Map({ placeId, height }) {
+    const placeParam = placeId && `q=place_id:${placeId}`;
+    const placeUrl = `https://www.google.com/maps/embed/v1/place?key=AIzaSyCapzh9VsfXAzC9fAaosZJulONx7H1BFaY&${placeParam}`;
+    const mapheight = height || `216px`;
+    return (React.createElement("iframe", { width: "100%", height: mapheight, src: placeUrl, title: "Google Maps" }));
+}
+//# sourceMappingURL=Map.js.map

package/dist/stories/atoms/Map/Map.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Map.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Map/Map.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,EAC1B,OAAO,EAAE,MAAM,EACN;IACT,MAAM,UAAU,GAAG,OAAO,IAAI,cAAc,OAAO,EAAE,CAAC;IACtD,MAAM,QAAQ,GAAG,0FAA0F,UAAU,EAAE,CAAC;IAExH,MAAM,SAAS,GAAG,MAAM,IAAI,OAAO,CAAC;IACpC,OAAO,CACH,gCACI,KAAK,EAAC,MAAM,EACZ,MAAM,EAAE,SAAS,EACjB,GAAG,EAAE,QAAQ,EACb,KAAK,EAAC,aAAa,GACrB,CACL,CAAC;AACJ,CAAC"}

package/dist/stories/atoms/Map/Map.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Default: any;
+export declare const WithCustomHeight: any;

package/dist/stories/atoms/Map/Map.stories.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import Map from './Map';
+// Default
+export default {
+    title: 'Atoms/Map',
+};
+// Templates
+function MapTemplate(args) {
+    return React.createElement(Map, Object.assign({}, args));
+}
+// Stories
+export const Default = MapTemplate.bind({});
+Default.args = {
+    placeId: 'ChIJj6tQBWXIxokRXeXk9xqsgMo',
+};
+export const WithCustomHeight = MapTemplate.bind({});
+WithCustomHeight.args = {
+    placeId: 'ChIJj6tQBWXIxokRXeXk9xqsgMo',
+    height: '320px'
+};
+//# sourceMappingURL=Map.stories.js.map

package/dist/stories/atoms/Map/Map.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Map.stories.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Map/Map.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,GAAiB,MAAM,OAAO,CAAC;AAEtC,UAAU;AACV,eAAe;IACb,KAAK,EAAE,WAAW;CACnB,CAAC;AAEF,YAAY;AACZ,SAAS,WAAW,CAAC,IAAc;IACjC,OAAO,oBAAC,GAAG,oBAAK,IAAI,EAAI,CAAC;AAC3B,CAAC;AAED,UAAU;AACV,MAAM,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,OAAO,CAAC,IAAI,GAAG;IACb,OAAO,EAAE,6BAA6B;CACvC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACrD,gBAAgB,CAAC,IAAI,GAAG;IACtB,OAAO,EAAE,6BAA6B;IACtC,MAAM,EAAE,OAAO;CAChB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@universal-tennis/ui-shared",
-  "version": "0.1.40",
+  "version": "0.1.41",
   "main": "dist/items.js",
   "license": "MIT",
   "homepage": "https://universaltennis.com",

package/src/stories/atoms/Map/Map.stories.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+
+import Map, { MapProps } from './Map';
+
+// Default
+export default {
+  title: 'Atoms/Map',
+};
+
+// Templates
+function MapTemplate(args: MapProps) {
+  return <Map {...args} />;  
+}
+
+// Stories
+export const Default = MapTemplate.bind({});
+Default.args = {
+  placeId: 'ChIJj6tQBWXIxokRXeXk9xqsgMo',
+};
+
+export const WithCustomHeight = MapTemplate.bind({});
+WithCustomHeight.args = {
+  placeId: 'ChIJj6tQBWXIxokRXeXk9xqsgMo',
+  height: '320px'
+};

package/src/stories/atoms/Map/Map.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+
+export interface MapProps {
+    placeId: string;
+    height: string;
+  }
+
+export default function Map({
+  placeId, height 
+}: MapProps) {
+  const placeParam = placeId && `q=place_id:${placeId}`;
+  const placeUrl = `https://www.google.com/maps/embed/v1/place?key=AIzaSyCapzh9VsfXAzC9fAaosZJulONx7H1BFaY&${placeParam}`;
+
+  const mapheight = height || `216px`;
+  return (
+      <iframe
+          width="100%"
+          height={mapheight}
+          src={placeUrl}
+          title="Google Maps"
+      />
+  );
+}