bright-components 9.33.0 → 10.0.0

package/dist/components/DayPickerPanel/HeaderYearPanel/index.js

@@ -21,58 +21,45 @@ var _Cancel = _interopRequireDefault(require("../Cancel"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tmargin: 0 ", ";\n\tpadding: ", " 0;\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var Footer = _styledComponents.default.div(_templateObject(), _spacing.default.s3, _spacing.default.s2);
-
+const Footer = _styledComponents.default.div`
+	margin: 0 ${_spacing.default.s3};
+	padding: ${_spacing.default.s2} 0;
+`;
 Footer.displayName = 'Footer';
 
-var generateYearRangeText = function generateYearRangeText(yearsRange) {
-  return yearsRange.length === 1 ? "" + yearsRange[0] : yearsRange[0] + " - " + yearsRange[yearsRange.length - 1];
-};
-
-var HeaderYearPanel = function HeaderYearPanel(_ref) {
-  var yearRangeIndex = _ref.yearRangeIndex,
-      yearRanges = _ref.yearRanges,
-      setYearRangeIndex = _ref.setYearRangeIndex,
-      setYear = _ref.setYear,
-      switchBackToCalendarView = _ref.switchBackToCalendarView,
-      year = _ref.year,
-      onCancelClick = _ref.onCancelClick,
-      _ref$GA = _ref.GA,
-      category = _ref$GA.category,
-      actionId = _ref$GA.actionId;
-  var currentYearItems = yearRanges[yearRangeIndex];
-  var showNext = yearRangeIndex !== yearRanges.length - 1;
-  var showPrevious = yearRangeIndex !== 0;
+const generateYearRangeText = yearsRange => yearsRange.length === 1 ? `${yearsRange[0]}` : `${yearsRange[0]} - ${yearsRange[yearsRange.length - 1]}`;
+
+const HeaderYearPanel = _ref => {
+  let {
+    yearRangeIndex,
+    yearRanges,
+    setYearRangeIndex,
+    setYear,
+    switchBackToCalendarView,
+    year,
+    onCancelClick,
+    GA: {
+      category,
+      actionId
+    }
+  } = _ref;
+  const currentYearItems = yearRanges[yearRangeIndex];
+  const showNext = yearRangeIndex !== yearRanges.length - 1;
+  const showPrevious = yearRangeIndex !== 0;
   return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_Header.default, {
-    onNext: function onNext() {
-      return setYearRangeIndex(yearRangeIndex + 1);
-    },
-    onPrevious: function onPrevious() {
-      return setYearRangeIndex(yearRangeIndex - 1);
-    },
+    onNext: () => setYearRangeIndex(yearRangeIndex + 1),
+    onPrevious: () => setYearRangeIndex(yearRangeIndex - 1),
     showNext: showNext,
     showPrevious: showPrevious
   }, generateYearRangeText(currentYearItems)), _react.default.createElement(_ItemSelector.default, {
     className: "year",
     selectedItem: year,
-    onItemSelected: function onItemSelected(yearSelected) {
+    onItemSelected: yearSelected => {
       setYear(yearSelected);
       switchBackToCalendarView();
       (0, _reactGa.event)({
-        category: category,
-        action: actionId + " - Year " + yearSelected
+        category,
+        action: `${actionId} - Year ${yearSelected}`
       });
     },
     items: currentYearItems

package/dist/components/DayPickerPanel/ItemSelector/index.js

@@ -15,76 +15,61 @@ var _spacing = _interopRequireDefault(require("../../../constants/spacing"));
 
 var _BaseButton = _interopRequireDefault(require("../../Button/BaseButton"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tflex-grow: 1;\n"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n\tbackground-color: ", " !important;\n\t", ";\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n\t", ";\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tborder: none;\n\tmargin: ", ";\n\tcursor: pointer;\n\tcolor: ", ";\n\tbackground-color: transparent;\n\t&:focus {\n\t\toutline: 0;\n\t}\n\t&.year {\n\t\twidth: calc(50% - ", ");\n\t}\n\t&:hover {\n\t\tbackground-color: ", ";\n\t\tcolor: ", ";\n\t}\n\tflex-grow: 1;\n\twidth: calc(33% - ", ");\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var sharedButtonStyles = (0, _styledComponents.css)(_templateObject(), _spacing.default.s1, _colors.default.link, _spacing.default.s2, _colors.default.primaryLighter, _colors.default.linkHover, _spacing.default.s2);
-var Button = (0, _styledComponents.default)(_BaseButton.default)(_templateObject2(), sharedButtonStyles);
+const sharedButtonStyles = (0, _styledComponents.css)`
+	border: none;
+	margin: ${_spacing.default.s1};
+	cursor: pointer;
+	color: ${_colors.default.link};
+	background-color: transparent;
+	&:focus {
+		outline: 0;
+	}
+	&.year {
+		width: calc(50% - ${_spacing.default.s2});
+	}
+	&:hover {
+		background-color: ${_colors.default.primaryLighter};
+		color: ${_colors.default.linkHover};
+	}
+	flex-grow: 1;
+	width: calc(33% - ${_spacing.default.s2});
+`;
+const Button = (0, _styledComponents.default)(_BaseButton.default)`
+	${sharedButtonStyles};
+`;
 Button.displayName = 'Button';
-var ActiveButton = (0, _styledComponents.default)(_BaseButton.default)(_templateObject3(), _colors.default.primaryLighter, sharedButtonStyles);
+const ActiveButton = (0, _styledComponents.default)(_BaseButton.default)`
+	background-color: ${_colors.default.primaryLighter} !important;
+	${sharedButtonStyles};
+`;
 ActiveButton.displayName = 'ActiveButton';
-
-var Wrapper = _styledComponents.default.div(_templateObject4());
-
+const Wrapper = _styledComponents.default.div`
+	display: flex;
+	flex-wrap: wrap;
+	flex-grow: 1;
+`;
 Wrapper.displayName = 'Wrapper';
 
-var ItemSelector = function ItemSelector(_ref) {
-  var selectedItem = _ref.selectedItem,
-      onItemSelected = _ref.onItemSelected,
-      items = _ref.items,
-      className = _ref.className,
-      hideSelected = _ref.hideSelected;
-  var returnItems = items.map(function (item) {
+const ItemSelector = _ref => {
+  let {
+    selectedItem,
+    onItemSelected,
+    items,
+    className,
+    hideSelected
+  } = _ref;
+  const returnItems = items.map(item => {
     if (item === selectedItem && !hideSelected) {
       return _react.default.createElement(ActiveButton, {
         className: className,
         key: item,
-        onClick: function onClick() {
+        onClick: () => {
           onItemSelected(item);
         }
       }, item);
@@ -93,7 +78,7 @@ var ItemSelector = function ItemSelector(_ref) {
     return _react.default.createElement(Button, {
       className: className,
       key: item,
-      onClick: function onClick() {
+      onClick: () => {
         onItemSelected(item);
       }
     }, item);

package/dist/components/DayPickerPanel/Shortcuts/index.js

@@ -17,23 +17,13 @@ var _LinkButton = _interopRequireDefault(require("../../LinkButton"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tmargin: 0;\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var Shortcut = (0, _styledComponents.default)(_LinkButton.default)(_templateObject());
+const Shortcut = (0, _styledComponents.default)(_LinkButton.default)`
+	margin: 0;
+`;
 Shortcut.displayName = 'Shortcut';
 
-var shortcuts = function shortcuts(set, dateRange) {
-  var result = [{
+const shortcuts = (set, dateRange) => {
+  const result = [{
     name: 'Today',
     range: {
       from: (0, _dateFns.startOfToday)(),
@@ -89,22 +79,27 @@ var shortcuts = function shortcuts(set, dateRange) {
   return result;
 };
 
-var Shortcuts = function Shortcuts(_ref) {
-  var set = _ref.set,
-      dateRange = _ref.dateRange,
-      shortcutClicked = _ref.shortcutClicked,
-      _ref$GA = _ref.GA,
-      category = _ref$GA.category,
-      actionId = _ref$GA.actionId;
-  return _react.default.createElement(_react.default.Fragment, null, shortcuts(set, dateRange).map(function (_ref2) {
-    var name = _ref2.name,
-        range = _ref2.range;
+const Shortcuts = _ref => {
+  let {
+    set,
+    dateRange,
+    shortcutClicked,
+    GA: {
+      category,
+      actionId
+    }
+  } = _ref;
+  return _react.default.createElement(_react.default.Fragment, null, shortcuts(set, dateRange).map(_ref2 => {
+    let {
+      name,
+      range
+    } = _ref2;
     return _react.default.createElement(Shortcut, {
       key: name,
-      onClick: function onClick() {
+      onClick: () => {
         (0, _reactGa.event)({
-          category: category,
-          action: actionId + " - " + name + " shortcut"
+          category,
+          action: `${actionId} - ${name} shortcut`
         });
         shortcutClicked(range);
       }