@carbonplan/components 10.1.0 → 10.3.0

package/dst/index.modern.js

@@ -98,7 +98,10 @@ const Link = (_ref) => {
       passHref: true
     }, /*#__PURE__*/React.createElement(Link$1, props, children));
   } else if (tracking) {
-    if (href.includes('pdf')) {
+    let action;
+    let category;
+
+    if (href && href.includes('pdf')) {
       action = 'PDF';
       category = 'download';
     } else {
@@ -106,7 +109,7 @@ const Link = (_ref) => {
       category = 'external';
     }
 
-    const onClick = e => {
+    const track = e => {
       event({
         action: action,
         category: category,
@@ -115,7 +118,8 @@ const Link = (_ref) => {
     };
 
     return /*#__PURE__*/React.createElement(Link$1, _extends({
-      onClick: onClick,
+      onClick: track,
+      onContextMenu: track,
       href: href
     }, props), children);
   } else {
@@ -826,7 +830,6 @@ const Settings = (_ref) => {
       fill: 'none',
       strokeWidth: '2px',
       stroke: 'text',
-      fill: 'background',
       '.paren': {
         opacity: '0'
       },
@@ -850,22 +853,22 @@ const Settings = (_ref) => {
     x1: "24",
     y1: "2.1",
     x2: "24",
+    y2: "6.1"
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: "24",
+    y1: "24.1",
+    x2: "24",
     y2: "33.9"
   }), /*#__PURE__*/React.createElement("line", {
     x1: "44",
     y1: "2.1",
     x2: "44",
+    y2: "12.1"
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: "44",
+    y1: "30.1",
+    x2: "44",
     y2: "33.9"
-  }), /*#__PURE__*/React.createElement("circle", {
-    cx: "24",
-    cy: "15.1",
-    r: "9",
-    stroke: "none"
-  }), /*#__PURE__*/React.createElement("circle", {
-    cx: "44",
-    cy: "21.1",
-    r: "9",
-    stroke: "none"
   }), /*#__PURE__*/React.createElement("circle", {
     cx: "24",
     cy: "15.1",
@@ -2349,19 +2352,23 @@ const Toggle = (_ref) => {
   })));
 };
 
-const GA_TRACKING_ID = 'UA-165985850-1';
+const Tracking = ({
+  id
+}) => {
+  if (!id) {
+    return null;
+  }
 
-const Tracking = () => {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("script", {
     async: true,
-    src: `https://www.googletagmanager.com/gtag/js?id=${GA_TRACKING_ID}`
+    src: `https://www.googletagmanager.com/gtag/js?id=${id}`
   }), /*#__PURE__*/React.createElement("script", {
     dangerouslySetInnerHTML: {
       __html: `
           window.dataLayer = window.dataLayer || [];
           function gtag(){dataLayer.push(arguments);}
           gtag('js', new Date());
-          gtag('config', '${GA_TRACKING_ID}', {
+          gtag('config', '${id}', {
             page_path: window.location.pathname,
           });
         `
@@ -2408,7 +2415,7 @@ const Tray = ({
       ml: [-3, -4, -5, -6],
       pl: [3, 4, 5, 6],
       pr: [3, 4, 5, 6],
-      transform: expanded ? 'translateY(0)' : 'translateY(-400px)'
+      transform: expanded ? 'translateY(0)' : 'translateY(-100%)'
     }, sx)
   }, /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Column, {
     start: [1, 1, 1, 1],
@@ -2416,15 +2423,36 @@ const Tray = ({
   }, children))));
 };
 
-const formatDate = date => {
-  let d = new Date(date.replace(/-/g, '/'));
-  let month = d.toLocaleString('default', {
-    month: 'short'
+const defaultOptions = {
+  month: 'short',
+  day: 'numeric',
+  year: 'numeric'
+};
+
+const formatDateElement = (date, element, option) => {
+  if (!option) {
+    return null;
+  }
+
+  const format = typeof option === 'string' ? option : defaultOptions[element];
+  const result = date.toLocaleString('default', {
+    [element]: format
   });
-  let day = String(d.getDate()).padStart(2, '0');
-  let year = d.getFullYear();
-  return month + ' ' + day + ' ' + year;
+
+  if (format === 'numeric' && element === 'day') {
+    return result.padStart(2, '0');
+  } else {
+    return result;
+  }
+};
+
+const formatDate = (date, options = defaultOptions) => {
+  const d = new Date(date.replace(/-/g, '/'));
+  const month = formatDateElement(d, 'month', options.month);
+  const day = formatDateElement(d, 'day', options.day);
+  const year = formatDateElement(d, 'year', options.year);
+  return [month, day, year].filter(Boolean).join(' ');
 };
 
-export { Badge, Button, Callout, Column, Custom404, Dimmer, Expander, FadeIn, Filter, Footer, Group, Guide, Header, Input, Layout, Link, Logo, Menu, Meta, Monogram, Row, Scrollbar, Select, Slider, Table, Tag, Toggle, Tracking, Tray, formatDate, getScrollbarWidth };
+export { Badge, Button, Callout, Column, Custom404, Dimmer, Expander, FadeIn, Filter, Footer, Group, Guide, Header, Input, Layout, Link, Logo, Menu, Meta, Monogram, Row, Scrollbar, Select, Settings, Slider, Table, Tag, Toggle, Tracking, Tray, formatDate, getScrollbarWidth };
 //# sourceMappingURL=index.modern.js.map