@universal-tennis/ui-shared 0.1.39 → 0.1.41

package/dist/components.d.ts

@@ -1,5 +1,7 @@
 export { default as Button } from "./stories/atoms/Button/Button";
 export { default as Typography } from "./stories/atoms/Typography/Typography";
+export { default as CalendarIcon } from "./stories/atoms/Icons/CalendarIcon";
+export { default as SessionIcon } from "./stories/atoms/Icons/SessionIcon";
 export { default as ContactCard } from "./stories/molecules/Cards/ContactCard";
 export { default as DrawCard } from "./stories/molecules/Cards/DrawCard";
 export { default as TeamCard } from "./stories/molecules/Cards/TeamCard";

package/dist/components.js

@@ -2,6 +2,8 @@ import "./stories/assets/css/variables.css";
 // ATOMS
 export { default as Button } from './stories/atoms/Button/Button';
 export { default as Typography } from './stories/atoms/Typography/Typography';
+export { default as CalendarIcon } from './stories/atoms/Icons/CalendarIcon';
+export { default as SessionIcon } from './stories/atoms/Icons/SessionIcon';
 // MOLECULES
 export { default as ContactCard } from './stories/molecules/Cards/ContactCard';
 export { default as DrawCard } from './stories/molecules/Cards/DrawCard';

package/dist/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.jsx"],"names":[],"mappings":"AAAA,OAAO,oCAAoC,CAAC;AAE5C,QAAQ;AACR,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAE9E,YAAY;AACZ,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAEzE,aAAa;AACb,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC"}
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.jsx"],"names":[],"mappings":"AAAA,OAAO,oCAAoC,CAAC;AAE5C,QAAQ;AACR,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAE3E,YAAY;AACZ,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAEzE,aAAa;AACb,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC"}

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.39",
+  "version": "0.1.41",
   "main": "dist/items.js",
   "license": "MIT",
   "homepage": "https://universaltennis.com",

package/src/components.jsx

@@ -3,6 +3,8 @@ import "./stories/assets/css/variables.css";
 // ATOMS
 export { default as Button } from './stories/atoms/Button/Button';
 export { default as Typography } from './stories/atoms/Typography/Typography';
+export { default as CalendarIcon } from './stories/atoms/Icons/CalendarIcon';
+export { default as SessionIcon } from './stories/atoms/Icons/SessionIcon';
 
 // MOLECULES
 export { default as ContactCard } from './stories/molecules/Cards/ContactCard';

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"
+      />
+  );
+}