@carbonplan/components 10.1.0 → 10.3.0

package/dst/index.js

@@ -101,7 +101,10 @@ var Link = function Link(_ref2) {
       passHref: true
     }, /*#__PURE__*/React__default['default'].createElement(themeUi.Link, props, children));
   } else if (tracking) {
-    if (href.includes('pdf')) {
+    var action;
+    var category;
+
+    if (href && href.includes('pdf')) {
       action = 'PDF';
       category = 'download';
     } else {
@@ -109,7 +112,7 @@ var Link = function Link(_ref2) {
       category = 'external';
     }
 
-    var onClick = function onClick(e) {
+    var track = function track(e) {
       event({
         action: action,
         category: category,
@@ -118,7 +121,8 @@ var Link = function Link(_ref2) {
     };
 
     return /*#__PURE__*/React__default['default'].createElement(themeUi.Link, _extends({
-      onClick: onClick,
+      onClick: track,
+      onContextMenu: track,
       href: href
     }, props), children);
   } else {
@@ -815,25 +819,25 @@ var Menu = function Menu(_ref) {
 };
 
 var Settings = function Settings(_ref) {
-  var _extends2;
-
   var value = _ref.value,
       sx = _ref.sx,
       props = _objectWithoutPropertiesLoose(_ref, ["value", "sx"]);
 
   return /*#__PURE__*/React__default['default'].createElement(themeUi.IconButton, _extends({
-    sx: _extends((_extends2 = {
+    sx: _extends({
       cursor: 'pointer',
       fill: 'none',
       strokeWidth: '2px',
-      stroke: 'text'
-    }, _extends2["fill"] = 'background', _extends2['.paren'] = {
-      opacity: '0'
-    }, _extends2['@media (hover: hover) and (pointer: fine)'] = {
-      '&:hover .paren': {
-        opacity: '1'
+      stroke: 'text',
+      '.paren': {
+        opacity: '0'
+      },
+      '@media (hover: hover) and (pointer: fine)': {
+        '&:hover .paren': {
+          opacity: '1'
+        }
       }
-    }, _extends2), sx),
+    }, sx),
     "aria-label": "Toggle Menu"
   }, props), !value && /*#__PURE__*/React__default['default'].createElement("svg", {
     style: {
@@ -848,22 +852,22 @@ var Settings = function Settings(_ref) {
     x1: "24",
     y1: "2.1",
     x2: "24",
+    y2: "6.1"
+  }), /*#__PURE__*/React__default['default'].createElement("line", {
+    x1: "24",
+    y1: "24.1",
+    x2: "24",
     y2: "33.9"
   }), /*#__PURE__*/React__default['default'].createElement("line", {
     x1: "44",
     y1: "2.1",
     x2: "44",
+    y2: "12.1"
+  }), /*#__PURE__*/React__default['default'].createElement("line", {
+    x1: "44",
+    y1: "30.1",
+    x2: "44",
     y2: "33.9"
-  }), /*#__PURE__*/React__default['default'].createElement("circle", {
-    cx: "24",
-    cy: "15.1",
-    r: "9",
-    stroke: "none"
-  }), /*#__PURE__*/React__default['default'].createElement("circle", {
-    cx: "44",
-    cy: "21.1",
-    r: "9",
-    stroke: "none"
   }), /*#__PURE__*/React__default['default'].createElement("circle", {
     cx: "24",
     cy: "15.1",
@@ -2370,15 +2374,19 @@ var Toggle = function Toggle(_ref) {
   })));
 };
 
-var GA_TRACKING_ID = 'UA-165985850-1';
+var Tracking = function Tracking(_ref) {
+  var id = _ref.id;
+
+  if (!id) {
+    return null;
+  }
 
-var Tracking = function Tracking() {
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].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__default['default'].createElement("script", {
     dangerouslySetInnerHTML: {
-      __html: "\n          window.dataLayer = window.dataLayer || [];\n          function gtag(){dataLayer.push(arguments);}\n          gtag('js', new Date());\n          gtag('config', '" + GA_TRACKING_ID + "', {\n            page_path: window.location.pathname,\n          });\n        "
+      __html: "\n          window.dataLayer = window.dataLayer || [];\n          function gtag(){dataLayer.push(arguments);}\n          gtag('js', new Date());\n          gtag('config', '" + id + "', {\n            page_path: window.location.pathname,\n          });\n        "
     }
   }));
 };
@@ -2421,7 +2429,7 @@ var Tray = function Tray(_ref) {
       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__default['default'].createElement(Row, null, /*#__PURE__*/React__default['default'].createElement(Column, {
     start: [1, 1, 1, 1],
@@ -2429,14 +2437,39 @@ var Tray = function Tray(_ref) {
   }, children))));
 };
 
-var formatDate = function formatDate(date) {
+var defaultOptions = {
+  month: 'short',
+  day: 'numeric',
+  year: 'numeric'
+};
+
+var formatDateElement = function formatDateElement(date, element, option) {
+  var _date$toLocaleString;
+
+  if (!option) {
+    return null;
+  }
+
+  var format = typeof option === 'string' ? option : defaultOptions[element];
+  var result = date.toLocaleString('default', (_date$toLocaleString = {}, _date$toLocaleString[element] = format, _date$toLocaleString));
+
+  if (format === 'numeric' && element === 'day') {
+    return result.padStart(2, '0');
+  } else {
+    return result;
+  }
+};
+
+var formatDate = function formatDate(date, options) {
+  if (options === void 0) {
+    options = defaultOptions;
+  }
+
   var d = new Date(date.replace(/-/g, '/'));
-  var month = d.toLocaleString('default', {
-    month: 'short'
-  });
-  var day = String(d.getDate()).padStart(2, '0');
-  var year = d.getFullYear();
-  return month + ' ' + day + ' ' + year;
+  var month = formatDateElement(d, 'month', options.month);
+  var day = formatDateElement(d, 'day', options.day);
+  var year = formatDateElement(d, 'year', options.year);
+  return [month, day, year].filter(Boolean).join(' ');
 };
 
 exports.Badge = Badge;
@@ -2462,6 +2495,7 @@ exports.Monogram = Monogram;
 exports.Row = Row;
 exports.Scrollbar = Scrollbar;
 exports.Select = Select;
+exports.Settings = Settings;
 exports.Slider = Slider;
 exports.Table = Table;
 exports.Tag = Tag;