bright-components 9.32.0 → 10.1.0

package/dist/components/DayPicker/index.js

@@ -33,156 +33,97 @@ var _breakpoints = _interopRequireDefault(require("../../constants/breakpoints")
 
 var _Calendar = _interopRequireDefault(require("../Icons/Calendar"));
 
-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 _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
-
-function _templateObject8() {
-  var data = _taggedTemplateLiteralLoose(["\n\t\t\tpadding: 0.75rem 1rem !important;\n\t\t\tmargin: 7px 0 !important;\n\t\t\tborder-radius: 0px !important;\n\t\t\tborder: 2px solid #c3c8cd !important;\n\t\t\tmin-height: 3rem !important;\n\t\t\tfont-family: galano;\n\t\t\tcolor: #404040;\n\t\t\tfont-size: inherit;\n\t\t"]);
-
-  _templateObject8 = function _templateObject8() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject7() {
-  var data = _taggedTemplateLiteralLoose(["\n\t\t\tmargin-bottom: 0px !important;\n\t\t\tborder-bottom-left-radius: 0px;\n\t\t\tborder-bottom-right-radius: 0px;\n\t\t\tborder-color: ", " !important;\n\t\t"]);
-
-  _templateObject7 = function _templateObject7() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject6() {
-  var data = _taggedTemplateLiteralLoose(["\n\t\t\tcolor: ", ";\n\t\t\t-webkit-text-fill-color: ", ";\n\t\t\tborder-color: ", " !important;\n\t\t\tbackground-color: ", ";\n\t\t"]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
-function _templateObject5() {
-  var data = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tcursor: ", ";\n\t", ";\n\tuser-select: none;\n\t", ";\n\t", ";\n"]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\n\tcursor: ", ";\n\tmargin-left: ", ";\n\tcolor: ", ";\n"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n\toverflow: hidden;\n\theight: auto;\n\tbackground-color: ", ";\n\tbox-shadow: ", ";\n\tz-index: ", ";\n\twidth: 100%;\n\tmin-width: 280px;\n\n\t@media (min-width: ", ") {\n\t\t", ";\n\t\twidth: ", ";\n\t}\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n\tcolor: ", ";\n\tfont-family: 'galano', sans-serif;\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tposition: relative;\n\tdisplay: inline-block;\n\twidth: 100%;\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var friendlyShort = 'EEE dd MMM';
-var friendlyShortWithYear = 'EEE dd MMM yyyy';
-
-var DayPickerInputContainer = _styledComponents.default.div(_templateObject());
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+const friendlyShort = 'EEE dd MMM';
+const friendlyShortWithYear = 'EEE dd MMM yyyy';
+const DayPickerInputContainer = _styledComponents.default.div`
+	position: relative;
+	display: inline-block;
+	width: 100%;
+`;
 DayPickerInputContainer.displayName = 'DayPickerInputContainer';
-
-var Placeholder = _styledComponents.default.span(_templateObject2(), _colors.default.placeholder);
-
+const Placeholder = _styledComponents.default.span`
+	color: ${_colors.default.placeholder};
+	font-family: 'galano', sans-serif;
+`;
 Placeholder.displayName = 'Placeholder';
-
-var DayRangeContainer = _styledComponents.default.div(_templateObject3(), _colors.default.white, _vars.default.boxShadow, _zIndex.default.OVERLAY, _breakpoints.default.tablet, function (props) {
-  return props.panelAbsoluteOnDesktop && 'position: absolute';
-}, function (props) {
-  return props.width || '350px';
-});
-
+const DayRangeContainer = _styledComponents.default.div`
+	overflow: hidden;
+	height: auto;
+	background-color: ${_colors.default.white};
+	box-shadow: ${_vars.default.boxShadow};
+	z-index: ${_zIndex.default.OVERLAY};
+	width: 100%;
+	min-width: 280px;
+
+	@media (min-width: ${_breakpoints.default.tablet}) {
+		${props => props.panelAbsoluteOnDesktop && 'position: absolute'};
+		width: ${props => props.width || '350px'};
+	}
+`;
 DayRangeContainer.displayName = 'DayRangeContainer';
-var OpenCalendarIcon = (0, _styledComponents.default)(_Calendar.default)(_templateObject4(), function (props) {
-  return props.disabled ? 'not-allowed' : 'pointer';
-}, _spacing.default.s1, _colors.default.primary);
+const OpenCalendarIcon = (0, _styledComponents.default)(_Calendar.default)`
+	cursor: ${props => props.disabled ? 'not-allowed' : 'pointer'};
+	margin-left: ${_spacing.default.s1};
+	color: ${_colors.default.primary};
+`;
 OpenCalendarIcon.displayName = 'OpenCalendarIcon';
-var InputBox = (0, _styledComponents.default)(_Input.default.withComponent('div'))(_templateObject5(), function (props) {
-  return props.disabled ? 'not-allowed' : 'pointer';
-}, function (props) {
-  return props.disabled && (0, _styledComponents.css)(_templateObject6(), _colors.default.disabled, _colors.default.disabled, _colors.default.disabledOutline, _colors.default.disabledBackground);
-}, function (props) {
-  return props.error && (0, _styledComponents.css)(_templateObject7(), _colors.default.borderError);
-}, function (props) {
-  return props.legacyInputStyle && (0, _styledComponents.css)(_templateObject8());
-});
+const InputBox = (0, _styledComponents.default)(_Input.default.withComponent('div'))`
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	cursor: ${props => props.disabled ? 'not-allowed' : 'pointer'};
+	${props => props.disabled && (0, _styledComponents.css)`
+			color: ${_colors.default.disabled};
+			-webkit-text-fill-color: ${_colors.default.disabled};
+			border-color: ${_colors.default.disabledOutline} !important;
+			background-color: ${_colors.default.disabledBackground};
+		`};
+	user-select: none;
+	${props => props.error && (0, _styledComponents.css)`
+			margin-bottom: 0px !important;
+			border-bottom-left-radius: 0px;
+			border-bottom-right-radius: 0px;
+			border-color: ${_colors.default.borderError} !important;
+		`};
+	${props => props.legacyInputStyle && (0, _styledComponents.css)`
+			padding: 0.75rem 1rem !important;
+			margin: 7px 0 !important;
+			border-radius: 0px !important;
+			border: 2px solid #c3c8cd !important;
+			min-height: 3rem !important;
+			font-family: galano;
+			color: #404040;
+			font-size: inherit;
+		`};
+`;
 InputBox.displayName = 'InputBox';
 
-var DayPicker =
-/*#__PURE__*/
-function (_React$Component) {
-  _inheritsLoose(DayPicker, _React$Component);
-
-  function DayPicker(props) {
-    var _this;
-
-    _this = _React$Component.call(this, props) || this;
-    var open = props.open;
-    _this.state = {
+class DayPicker extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    const {
+      open
+    } = props;
+    this.state = {
       dayPickerOpen: open || false
     };
-    (0, _reactAutobind.default)(_assertThisInitialized(_this));
-    _this.containerRef = _react.default.createRef();
-    return _this;
+    (0, _reactAutobind.default)(this);
+    this.containerRef = _react.default.createRef();
   }
 
-  var _proto = DayPicker.prototype;
-
-  _proto.getDefaultMonth = function getDefaultMonth() {
-    var prop = this.props.month;
-    var propDate = this.props.range.from;
+  getDefaultMonth() {
+    const prop = this.props.month;
+    const propDate = this.props.range.from;
 
     if (typeof prop !== 'undefined') {
       return prop;
@@ -193,11 +134,11 @@ function (_React$Component) {
     }
 
     return (0, _dateFns.startOfToday)().getMonth();
-  };
+  }
 
-  _proto.getDefaultYear = function getDefaultYear() {
-    var prop = this.props.year;
-    var propDate = this.props.range.from;
+  getDefaultYear() {
+    const prop = this.props.year;
+    const propDate = this.props.range.from;
 
     if (typeof prop !== 'undefined') {
       return prop;
@@ -207,125 +148,147 @@ function (_React$Component) {
       return propDate.getFullYear();
     }
 
-    var currentYear = (0, _dateFns.startOfToday)().getFullYear();
-    var yearRange = this.props.yearRange;
+    const currentYear = (0, _dateFns.startOfToday)().getFullYear();
+    const {
+      yearRange
+    } = this.props;
 
     if (currentYear <= yearRange.max && currentYear >= yearRange.min) {
       return currentYear;
     }
 
     return Math.abs(yearRange.max - currentYear) > Math.abs(yearRange.min - currentYear) ? yearRange.min : yearRange.max;
-  };
+  }
 
-  _proto.getDisplayFormat = function getDisplayFormat() {
-    var _this$props = this.props,
-        displayFormat = _this$props.displayFormat,
-        dateRange = _this$props.dateRange;
+  getDisplayFormat() {
+    const {
+      displayFormat,
+      dateRange
+    } = this.props;
 
     if (displayFormat) {
       return displayFormat === 'friendlyShortWithYear' ? friendlyShortWithYear : friendlyShort;
     }
 
-    var _this$props$range = this.props.range,
-        from = _this$props$range.from,
-        to = _this$props$range.to;
+    const {
+      range: {
+        from,
+        to
+      }
+    } = this.props;
     return (0, _dateFns.isSameYear)(from, to) && dateRange ? friendlyShort : friendlyShortWithYear;
-  };
+  }
 
-  _proto.closeDayPicker = function closeDayPicker() {
-    var onBlur = this.props.onBlur;
-    var dayPickerOpen = this.state.dayPickerOpen;
+  closeDayPicker() {
+    const {
+      onBlur
+    } = this.props;
+    const {
+      dayPickerOpen
+    } = this.state;
     if (onBlur && dayPickerOpen) onBlur();
     this.setState({
       dayPickerOpen: false
     });
-  };
+  }
 
-  _proto.handleClickOutside = function handleClickOutside() {
+  handleClickOutside() {
     this.closeDayPicker();
-  };
-
-  _proto.toggleDayPicker = function toggleDayPicker() {
-    var _this2 = this;
+  }
 
-    var _this$props2 = this.props,
-        disabled = _this$props2.disabled,
-        GA = _this$props2.GA;
-    var dayPickerOpen = this.state.dayPickerOpen;
+  toggleDayPicker() {
+    const {
+      disabled,
+      GA
+    } = this.props;
+    const {
+      dayPickerOpen
+    } = this.state;
     if (disabled) return;
 
     if (GA.category && !dayPickerOpen) {
       (0, _reactGa.event)({
         category: GA.category,
-        action: GA.actionId + " - DayPicker Input Open"
+        action: `${GA.actionId} - DayPicker Input Open`
       });
     }
 
     this.setState({
       dayPickerOpen: !dayPickerOpen
-    }, function () {
-      if (_this2.containerRef.current) {
-        _this2.containerRef.current.scrollIntoView({
+    }, () => {
+      if (this.containerRef.current) {
+        this.containerRef.current.scrollIntoView({
           behavior: 'smooth',
           block: 'nearest'
         });
       }
     });
-  };
+  }
 
-  _proto.clearValue = function clearValue() {
+  clearValue() {
     this.applyDate({
       from: undefined,
       to: undefined
     });
-  };
-
-  _proto.applyDate = function applyDate(dates) {
-    var _this$props3 = this.props,
-        dateRange = _this$props3.dateRange,
-        onSelectedDate = _this$props3.onSelectedDate;
-    var to = dates.to,
-        from = dates.from;
-    var range = to && dateRange ? {
-      from: from,
-      to: to
+  }
+
+  applyDate(dates) {
+    const {
+      dateRange,
+      onSelectedDate
+    } = this.props;
+    const {
+      to,
+      from
+    } = dates;
+    const range = to && dateRange ? {
+      from,
+      to
     } : {
-      from: from,
+      from,
       to: from
     };
     this.closeDayPicker();
     onSelectedDate(range);
-  };
-
-  _proto.render = function render() {
-    var _this$props4 = this.props,
-        allowClear = _this$props4.allowClear,
-        placeholder = _this$props4.placeholder,
-        dateRange = _this$props4.dateRange,
-        yearRange = _this$props4.yearRange,
-        yearsToDisplay = _this$props4.yearsToDisplay,
-        style = _this$props4.style,
-        error = _this$props4.error,
-        disabled = _this$props4.disabled,
-        shortcuts = _this$props4.shortcuts,
-        disabledDays = _this$props4.disabledDays,
-        GA = _this$props4.GA,
-        recordValue = _this$props4.recordValue,
-        legacyInputStyle = _this$props4.legacyInputStyle,
-        closeButton = _this$props4.closeButton,
-        panelAbsoluteOnDesktop = _this$props4.panelAbsoluteOnDesktop,
-        onSelectedDate = _this$props4.onSelectedDate,
-        isDateSelect = _this$props4.isDateSelect,
-        rest = _objectWithoutPropertiesLoose(_this$props4, ["allowClear", "placeholder", "dateRange", "yearRange", "yearsToDisplay", "style", "error", "disabled", "shortcuts", "disabledDays", "GA", "recordValue", "legacyInputStyle", "closeButton", "panelAbsoluteOnDesktop", "onSelectedDate", "isDateSelect"]);
-
-    var dayPickerOpen = this.state.dayPickerOpen;
-    var range = this.props.range;
-    var fromDate = range.from ? (0, _dateFns.format)(range.from, this.getDisplayFormat()) : '';
-    var toDate = range.to ? (0, _dateFns.format)(range.to, friendlyShortWithYear) : '';
-    var datesToDisplay = dateRange && toDate ? fromDate + " - " + toDate : "" + fromDate;
-
-    var width = style.width,
-        otherStyles = _objectWithoutPropertiesLoose(style, ["width"]);
+  }
+
+  render() {
+    const _this$props = this.props,
+          {
+      allowClear,
+      placeholder,
+      dateRange,
+      yearRange,
+      yearsToDisplay,
+      style,
+      error,
+      disabled,
+      shortcuts,
+      disabledDays,
+      GA,
+      recordValue,
+      legacyInputStyle,
+      closeButton,
+      panelAbsoluteOnDesktop,
+      onSelectedDate,
+      isDateSelect
+    } = _this$props,
+          rest = _objectWithoutProperties(_this$props, ["allowClear", "placeholder", "dateRange", "yearRange", "yearsToDisplay", "style", "error", "disabled", "shortcuts", "disabledDays", "GA", "recordValue", "legacyInputStyle", "closeButton", "panelAbsoluteOnDesktop", "onSelectedDate", "isDateSelect"]);
+
+    const {
+      dayPickerOpen
+    } = this.state;
+    const {
+      range
+    } = this.props;
+    const fromDate = range.from ? (0, _dateFns.format)(range.from, this.getDisplayFormat()) : '';
+    const toDate = range.to ? (0, _dateFns.format)(range.to, friendlyShortWithYear) : '';
+    const datesToDisplay = dateRange && toDate ? `${fromDate} - ${toDate}` : `${fromDate}`;
+
+    const {
+      width
+    } = style,
+          otherStyles = _objectWithoutProperties(style, ["width"]);
 
     return _react.default.createElement(DayPickerInputContainer, rest, _react.default.createElement(InputBox, {
       onClick: this.toggleDayPicker,
@@ -357,10 +320,9 @@ function (_React$Component) {
       close: closeButton ? this.closeDayPicker : undefined,
       isDateSelect: isDateSelect
     })));
-  };
+  }
 
-  return DayPicker;
-}(_react.default.Component);
+}
 
 exports.Unwrapped = DayPicker;
 DayPicker.displayName = 'DayPicker';

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

@@ -15,19 +15,21 @@ var _LinkButton = _interopRequireDefault(require("../../LinkButton"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tfont-family: ", ";\n\tpadding: ", " ", ";\n\tborder: none;\n\tbackground-color: transparent;\n\tcursor: pointer;\n\ttext-decoration: underline;\n\tcolor: ", ";\n\tfont-size: ", ";\n\n\t&:hover {\n\t\ttext-decoration: none;\n\t\tcolor: ", ";\n\t}\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var CancelBtn = (0, _styledComponents.default)(_LinkButton.default)(_templateObject(), _vars.default.fontStackBold, _spacing.default.s1, _spacing.default.s2, _colors.default.secondary, _spacing.default.s2, _colors.default.secondary);
+const CancelBtn = (0, _styledComponents.default)(_LinkButton.default)`
+	font-family: ${_vars.default.fontStackBold};
+	padding: ${_spacing.default.s1} ${_spacing.default.s2};
+	border: none;
+	background-color: transparent;
+	cursor: pointer;
+	text-decoration: underline;
+	color: ${_colors.default.secondary};
+	font-size: ${_spacing.default.s2};
+
+	&:hover {
+		text-decoration: none;
+		color: ${_colors.default.secondary};
+	}
+`;
 CancelBtn.displayName = 'CancelBtn';
 /** @component */