bright-components 9.31.0 → 10.0.0

package/dist/components/Expando/index.js

@@ -25,118 +25,85 @@ var _CircledChevron = _interopRequireDefault(require("../Chevron/CircledChevron"
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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 _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 _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\n\tmargin-top: ", ";\n\t", "\n"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n\tposition: relative;\n\tpadding: 0 ", " 0 0;\n\tline-height: 2rem;\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    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; }
 
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n\tbackground: #fff;\n\tpadding: ", ";\n\tborder-bottom: ", " solid ", ";\n\n\t&:last-child {\n\t\tborder: 0;\n\t}\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\tpadding: 0;\n\twidth: 2rem;\n\theight: 2rem;\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var Expand = _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 Expand = _styledComponents.default.div`
+	position: absolute;
+	top: 0;
+	right: 0;
+	padding: 0;
+	width: 2rem;
+	height: 2rem;
+`;
 Expand.displayName = 'Expand';
-
-var Container = _styledComponents.default.div(_templateObject2(), _spacing.default.s2, _vars.default.borderWidth, _colors.default.borderColor);
-
+const Container = _styledComponents.default.div`
+	background: #fff;
+	padding: ${_spacing.default.s2};
+	border-bottom: ${_vars.default.borderWidth} solid ${_colors.default.borderColor};
+
+	&:last-child {
+		border: 0;
+	}
+`;
 Container.displayName = 'Container';
-
-var Header = _styledComponents.default.div(_templateObject3(), _spacing.default.s6);
-
+const Header = _styledComponents.default.div`
+	position: relative;
+	padding: 0 ${_spacing.default.s6} 0 0;
+	line-height: 2rem;
+`;
 Header.displayName = 'Header';
-
-var Content = _styledComponents.default.div(_templateObject4(), _spacing.default.s2, function (props) {
-  return props.flexContent && "\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t";
-});
-
+const Content = _styledComponents.default.div`
+	margin-top: ${_spacing.default.s2};
+	${props => props.flexContent && `
+		display: flex;
+		flex-wrap: wrap;
+	`}
+`;
 Content.displayName = 'Content';
 
-var Expando =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(Expando, _Component);
-
-  function Expando(props) {
-    var _this;
-
-    _this = _Component.call(this, props) || this;
-    (0, _reactAutobind.default)(_assertThisInitialized(_this));
-    _this.state = {
+class Expando extends _react.Component {
+  constructor(props) {
+    super(props);
+    (0, _reactAutobind.default)(this);
+    this.state = {
       expanded: props.openByDefault
     };
-    return _this;
   }
 
-  var _proto = Expando.prototype;
-
-  _proto.toggle = function toggle() {
-    var _this2 = this;
-
-    this.setState(function (_ref) {
-      var expanded = _ref.expanded;
+  toggle() {
+    this.setState(_ref => {
+      let {
+        expanded
+      } = _ref;
       return {
         expanded: !expanded
       };
-    }, function () {
-      if (_this2.props.onToggle) {
-        _this2.props.onToggle(_this2.state.expanded);
+    }, () => {
+      if (this.props.onToggle) {
+        this.props.onToggle(this.state.expanded);
       }
     });
-  };
-
-  _proto.render = function render() {
-    var _this$props = this.props,
-        title = _this$props.title,
-        description = _this$props.description,
-        children = _this$props.children,
-        flexContent = _this$props.flexContent,
-        props = _objectWithoutPropertiesLoose(_this$props, ["title", "description", "children", "flexContent"]);
+  }
 
-    var expanded = this.state.expanded;
+  render() {
+    const _this$props = this.props,
+          {
+      title,
+      description,
+      children,
+      flexContent
+    } = _this$props,
+          props = _objectWithoutProperties(_this$props, ["title", "description", "children", "flexContent"]);
+
+    const {
+      expanded
+    } = this.state;
     return _react.default.createElement(Container, props, _react.default.createElement(Header, null, _react.default.createElement(_H.default, null, title), description && _react.default.createElement(_P.default, null, description), _react.default.createElement(Expand, null, _react.default.createElement(_CircledChevron.default, {
       "aria-label": "expand section",
       onClick: this.toggle,
@@ -146,10 +113,9 @@ function (_Component) {
       "data-testid": "Content",
       flexContent: flexContent
     }, children));
-  };
+  }
 
-  return Expando;
-}(_react.Component);
+}
 
 Expando.displayName = 'Expando';
 Expando.propTypes = {

package/dist/components/Fieldset/index.js

@@ -11,24 +11,30 @@ var _spacing = _interopRequireDefault(require("../../constants/spacing"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tmargin-bottom: ", ";\n\n\t@media (min-width: 20rem) {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\talign-items: center;\n\t}\n\n\t&:last-child {\n\t\tmargin-bottom: 0;\n\t}\n\n\t> label {\n\t\tflex: 1 0 12rem;\n\t\tpadding: 0 ", " 0 0 !important;\n\t\tmax-width: ", ";\n\t}\n\n\t> label + * {\n\t\tflex: 1 0 15rem;\n\t\tmax-width: ", ";\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 Fieldset = _styledComponents.default.div(_templateObject(), _spacing.default.s1, _spacing.default.s2, function (props) {
-  return props.maxLabelWidth;
-}, function (props) {
-  return props.maxContentWidth;
-});
-
+const Fieldset = _styledComponents.default.div`
+	margin-bottom: ${_spacing.default.s1};
+
+	@media (min-width: 20rem) {
+		display: flex;
+		flex-wrap: wrap;
+		align-items: center;
+	}
+
+	&:last-child {
+		margin-bottom: 0;
+	}
+
+	> label {
+		flex: 1 0 12rem;
+		padding: 0 ${_spacing.default.s2} 0 0 !important;
+		max-width: ${props => props.maxLabelWidth};
+	}
+
+	> label + * {
+		flex: 1 0 15rem;
+		max-width: ${props => props.maxContentWidth};
+	}
+`;
 Fieldset.displayName = 'Fieldset';
 Fieldset.propTypes = {
   maxLabelWidth: _propTypes.string,

package/dist/components/FileIcons/index.js

@@ -27,17 +27,15 @@ var _FileMovie = _interopRequireDefault(require("../Icons/FileMovie"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var fileGroupLookup = function fileGroupLookup(fileName) {
-  var fileExtension = fileName.split('.').pop();
+const fileGroupLookup = fileName => {
+  const fileExtension = fileName.split('.').pop();
 
-  var fileTypeMatch = _documents.supportedFileTypes.find(function (fileType) {
-    return fileType.extensions.includes(fileExtension);
-  });
+  const fileTypeMatch = _documents.supportedFileTypes.find(fileType => fileType.extensions.includes(fileExtension));
 
   return fileTypeMatch ? fileTypeMatch.group : 'unknown';
 };
 
-var FileIconGroups = {
+const FileIconGroups = {
   word: _FileDocument.default,
   wordx: _FileDocument.default,
   'oo-doc': _FileDocument.default,
@@ -55,10 +53,12 @@ var FileIconGroups = {
   movie: _FileMovie.default
 };
 
-var displayFileIcon = function displayFileIcon(fileName, color) {
-  var Element = FileIconGroups[fileGroupLookup(fileName)] || _Image.default;
+const displayFileIcon = (fileName, color) => {
+  const Element = FileIconGroups[fileGroupLookup(fileName)] || _Image.default;
 
-  var displayName = Element.displayName;
+  const {
+    displayName
+  } = Element;
   return _react.default.createElement(Element, {
     size: 22,
     color: color,
@@ -66,9 +66,11 @@ var displayFileIcon = function displayFileIcon(fileName, color) {
   });
 };
 
-var FileIcon = function FileIcon(_ref) {
-  var fileName = _ref.fileName,
-      color = _ref.color;
+const FileIcon = _ref => {
+  let {
+    fileName,
+    color
+  } = _ref;
   return displayFileIcon(fileName, color);
 };
 

package/dist/components/FilterRadioGroup/index.js

@@ -21,66 +21,70 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-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 _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n\topacity: 0 !important;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tright: 0;\n\tbottom: 0;\n\twidth: 100%;\n\theight: 100%;\n\t&:hover {\n\t\tcursor: pointer;\n\t}\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n    display: inline-block;\n    position: relative;\n    background: ", "\n\tpadding: ", " ", ";\n\tmargin: 4px 0 0 ", ";\n\tcolor: ", ";\n\tfont-weight: ", ";\n\tborder: 2px solid ", ";\n\tborder-radius: 8rem;\n\ttext-align: center;\n\t&:hover {\n\t\tbackground: ", ";\n\t}\n\t@media (max-width: 768px) {\n\t\tflex: 1;\n\t}\n"]);
-
-  _templateObject = function _templateObject() {
-    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; }
 
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var Option = _styledComponents.default.label(_templateObject(), function (props) {
-  return props.selected ? _colors.default.primaryLighter : _colors.default.white;
-}, _spacing.default.s1, _spacing.default.s2, _spacing.default.s1, _colors.default.primary, _vars.default.fontWeight, _colors.default.primaryLighter, _colors.default.primaryLighter);
+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 Option = _styledComponents.default.label`
+    display: inline-block;
+    position: relative;
+    background: ${props => props.selected ? _colors.default.primaryLighter : _colors.default.white}
+	padding: ${_spacing.default.s1} ${_spacing.default.s2};
+	margin: 4px 0 0 ${_spacing.default.s1};
+	color: ${_colors.default.primary};
+	font-weight: ${_vars.default.fontWeight};
+	border: 2px solid ${_colors.default.primaryLighter};
+	border-radius: 8rem;
+	text-align: center;
+	&:hover {
+		background: ${_colors.default.primaryLighter};
+	}
+	@media (max-width: 768px) {
+		flex: 1;
+	}
+`;
 Option.displayName = 'Option';
-
-var Radio = _styledComponents.default.input(_templateObject2());
-
+const Radio = _styledComponents.default.input`
+	opacity: 0 !important;
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	width: 100%;
+	height: 100%;
+	&:hover {
+		cursor: pointer;
+	}
+`;
 Radio.displayName = 'Radio';
 
-var FilterRadioGroup = function FilterRadioGroup(_ref) {
-  var options = _ref.options,
-      handleFilter = _ref.handleFilter,
-      selectedOption = _ref.selectedOption,
-      GA = _ref.GA,
-      name = _ref.name,
-      props = _objectWithoutPropertiesLoose(_ref, ["options", "handleFilter", "selectedOption", "GA", "name"]);
-
-  return _react.default.createElement(_react.default.Fragment, null, options.map(function (option) {
-    return _react.default.createElement(Option, _extends({
-      key: option,
-      selected: option === selectedOption
-    }, props), _react.default.createElement(Radio, {
-      "data-testid": "filter-buttons",
-      onChange: function onChange() {
-        handleFilter(option);
-        (0, _reactGa.event)({
-          action: GA.action,
-          category: GA.category,
-          label: option
-        });
-      },
-      type: "radio",
-      name: "filters"
-    }), option);
-  }));
+const FilterRadioGroup = _ref => {
+  let {
+    options,
+    handleFilter,
+    selectedOption,
+    GA,
+    name
+  } = _ref,
+      props = _objectWithoutProperties(_ref, ["options", "handleFilter", "selectedOption", "GA", "name"]);
+
+  return _react.default.createElement(_react.default.Fragment, null, options.map(option => _react.default.createElement(Option, _extends({
+    key: option,
+    selected: option === selectedOption
+  }, props), _react.default.createElement(Radio, {
+    "data-testid": "filter-buttons",
+    onChange: () => {
+      handleFilter(option);
+      (0, _reactGa.event)({
+        action: GA.action,
+        category: GA.category,
+        label: option
+      });
+    },
+    type: "radio",
+    name: "filters"
+  }), option)));
 };
 
 FilterRadioGroup.propTypes = {