@mycause/ui 1.2.6 → 1.2.7

package/donation/esm/components/select/select.js

@@ -0,0 +1,166 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import _JSXStyle from 'styled-jsx/style';
+import React from 'react';
+import classnames from 'classnames';
+import MDCSelect, { Option, SelectIcon } from '@material/react-select';
+import { useTheme } from '../../theme/theme.js';
+import SelectHelperText from './select-helper-text.js';
+import FieldLabel from '../field-helpers/field-label.js';
+import FieldHelperText from '../field-helpers/field-helper-text.js';
+
+const _excluded = ["label", "value", "onChange", "helperText", "isHelperTextPersistent", "externalLabel", "id", "className", "options", "large", "required", "leadingIcon", "noArrow", "error", "color", "asteriskColor", "customTrailingIcon"];
+const Select = function Select(_ref) {
+  let {
+      label = "",
+      value,
+      onChange,
+      helperText,
+      isHelperTextPersistent,
+      externalLabel,
+      id,
+      className,
+      options,
+      large = false,
+      required,
+      leadingIcon,
+      noArrow,
+      error = false,
+      color,
+      asteriskColor,
+      customTrailingIcon
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const theme = useTheme();
+  let errorMessage = null;
+  // If options has been provided as an array of strings, convert it into an array of objects
+  if (isStringArray(options)) {
+    options = options.map(option => ({
+      value: option,
+      label: option
+    }));
+  }
+
+  // Add an empty default value
+  if (value === "" && !options.find(option => option.value === "")) {
+    options = [{
+      value: "",
+      label: "",
+      disabled: true
+    }, ...options];
+  }
+  if (leadingIcon) {
+    leadingIcon = /*#__PURE__*/React.createElement(SelectIcon, {
+      tag: "span"
+    }, leadingIcon);
+  }
+
+  // If helperText is passed as a string turn it into a HelperText
+  // helperText=null or helperText="" indicates that there should be empty helper text (for layout reasons)
+  if (typeof helperText === "string" || helperText === null) {
+    helperText = /*#__PURE__*/React.createElement(SelectHelperText, {
+      persistent: isHelperTextPersistent
+    }, helperText);
+  }
+  if (typeof error === "string") {
+    errorMessage = /*#__PURE__*/React.createElement(FieldHelperText, {
+      error: error
+    });
+  }
+  const scope = {
+    styles: /*#__PURE__*/React.createElement(_JSXStyle, {
+      id: "2428679981",
+      dynamic: [color ? "--mdc-theme-primary: " + color + ";" : "", color ? "background: url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22" + color + "%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E) no-repeat center;" : "", customTrailingIcon ? "background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImV4cGFuZF9tb3JlX0ZJTEwwX3dnaHQ0MDBfR1JBRDBfb3BzejQ4ICgxKSI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xNiAyMC41TDggMTIuNUw5LjQzMzMzIDExLjA2NjdMMTYgMTcuNjY2N0wyMi41NjY3IDExLjFMMjQgMTIuNTMzM0wxNiAyMC41WiIgZmlsbD0iIzQwNDA0MSIvPgo8L2c+Cjwvc3ZnPgo=) no-repeat center;" : "", error && "border: 2px solid #b00020 !important", color, theme.typography.fontFamily.brand]
+    }, ".select.__jsx-style-dynamic-selector .mdc-select--focused{".concat(color ? "--mdc-theme-primary: " + color + ";" : "", ";}.select.__jsx-style-dynamic-selector .mdc-select--focused .mdc-select__dropdown-icon{").concat(color ? "background: url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22" + color + "%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E) no-repeat center;" : "", ";}.select.__jsx-style-dynamic-selector .mdc-select__dropdown-icon,.select.__jsx-style-dynamic-selector .mdc-select--focused .mdc-select__dropdown-icon{").concat(customTrailingIcon ? "background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImV4cGFuZF9tb3JlX0ZJTEwwX3dnaHQ0MDBfR1JBRDBfb3BzejQ4ICgxKSI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xNiAyMC41TDggMTIuNUw5LjQzMzMzIDExLjA2NjdMMTYgMTcuNjY2N0wyMi41NjY3IDExLjFMMjQgMTIuNTMzM0wxNiAyMC41WiIgZmlsbD0iIzQwNDA0MSIvPgo8L2c+Cjwvc3ZnPgo=) no-repeat center;" : "", ";}.select.__jsx-style-dynamic-selector .mdc-select__native-control{").concat(error && "border: 2px solid #b00020 !important", ";}.select.__jsx-style-dynamic-selector .mdc-floating-label--float-above{color:").concat(color, "!important;}.select.__jsx-style-dynamic-selector .mdc-select__native-control,.select.__jsx-style-dynamic-selector .mdc-floating-label{font-weight:500;font-family:").concat(theme.typography.fontFamily.brand, ";}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlbGVjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUcyQixBQUlJLEFBR0EsQUFJQSxBQUUrQixBQUdpQixBQUk3QixnQkFDeUIsYUFqQjNDLEFBR0EsQUFJQSxBQUdBLGdCQUdBLFlBS0EiLCJmaWxlIjoic2VsZWN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gXCJjbGFzc25hbWVzXCI7XG5pbXBvcnQgY3NzIGZyb20gXCJzdHlsZWQtanN4L2Nzc1wiO1xuaW1wb3J0IE1EQ1NlbGVjdCwge1xuICBPcHRpb24sXG4gIFNlbGVjdFByb3BzIGFzIE1EQ1NlbGVjdFByb3BzLFxuICBTZWxlY3RJY29uLFxuICBTZWxlY3RJY29uUHJvcHMsXG4gIFNlbGVjdEhlbHBlclRleHRQcm9wcyxcbn0gZnJvbSBcIkBtYXRlcmlhbC9yZWFjdC1zZWxlY3RcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uLy4uL3RoZW1lL3RoZW1lXCI7XG5pbXBvcnQgU2VsZWN0SGVscGVyVGV4dCBmcm9tIFwiLi9zZWxlY3QtaGVscGVyLXRleHRcIjtcbmltcG9ydCB7IEZpZWxkTGFiZWwsIEZpZWxkSGVscGVyVGV4dCB9IGZyb20gXCIuLi9maWVsZC1oZWxwZXJzXCI7XG5cbmV4cG9ydCB0eXBlIFNlbGVjdE9wdGlvbiA9IHtcbiAgdmFsdWU6IHN0cmluZztcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2VsZWN0UHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFxuICAgIE1EQ1NlbGVjdFByb3BzLFxuICAgIFwicmVmXCIgfCBcImNoaWxkcmVuXCIgfCBcIm9wdGlvbnNcIiB8IFwib3V0bGluZWRcIiB8IFwiaGVscGVyVGV4dFwiIHwgXCJkZW5zZVwiXG4gID4ge1xuICBsYWJlbD86IHN0cmluZztcbiAgdmFsdWU6IHN0cmluZztcbiAgb25DaGFuZ2U6IChlOiBSZWFjdC5Gb3JtRXZlbnQpID0+IHZvaWQ7XG4gIGV4dGVybmFsTGFiZWw/OiBib29sZWFuO1xuICBsYXJnZT86IGJvb2xlYW47XG4gIG9wdGlvbnM6IEFycmF5PHN0cmluZz4gfCBBcnJheTxTZWxlY3RPcHRpb24+O1xuICBsZWFkaW5nSWNvbj86IFJlYWN0LlJlYWN0RWxlbWVudDtcbiAgaGVscGVyVGV4dD86IHN0cmluZyB8IFJlYWN0LlJlYWN0RWxlbWVudDxTZWxlY3RIZWxwZXJUZXh0UHJvcHM+IHwgbnVsbDtcbiAgaXNIZWxwZXJUZXh0UGVyc2lzdGVudD86IGJvb2xlYW47XG4gIG5vQXJyb3c/OiBib29sZWFuO1xuICBjb2xvcj86IHN0cmluZztcbiAgYXN0ZXJpc2tDb2xvcj86IHN0cmluZztcbiAgZXJyb3I/OiBib29sZWFuIHwgc3RyaW5nO1xuICBjdXN0b21UcmFpbGluZ0ljb24/OiBib29sZWFuO1xufVxuXG5jb25zdCBTZWxlY3QgPSBmdW5jdGlvbiBTZWxlY3Qoe1xuICBsYWJlbCA9IFwiXCIsXG4gIHZhbHVlLFxuICBvbkNoYW5nZSxcbiAgaGVscGVyVGV4dCxcbiAgaXNIZWxwZXJUZXh0UGVyc2lzdGVudCxcbiAgZXh0ZXJuYWxMYWJlbCxcbiAgaWQsXG4gIGNsYXNzTmFtZSxcbiAgb3B0aW9ucyxcbiAgbGFyZ2UgPSBmYWxzZSxcbiAgcmVxdWlyZWQsXG4gIGxlYWRpbmdJY29uLFxuICBub0Fycm93LFxuICBlcnJvciA9IGZhbHNlLFxuICBjb2xvcixcbiAgYXN0ZXJpc2tDb2xvcixcbiAgY3VzdG9tVHJhaWxpbmdJY29uLFxuICAuLi5yZXN0XG59OiBTZWxlY3RQcm9wcykge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGxldCBlcnJvck1lc3NhZ2UgPSBudWxsO1xuICAvLyBJZiBvcHRpb25zIGhhcyBiZWVuIHByb3ZpZGVkIGFzIGFuIGFycmF5IG9mIHN0cmluZ3MsIGNvbnZlcnQgaXQgaW50byBhbiBhcnJheSBvZiBvYmplY3RzXG4gIGlmIChpc1N0cmluZ0FycmF5KG9wdGlvbnMpKSB7XG4gICAgb3B0aW9ucyA9IG9wdGlvbnMubWFwKChvcHRpb246IHN0cmluZykgPT4gKHtcbiAgICAgIHZhbHVlOiBvcHRpb24sXG4gICAgICBsYWJlbDogb3B0aW9uLFxuICAgIH0pKSBhcyBBcnJheTxTZWxlY3RPcHRpb24+O1xuICB9XG5cbiAgLy8gQWRkIGFuIGVtcHR5IGRlZmF1bHQgdmFsdWVcbiAgaWYgKHZhbHVlID09PSBcIlwiICYmICFvcHRpb25zLmZpbmQob3B0aW9uID0+IG9wdGlvbi52YWx1ZSA9PT0gXCJcIikpIHtcbiAgICBvcHRpb25zID0gW1xuICAgICAge1xuICAgICAgICB2YWx1ZTogXCJcIixcbiAgICAgICAgbGFiZWw6IFwiXCIsXG4gICAgICAgIGRpc2FibGVkOiB0cnVlLFxuICAgICAgfSxcbiAgICAgIC4uLm9wdGlvbnMsXG4gICAgXTtcbiAgfVxuXG4gIGlmIChsZWFkaW5nSWNvbikge1xuICAgIGxlYWRpbmdJY29uID0gPFNlbGVjdEljb24gdGFnPVwic3BhblwiPntsZWFkaW5nSWNvbn08L1NlbGVjdEljb24+O1xuICB9XG5cbiAgLy8gSWYgaGVscGVyVGV4dCBpcyBwYXNzZWQgYXMgYSBzdHJpbmcgdHVybiBpdCBpbnRvIGEgSGVscGVyVGV4dFxuICAvLyBoZWxwZXJUZXh0PW51bGwgb3IgaGVscGVyVGV4dD1cIlwiIGluZGljYXRlcyB0aGF0IHRoZXJlIHNob3VsZCBiZSBlbXB0eSBoZWxwZXIgdGV4dCAoZm9yIGxheW91dCByZWFzb25zKVxuICBpZiAodHlwZW9mIGhlbHBlclRleHQgPT09IFwic3RyaW5nXCIgfHwgaGVscGVyVGV4dCA9PT0gbnVsbCkge1xuICAgIGhlbHBlclRleHQgPSAoXG4gICAgICA8U2VsZWN0SGVscGVyVGV4dCBwZXJzaXN0ZW50PXtpc0hlbHBlclRleHRQZXJzaXN0ZW50fT5cbiAgICAgICAge2hlbHBlclRleHR9XG4gICAgICA8L1NlbGVjdEhlbHBlclRleHQ+XG4gICAgKTtcbiAgfVxuXG4gIGlmICh0eXBlb2YgZXJyb3IgPT09IFwic3RyaW5nXCIpIHtcbiAgICBlcnJvck1lc3NhZ2UgPSA8RmllbGRIZWxwZXJUZXh0IGVycm9yPXtlcnJvcn0gLz47XG4gIH1cblxuICBjb25zdCBzY29wZSA9IGNzcy5yZXNvbHZlYFxuICAgIC5zZWxlY3QgOmdsb2JhbCgubWRjLXNlbGVjdC0tZm9jdXNlZCkge1xuICAgICAgJHtjb2xvciA/IFwiLS1tZGMtdGhlbWUtcHJpbWFyeTogXCIgKyBjb2xvciArIFwiO1wiIDogXCJcIn1cbiAgICB9XG4gICAgLnNlbGVjdCA6Z2xvYmFsKC5tZGMtc2VsZWN0LS1mb2N1c2VkKSA6Z2xvYmFsKC5tZGMtc2VsZWN0X19kcm9wZG93bi1pY29uKSB7XG4gICAgICAke2NvbG9yXG4gICAgICAgID8gXCJiYWNrZ3JvdW5kOiB1cmwoZGF0YTppbWFnZS9zdmcreG1sLCUzQ3N2ZyUyMHdpZHRoJTNEJTIyMTBweCUyMiUyMGhlaWdodCUzRCUyMjVweCUyMiUyMHZpZXdCb3glM0QlMjI3JTIwMTAlMjAxMCUyMDUlMjIlMjB2ZXJzaW9uJTNEJTIyMS4xJTIyJTIweG1sbnMlM0QlMjJodHRwJTNBJTJGJTJGd3d3LnczLm9yZyUyRjIwMDAlMkZzdmclMjIlMjB4bWxucyUzQXhsaW5rJTNEJTIyaHR0cCUzQSUyRiUyRnd3dy53My5vcmclMkYxOTk5JTJGeGxpbmslMjIlM0UlMEElMjAlMjAlMjAlMjAlM0Nwb2x5Z29uJTIwaWQlM0QlMjJTaGFwZSUyMiUyMHN0cm9rZSUzRCUyMm5vbmUlMjIlMjBmaWxsJTNEJTIyXCIgK1xuICAgICAgICAgIGNvbG9yICtcbiAgICAgICAgICBcIiUyMiUyMGZpbGwtcnVsZSUzRCUyMmV2ZW5vZGQlMjIlMjBvcGFjaXR5JTNEJTIyMC41NCUyMiUyMHBvaW50cyUzRCUyMjclMjAxMCUyMDEyJTIwMTUlMjAxNyUyMDEwJTIyJTNFJTNDJTJGcG9seWdvbiUzRSUwQSUzQyUyRnN2ZyUzRSkgbm8tcmVwZWF0IGNlbnRlcjtcIlxuICAgICAgICA6IFwiXCJ9XG4gICAgfVxuICAgIC5zZWxlY3QgOmdsb2JhbCgubWRjLXNlbGVjdF9fZHJvcGRvd24taWNvbiksXG4gICAgLnNlbGVjdCA6Z2xvYmFsKC5tZGMtc2VsZWN0LS1mb2N1c2VkKSA6Z2xvYmFsKC5tZGMtc2VsZWN0X19kcm9wZG93bi1pY29uKSB7XG4gICAgICAke2N1c3RvbVRyYWlsaW5nSWNvblxuICAgICAgICA/IFwiYmFja2dyb3VuZDogdXJsKGRhdGE6aW1hZ2Uvc3ZnK3htbDtiYXNlNjQsUEhOMlp5QjNhV1IwYUQwaU16SWlJR2hsYVdkb2REMGlNeklpSUhacFpYZENiM2c5SWpBZ01DQXpNaUF6TWlJZ1ptbHNiRDBpYm05dVpTSWdlRzFzYm5NOUltaDBkSEE2THk5M2QzY3Vkek11YjNKbkx6SXdNREF2YzNabklqNEtQR2NnYVdROUltVjRjR0Z1WkY5dGIzSmxYMFpKVEV3d1gzZG5hSFEwTURCZlIxSkJSREJmYjNCemVqUTRJQ2d4S1NJK0NqeHdZWFJvSUdsa1BTSldaV04wYjNJaUlHUTlJazB4TmlBeU1DNDFURGdnTVRJdU5VdzVMalF6TXpNeklERXhMakEyTmpkTU1UWWdNVGN1TmpZMk4wd3lNaTQxTmpZM0lERXhMakZNTWpRZ01USXVOVE16TTB3eE5pQXlNQzQxV2lJZ1ptbHNiRDBpSXpRd05EQTBNU0l2UGdvOEwyYytDand2YzNablBnbz0pIG5vLXJlcGVhdCBjZW50ZXI7XCJcbiAgICAgICAgOiBcIlwifVxuICAgIH1cbiAgICAuc2VsZWN0IDpnbG9iYWwoLm1kYy1zZWxlY3RfX25hdGl2ZS1jb250cm9sKSB7XG4gICAgICAke2Vycm9yICYmIFwiYm9yZGVyOiAycHggc29saWQgI2IwMDAyMCAhaW1wb3J0YW50XCJ9O1xuICAgIH1cbiAgICAuc2VsZWN0IDpnbG9iYWwoLm1kYy1mbG9hdGluZy1sYWJlbC0tZmxvYXQtYWJvdmUpIHtcbiAgICAgIGNvbG9yOiAke2NvbG9yfSFpbXBvcnRhbnQ7XG4gICAgfVxuICAgIC5zZWxlY3QgOmdsb2JhbCgubWRjLXNlbGVjdF9fbmF0aXZlLWNvbnRyb2wpLFxuICAgIC5zZWxlY3QgOmdsb2JhbCgubWRjLWZsb2F0aW5nLWxhYmVsKSB7XG4gICAgICBmb250LXdlaWdodDogNTAwO1xuICAgICAgZm9udC1mYW1pbHk6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250RmFtaWx5LmJyYW5kfTtcbiAgICB9XG4gIGA7XG5cbiAgLyoqXG4gICAqIFRoaXMgaXMgYSBmaXggZm9yIHRoZSBNYXRlcmlhbCBDb21wb25lbnQgQnVnIGluIGZpcmVmb3hcbiAgICogdW50aWxsIHRoZXkgYWRkcmVzcyB0aGlzIHdlIGhhdmUgdG8gaGFuZGxlIHRoZSBvbkNoYW5nZVxuICAgKiBvZiBzZWxlY3Qgd2l0aCBvbkNsaWNrLlxuICAgKi9cbiAgY29uc3QgaGFuZGxlciA9IGdldEZpcmVmb3hTZWxlY3RCdWdISGFuZGxlcih2YWx1ZSwgb25DaGFuZ2UpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXCJzZWxlY3RcIiwgc2NvcGUuY2xhc3NOYW1lKX0+XG4gICAgICB7ZXh0ZXJuYWxMYWJlbCAmJiBsYWJlbCA/IChcbiAgICAgICAgPEZpZWxkTGFiZWxcbiAgICAgICAgICBsYXJnZT17bGFyZ2V9XG4gICAgICAgICAgaHRtbEZvcj17aWR9XG4gICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgIGFzdGVyaXNrQ29sb3I9e2FzdGVyaXNrQ29sb3J9XG4gICAgICAgID5cbiAgICAgICAgICB7bGFiZWx9XG4gICAgICAgIDwvRmllbGRMYWJlbD5cbiAgICAgICkgOiBudWxsfVxuICAgICAgPE1EQ1NlbGVjdFxuICAgICAgICBsYWJlbD17ZXh0ZXJuYWxMYWJlbCA/IFwiXCIgOiBsYWJlbH1cbiAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICBlbmhhbmNlZD17ZmFsc2V9XG4gICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVyfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVyfVxuICAgICAgICBpZD17aWR9XG4gICAgICAgIG91dGxpbmVkXG4gICAgICAgIHJlcXVpcmVkPXtyZXF1aXJlZH1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKGNsYXNzTmFtZSwge1xuICAgICAgICAgIFwibWRjLXNlbGVjdC0tZGVuc2VcIjogIWxhcmdlLFxuICAgICAgICAgIFwibWRjLXNlbGVjdC0tbm8tYXJyb3dcIjogbm9BcnJvdyxcbiAgICAgICAgfSl9XG4gICAgICAgIGxlYWRpbmdJY29uPXtsZWFkaW5nSWNvbiBhcyBSZWFjdC5SZWFjdEVsZW1lbnQ8U2VsZWN0SWNvblByb3BzPn1cbiAgICAgICAgaGVscGVyVGV4dD17IWVycm9yID8gaGVscGVyVGV4dCA6IHVuZGVmaW5lZH1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICA+XG4gICAgICAgIHtvcHRpb25zLm1hcChvcHRpb24gPT4gKFxuICAgICAgICAgIDxPcHRpb24ga2V5PXtvcHRpb24udmFsdWV9IHsuLi5vcHRpb259PlxuICAgICAgICAgICAge29wdGlvbi5sYWJlbH1cbiAgICAgICAgICA8L09wdGlvbj5cbiAgICAgICAgKSl9XG4gICAgICA8L01EQ1NlbGVjdD5cbiAgICAgIHtlcnJvck1lc3NhZ2V9XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIC5zZWxlY3Qge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zZWxlY3QtbGFiZWwge1xuICAgICAgICAgIGZvbnQtc2l6ZTogMC44NzVyZW07XG4gICAgICAgICAgbWFyZ2luOiAwLjVyZW0gMDtcbiAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICAgICAgICBsZXR0ZXItc3BhY2luZzogMC4wMDkzN2VtO1xuICAgICAgICAgIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNik7XG4gICAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zZWxlY3QtbGFiZWwtLWRlbnNlIHtcbiAgICAgICAgICBmb250LXNpemU6IDAuNzVyZW07XG4gICAgICAgIH1cbiAgICAgIGB9PC9zdHlsZT5cbiAgICAgIHtzY29wZS5zdHlsZXN9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTZWxlY3Q7XG5cbmZ1bmN0aW9uIGlzU3RyaW5nQXJyYXkoYXJyOiBTZWxlY3RQcm9wc1tcIm9wdGlvbnNcIl0pOiBhcnIgaXMgQXJyYXk8c3RyaW5nPiB7XG4gIC8vIE5vdGUgdGhpcyBvbmx5IHRlc3RzIHRoYXQgYXQgbGVhc3Qgb25lIGl0ZW0gaW4gdGhlIGFycmF5IGlzIGEgc3RyaW5nXG4gIC8vIFRoaXMgb25seSB3b3JrcyB1bmRlciB0aGUgYXNzdW1wdGlvbiB0aGF0IHRoZSBhcnJheSBkb2VzIG5vdCBjb250YWluIG1peGVkIHR5cGVzXG4gIHJldHVybiBhcnIuc29tZShcbiAgICAob3B0aW9uOiBzdHJpbmcgfCBTZWxlY3RPcHRpb24pID0+IHR5cGVvZiBvcHRpb24gPT09IFwic3RyaW5nXCJcbiAgKTtcbn1cblxuZnVuY3Rpb24gZ2V0RmlyZWZveFNlbGVjdEJ1Z0hIYW5kbGVyKFxuICB2YWx1ZTogc3RyaW5nLFxuICBoYW5kbGVyOiAoZTogUmVhY3QuRm9ybUV2ZW50KSA9PiB2b2lkXG4pIHtcbiAgY29uc3QgZXZlbnRzOiB7XG4gICAgY2xpY2s6IFJlYWN0Lk1vdXNlRXZlbnQgfCBudWxsO1xuICAgIGNoYW5nZTogUmVhY3QuRm9ybUV2ZW50IHwgbnVsbDtcbiAgfSA9IHtcbiAgICBjbGljazogbnVsbCxcbiAgICBjaGFuZ2U6IG51bGwsXG4gIH07XG5cbiAgY29uc3QgdmFsdWVzOiB7XG4gICAgY2xpY2s6IHN0cmluZztcbiAgICBjaGFuZ2U6IHN0cmluZztcbiAgfSA9IHtcbiAgICBjbGljazogXCJcIixcbiAgICBjaGFuZ2U6IFwiXCIsXG4gIH07XG5cbiAgY29uc3QgZmx1c2hlZCA9IGZhbHNlO1xuXG4gIGxldCBoYW5kbGU6IG51bWJlciB8IG51bGwgPSBudWxsO1xuXG4gIGNvbnN0IGZsdXNoID0gKCkgPT4ge1xuICAgIGlmIChldmVudHMuY2hhbmdlICYmICFldmVudHMuY2xpY2spIHtcbiAgICAgIChldmVudHMuY2hhbmdlLnRhcmdldCBhcyBIVE1MU2VsZWN0RWxlbWVudCkudmFsdWUgPSB2YWx1ZXMuY2hhbmdlO1xuICAgICAgaGFuZGxlcihldmVudHMuY2hhbmdlKTtcbiAgICB9IGVsc2UgaWYgKGV2ZW50cy5jaGFuZ2UgJiYgdmFsdWVzLmNoYW5nZSAmJiB2YWx1ZXMuY2hhbmdlICE9PSB2YWx1ZSkge1xuICAgICAgaGFuZGxlcihldmVudHMuY2hhbmdlKTtcbiAgICB9IGVsc2UgaWYgKGV2ZW50cy5jbGljayAmJiB2YWx1ZXMuY2xpY2shICYmIHZhbHVlcy5jbGljayAhPT0gdmFsdWUpIHtcbiAgICAgIGhhbmRsZXIoZXZlbnRzLmNsaWNrIGFzIFJlYWN0LkZvcm1FdmVudCk7XG4gICAgfSBlbHNlIGlmIChldmVudHMuY2hhbmdlICYmICF2YWx1ZXMuY2xpY2sgJiYgIXZhbHVlcy5jaGFuZ2UgJiYgdmFsdWUpIHtcbiAgICAgIGhhbmRsZXIoZXZlbnRzLmNoYW5nZSk7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiAoZTogUmVhY3QuRm9ybUV2ZW50IHwgUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgIGUucGVyc2lzdCgpO1xuICAgIHN3aXRjaCAoZS50eXBlKSB7XG4gICAgICBjYXNlIFwiY2xpY2tcIjpcbiAgICAgICAgdmFsdWVzLmNsaWNrID0gKGUudGFyZ2V0IGFzIEhUTUxTZWxlY3RFbGVtZW50KS52YWx1ZTtcbiAgICAgICAgZXZlbnRzLmNsaWNrID0gZSBhcyBSZWFjdC5Nb3VzZUV2ZW50O1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgXCJjaGFuZ2VcIjpcbiAgICAgICAgdmFsdWVzLmNoYW5nZSA9IChlLmN1cnJlbnRUYXJnZXQgYXMgSFRNTFNlbGVjdEVsZW1lbnQpLnZhbHVlO1xuICAgICAgICBldmVudHMuY2hhbmdlID0gZSBhcyBSZWFjdC5Gb3JtRXZlbnQ7XG4gICAgICAgIGJyZWFrO1xuICAgIH1cblxuICAgIGlmIChldmVudHMuY2xpY2sgJiYgZXZlbnRzLmNoYW5nZSkge1xuICAgICAgZmx1c2goKTtcbiAgICB9XG5cbiAgICBpZiAoIWhhbmRsZSkge1xuICAgICAgLy8gVGhpcyBmbHVzaCBpcyByZXF1aXJlZCBpZiB0aGUgdXNlciB1c2VkIHRoZSBrZXlib2FyZCB0byBzZWxlY3RcbiAgICAgIC8vIGFzIG5vIGNsaWNrIGV2ZW50IHdvdWxkIGhhdmUgYmVlbiBkaXNwYXRjaGVkXG4gICAgICBoYW5kbGUgPSByZXF1ZXN0QW5pbWF0aW9uRnJhbWUoKCkgPT4ge1xuICAgICAgICBpZiAoIWZsdXNoZWQpIHtcbiAgICAgICAgICBmbHVzaCgpO1xuICAgICAgICB9XG4gICAgICB9KTtcbiAgICB9XG4gIH07XG59XG4iXX0= */\n/*@ sourceURL=select.tsx */")),
+    className: _JSXStyle.dynamic([["2428679981", [color ? "--mdc-theme-primary: " + color + ";" : "", color ? "background: url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22" + color + "%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E) no-repeat center;" : "", customTrailingIcon ? "background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImV4cGFuZF9tb3JlX0ZJTEwwX3dnaHQ0MDBfR1JBRDBfb3BzejQ4ICgxKSI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xNiAyMC41TDggMTIuNUw5LjQzMzMzIDExLjA2NjdMMTYgMTcuNjY2N0wyMi41NjY3IDExLjFMMjQgMTIuNTMzM0wxNiAyMC41WiIgZmlsbD0iIzQwNDA0MSIvPgo8L2c+Cjwvc3ZnPgo=) no-repeat center;" : "", error && "border: 2px solid #b00020 !important", color, theme.typography.fontFamily.brand]]])
+  };
+
+  /**
+   * This is a fix for the Material Component Bug in firefox
+   * untill they address this we have to handle the onChange
+   * of select with onClick.
+   */
+  const handler = getFirefoxSelectBugHHandler(value, onChange);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "jsx-2278246979" + " " + (classnames("select", scope.className) || "")
+  }, externalLabel && label ? /*#__PURE__*/React.createElement(FieldLabel, {
+    large: large,
+    htmlFor: id,
+    required: required,
+    asteriskColor: asteriskColor
+  }, label) : null, /*#__PURE__*/React.createElement(MDCSelect, _extends({
+    label: externalLabel ? "" : label,
+    value: value,
+    enhanced: false,
+    onChange: handler,
+    onClick: handler,
+    id: id,
+    outlined: true,
+    required: required,
+    className: classnames(className, {
+      "mdc-select--dense": !large,
+      "mdc-select--no-arrow": noArrow
+    }),
+    leadingIcon: leadingIcon,
+    helperText: !error ? helperText : undefined
+  }, rest), options.map(option => /*#__PURE__*/React.createElement(Option, _extends({
+    key: option.value
+  }, option), option.label))), errorMessage, /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "2278246979"
+  }, ".select.jsx-2278246979{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.select-label.jsx-2278246979{font-size:0.875rem;margin:0.5rem 0;display:inline-block;font-weight:400;-webkit-letter-spacing:0.00937em;-moz-letter-spacing:0.00937em;-ms-letter-spacing:0.00937em;letter-spacing:0.00937em;color:rgba(0,0,0,0.6);text-align:left;}.select-label--dense.jsx-2278246979{font-size:0.75rem;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlbGVjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEtrQixBQUd3QixBQUtNLEFBVUQsa0JBQ3BCLENBVmtCLGdCQUNLLHFCQUNMLGdCQUNTLEVBUkgsOEVBQ3hCLHFDQVEyQixzQkFDVCxnQkFDbEIiLCJmaWxlIjoic2VsZWN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gXCJjbGFzc25hbWVzXCI7XG5pbXBvcnQgY3NzIGZyb20gXCJzdHlsZWQtanN4L2Nzc1wiO1xuaW1wb3J0IE1EQ1NlbGVjdCwge1xuICBPcHRpb24sXG4gIFNlbGVjdFByb3BzIGFzIE1EQ1NlbGVjdFByb3BzLFxuICBTZWxlY3RJY29uLFxuICBTZWxlY3RJY29uUHJvcHMsXG4gIFNlbGVjdEhlbHBlclRleHRQcm9wcyxcbn0gZnJvbSBcIkBtYXRlcmlhbC9yZWFjdC1zZWxlY3RcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uLy4uL3RoZW1lL3RoZW1lXCI7XG5pbXBvcnQgU2VsZWN0SGVscGVyVGV4dCBmcm9tIFwiLi9zZWxlY3QtaGVscGVyLXRleHRcIjtcbmltcG9ydCB7IEZpZWxkTGFiZWwsIEZpZWxkSGVscGVyVGV4dCB9IGZyb20gXCIuLi9maWVsZC1oZWxwZXJzXCI7XG5cbmV4cG9ydCB0eXBlIFNlbGVjdE9wdGlvbiA9IHtcbiAgdmFsdWU6IHN0cmluZztcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2VsZWN0UHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFxuICAgIE1EQ1NlbGVjdFByb3BzLFxuICAgIFwicmVmXCIgfCBcImNoaWxkcmVuXCIgfCBcIm9wdGlvbnNcIiB8IFwib3V0bGluZWRcIiB8IFwiaGVscGVyVGV4dFwiIHwgXCJkZW5zZVwiXG4gID4ge1xuICBsYWJlbD86IHN0cmluZztcbiAgdmFsdWU6IHN0cmluZztcbiAgb25DaGFuZ2U6IChlOiBSZWFjdC5Gb3JtRXZlbnQpID0+IHZvaWQ7XG4gIGV4dGVybmFsTGFiZWw/OiBib29sZWFuO1xuICBsYXJnZT86IGJvb2xlYW47XG4gIG9wdGlvbnM6IEFycmF5PHN0cmluZz4gfCBBcnJheTxTZWxlY3RPcHRpb24+O1xuICBsZWFkaW5nSWNvbj86IFJlYWN0LlJlYWN0RWxlbWVudDtcbiAgaGVscGVyVGV4dD86IHN0cmluZyB8IFJlYWN0LlJlYWN0RWxlbWVudDxTZWxlY3RIZWxwZXJUZXh0UHJvcHM+IHwgbnVsbDtcbiAgaXNIZWxwZXJUZXh0UGVyc2lzdGVudD86IGJvb2xlYW47XG4gIG5vQXJyb3c/OiBib29sZWFuO1xuICBjb2xvcj86IHN0cmluZztcbiAgYXN0ZXJpc2tDb2xvcj86IHN0cmluZztcbiAgZXJyb3I/OiBib29sZWFuIHwgc3RyaW5nO1xuICBjdXN0b21UcmFpbGluZ0ljb24/OiBib29sZWFuO1xufVxuXG5jb25zdCBTZWxlY3QgPSBmdW5jdGlvbiBTZWxlY3Qoe1xuICBsYWJlbCA9IFwiXCIsXG4gIHZhbHVlLFxuICBvbkNoYW5nZSxcbiAgaGVscGVyVGV4dCxcbiAgaXNIZWxwZXJUZXh0UGVyc2lzdGVudCxcbiAgZXh0ZXJuYWxMYWJlbCxcbiAgaWQsXG4gIGNsYXNzTmFtZSxcbiAgb3B0aW9ucyxcbiAgbGFyZ2UgPSBmYWxzZSxcbiAgcmVxdWlyZWQsXG4gIGxlYWRpbmdJY29uLFxuICBub0Fycm93LFxuICBlcnJvciA9IGZhbHNlLFxuICBjb2xvcixcbiAgYXN0ZXJpc2tDb2xvcixcbiAgY3VzdG9tVHJhaWxpbmdJY29uLFxuICAuLi5yZXN0XG59OiBTZWxlY3RQcm9wcykge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGxldCBlcnJvck1lc3NhZ2UgPSBudWxsO1xuICAvLyBJZiBvcHRpb25zIGhhcyBiZWVuIHByb3ZpZGVkIGFzIGFuIGFycmF5IG9mIHN0cmluZ3MsIGNvbnZlcnQgaXQgaW50byBhbiBhcnJheSBvZiBvYmplY3RzXG4gIGlmIChpc1N0cmluZ0FycmF5KG9wdGlvbnMpKSB7XG4gICAgb3B0aW9ucyA9IG9wdGlvbnMubWFwKChvcHRpb246IHN0cmluZykgPT4gKHtcbiAgICAgIHZhbHVlOiBvcHRpb24sXG4gICAgICBsYWJlbDogb3B0aW9uLFxuICAgIH0pKSBhcyBBcnJheTxTZWxlY3RPcHRpb24+O1xuICB9XG5cbiAgLy8gQWRkIGFuIGVtcHR5IGRlZmF1bHQgdmFsdWVcbiAgaWYgKHZhbHVlID09PSBcIlwiICYmICFvcHRpb25zLmZpbmQob3B0aW9uID0+IG9wdGlvbi52YWx1ZSA9PT0gXCJcIikpIHtcbiAgICBvcHRpb25zID0gW1xuICAgICAge1xuICAgICAgICB2YWx1ZTogXCJcIixcbiAgICAgICAgbGFiZWw6IFwiXCIsXG4gICAgICAgIGRpc2FibGVkOiB0cnVlLFxuICAgICAgfSxcbiAgICAgIC4uLm9wdGlvbnMsXG4gICAgXTtcbiAgfVxuXG4gIGlmIChsZWFkaW5nSWNvbikge1xuICAgIGxlYWRpbmdJY29uID0gPFNlbGVjdEljb24gdGFnPVwic3BhblwiPntsZWFkaW5nSWNvbn08L1NlbGVjdEljb24+O1xuICB9XG5cbiAgLy8gSWYgaGVscGVyVGV4dCBpcyBwYXNzZWQgYXMgYSBzdHJpbmcgdHVybiBpdCBpbnRvIGEgSGVscGVyVGV4dFxuICAvLyBoZWxwZXJUZXh0PW51bGwgb3IgaGVscGVyVGV4dD1cIlwiIGluZGljYXRlcyB0aGF0IHRoZXJlIHNob3VsZCBiZSBlbXB0eSBoZWxwZXIgdGV4dCAoZm9yIGxheW91dCByZWFzb25zKVxuICBpZiAodHlwZW9mIGhlbHBlclRleHQgPT09IFwic3RyaW5nXCIgfHwgaGVscGVyVGV4dCA9PT0gbnVsbCkge1xuICAgIGhlbHBlclRleHQgPSAoXG4gICAgICA8U2VsZWN0SGVscGVyVGV4dCBwZXJzaXN0ZW50PXtpc0hlbHBlclRleHRQZXJzaXN0ZW50fT5cbiAgICAgICAge2hlbHBlclRleHR9XG4gICAgICA8L1NlbGVjdEhlbHBlclRleHQ+XG4gICAgKTtcbiAgfVxuXG4gIGlmICh0eXBlb2YgZXJyb3IgPT09IFwic3RyaW5nXCIpIHtcbiAgICBlcnJvck1lc3NhZ2UgPSA8RmllbGRIZWxwZXJUZXh0IGVycm9yPXtlcnJvcn0gLz47XG4gIH1cblxuICBjb25zdCBzY29wZSA9IGNzcy5yZXNvbHZlYFxuICAgIC5zZWxlY3QgOmdsb2JhbCgubWRjLXNlbGVjdC0tZm9jdXNlZCkge1xuICAgICAgJHtjb2xvciA/IFwiLS1tZGMtdGhlbWUtcHJpbWFyeTogXCIgKyBjb2xvciArIFwiO1wiIDogXCJcIn1cbiAgICB9XG4gICAgLnNlbGVjdCA6Z2xvYmFsKC5tZGMtc2VsZWN0LS1mb2N1c2VkKSA6Z2xvYmFsKC5tZGMtc2VsZWN0X19kcm9wZG93bi1pY29uKSB7XG4gICAgICAke2NvbG9yXG4gICAgICAgID8gXCJiYWNrZ3JvdW5kOiB1cmwoZGF0YTppbWFnZS9zdmcreG1sLCUzQ3N2ZyUyMHdpZHRoJTNEJTIyMTBweCUyMiUyMGhlaWdodCUzRCUyMjVweCUyMiUyMHZpZXdCb3glM0QlMjI3JTIwMTAlMjAxMCUyMDUlMjIlMjB2ZXJzaW9uJTNEJTIyMS4xJTIyJTIweG1sbnMlM0QlMjJodHRwJTNBJTJGJTJGd3d3LnczLm9yZyUyRjIwMDAlMkZzdmclMjIlMjB4bWxucyUzQXhsaW5rJTNEJTIyaHR0cCUzQSUyRiUyRnd3dy53My5vcmclMkYxOTk5JTJGeGxpbmslMjIlM0UlMEElMjAlMjAlMjAlMjAlM0Nwb2x5Z29uJTIwaWQlM0QlMjJTaGFwZSUyMiUyMHN0cm9rZSUzRCUyMm5vbmUlMjIlMjBmaWxsJTNEJTIyXCIgK1xuICAgICAgICAgIGNvbG9yICtcbiAgICAgICAgICBcIiUyMiUyMGZpbGwtcnVsZSUzRCUyMmV2ZW5vZGQlMjIlMjBvcGFjaXR5JTNEJTIyMC41NCUyMiUyMHBvaW50cyUzRCUyMjclMjAxMCUyMDEyJTIwMTUlMjAxNyUyMDEwJTIyJTNFJTNDJTJGcG9seWdvbiUzRSUwQSUzQyUyRnN2ZyUzRSkgbm8tcmVwZWF0IGNlbnRlcjtcIlxuICAgICAgICA6IFwiXCJ9XG4gICAgfVxuICAgIC5zZWxlY3QgOmdsb2JhbCgubWRjLXNlbGVjdF9fZHJvcGRvd24taWNvbiksXG4gICAgLnNlbGVjdCA6Z2xvYmFsKC5tZGMtc2VsZWN0LS1mb2N1c2VkKSA6Z2xvYmFsKC5tZGMtc2VsZWN0X19kcm9wZG93bi1pY29uKSB7XG4gICAgICAke2N1c3RvbVRyYWlsaW5nSWNvblxuICAgICAgICA/IFwiYmFja2dyb3VuZDogdXJsKGRhdGE6aW1hZ2Uvc3ZnK3htbDtiYXNlNjQsUEhOMlp5QjNhV1IwYUQwaU16SWlJR2hsYVdkb2REMGlNeklpSUhacFpYZENiM2c5SWpBZ01DQXpNaUF6TWlJZ1ptbHNiRDBpYm05dVpTSWdlRzFzYm5NOUltaDBkSEE2THk5M2QzY3Vkek11YjNKbkx6SXdNREF2YzNabklqNEtQR2NnYVdROUltVjRjR0Z1WkY5dGIzSmxYMFpKVEV3d1gzZG5hSFEwTURCZlIxSkJSREJmYjNCemVqUTRJQ2d4S1NJK0NqeHdZWFJvSUdsa1BTSldaV04wYjNJaUlHUTlJazB4TmlBeU1DNDFURGdnTVRJdU5VdzVMalF6TXpNeklERXhMakEyTmpkTU1UWWdNVGN1TmpZMk4wd3lNaTQxTmpZM0lERXhMakZNTWpRZ01USXVOVE16TTB3eE5pQXlNQzQxV2lJZ1ptbHNiRDBpSXpRd05EQTBNU0l2UGdvOEwyYytDand2YzNablBnbz0pIG5vLXJlcGVhdCBjZW50ZXI7XCJcbiAgICAgICAgOiBcIlwifVxuICAgIH1cbiAgICAuc2VsZWN0IDpnbG9iYWwoLm1kYy1zZWxlY3RfX25hdGl2ZS1jb250cm9sKSB7XG4gICAgICAke2Vycm9yICYmIFwiYm9yZGVyOiAycHggc29saWQgI2IwMDAyMCAhaW1wb3J0YW50XCJ9O1xuICAgIH1cbiAgICAuc2VsZWN0IDpnbG9iYWwoLm1kYy1mbG9hdGluZy1sYWJlbC0tZmxvYXQtYWJvdmUpIHtcbiAgICAgIGNvbG9yOiAke2NvbG9yfSFpbXBvcnRhbnQ7XG4gICAgfVxuICAgIC5zZWxlY3QgOmdsb2JhbCgubWRjLXNlbGVjdF9fbmF0aXZlLWNvbnRyb2wpLFxuICAgIC5zZWxlY3QgOmdsb2JhbCgubWRjLWZsb2F0aW5nLWxhYmVsKSB7XG4gICAgICBmb250LXdlaWdodDogNTAwO1xuICAgICAgZm9udC1mYW1pbHk6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250RmFtaWx5LmJyYW5kfTtcbiAgICB9XG4gIGA7XG5cbiAgLyoqXG4gICAqIFRoaXMgaXMgYSBmaXggZm9yIHRoZSBNYXRlcmlhbCBDb21wb25lbnQgQnVnIGluIGZpcmVmb3hcbiAgICogdW50aWxsIHRoZXkgYWRkcmVzcyB0aGlzIHdlIGhhdmUgdG8gaGFuZGxlIHRoZSBvbkNoYW5nZVxuICAgKiBvZiBzZWxlY3Qgd2l0aCBvbkNsaWNrLlxuICAgKi9cbiAgY29uc3QgaGFuZGxlciA9IGdldEZpcmVmb3hTZWxlY3RCdWdISGFuZGxlcih2YWx1ZSwgb25DaGFuZ2UpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXCJzZWxlY3RcIiwgc2NvcGUuY2xhc3NOYW1lKX0+XG4gICAgICB7ZXh0ZXJuYWxMYWJlbCAmJiBsYWJlbCA/IChcbiAgICAgICAgPEZpZWxkTGFiZWxcbiAgICAgICAgICBsYXJnZT17bGFyZ2V9XG4gICAgICAgICAgaHRtbEZvcj17aWR9XG4gICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgIGFzdGVyaXNrQ29sb3I9e2FzdGVyaXNrQ29sb3J9XG4gICAgICAgID5cbiAgICAgICAgICB7bGFiZWx9XG4gICAgICAgIDwvRmllbGRMYWJlbD5cbiAgICAgICkgOiBudWxsfVxuICAgICAgPE1EQ1NlbGVjdFxuICAgICAgICBsYWJlbD17ZXh0ZXJuYWxMYWJlbCA/IFwiXCIgOiBsYWJlbH1cbiAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICBlbmhhbmNlZD17ZmFsc2V9XG4gICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVyfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVyfVxuICAgICAgICBpZD17aWR9XG4gICAgICAgIG91dGxpbmVkXG4gICAgICAgIHJlcXVpcmVkPXtyZXF1aXJlZH1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKGNsYXNzTmFtZSwge1xuICAgICAgICAgIFwibWRjLXNlbGVjdC0tZGVuc2VcIjogIWxhcmdlLFxuICAgICAgICAgIFwibWRjLXNlbGVjdC0tbm8tYXJyb3dcIjogbm9BcnJvdyxcbiAgICAgICAgfSl9XG4gICAgICAgIGxlYWRpbmdJY29uPXtsZWFkaW5nSWNvbiBhcyBSZWFjdC5SZWFjdEVsZW1lbnQ8U2VsZWN0SWNvblByb3BzPn1cbiAgICAgICAgaGVscGVyVGV4dD17IWVycm9yID8gaGVscGVyVGV4dCA6IHVuZGVmaW5lZH1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICA+XG4gICAgICAgIHtvcHRpb25zLm1hcChvcHRpb24gPT4gKFxuICAgICAgICAgIDxPcHRpb24ga2V5PXtvcHRpb24udmFsdWV9IHsuLi5vcHRpb259PlxuICAgICAgICAgICAge29wdGlvbi5sYWJlbH1cbiAgICAgICAgICA8L09wdGlvbj5cbiAgICAgICAgKSl9XG4gICAgICA8L01EQ1NlbGVjdD5cbiAgICAgIHtlcnJvck1lc3NhZ2V9XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIC5zZWxlY3Qge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zZWxlY3QtbGFiZWwge1xuICAgICAgICAgIGZvbnQtc2l6ZTogMC44NzVyZW07XG4gICAgICAgICAgbWFyZ2luOiAwLjVyZW0gMDtcbiAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICAgICAgICBsZXR0ZXItc3BhY2luZzogMC4wMDkzN2VtO1xuICAgICAgICAgIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNik7XG4gICAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zZWxlY3QtbGFiZWwtLWRlbnNlIHtcbiAgICAgICAgICBmb250LXNpemU6IDAuNzVyZW07XG4gICAgICAgIH1cbiAgICAgIGB9PC9zdHlsZT5cbiAgICAgIHtzY29wZS5zdHlsZXN9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTZWxlY3Q7XG5cbmZ1bmN0aW9uIGlzU3RyaW5nQXJyYXkoYXJyOiBTZWxlY3RQcm9wc1tcIm9wdGlvbnNcIl0pOiBhcnIgaXMgQXJyYXk8c3RyaW5nPiB7XG4gIC8vIE5vdGUgdGhpcyBvbmx5IHRlc3RzIHRoYXQgYXQgbGVhc3Qgb25lIGl0ZW0gaW4gdGhlIGFycmF5IGlzIGEgc3RyaW5nXG4gIC8vIFRoaXMgb25seSB3b3JrcyB1bmRlciB0aGUgYXNzdW1wdGlvbiB0aGF0IHRoZSBhcnJheSBkb2VzIG5vdCBjb250YWluIG1peGVkIHR5cGVzXG4gIHJldHVybiBhcnIuc29tZShcbiAgICAob3B0aW9uOiBzdHJpbmcgfCBTZWxlY3RPcHRpb24pID0+IHR5cGVvZiBvcHRpb24gPT09IFwic3RyaW5nXCJcbiAgKTtcbn1cblxuZnVuY3Rpb24gZ2V0RmlyZWZveFNlbGVjdEJ1Z0hIYW5kbGVyKFxuICB2YWx1ZTogc3RyaW5nLFxuICBoYW5kbGVyOiAoZTogUmVhY3QuRm9ybUV2ZW50KSA9PiB2b2lkXG4pIHtcbiAgY29uc3QgZXZlbnRzOiB7XG4gICAgY2xpY2s6IFJlYWN0Lk1vdXNlRXZlbnQgfCBudWxsO1xuICAgIGNoYW5nZTogUmVhY3QuRm9ybUV2ZW50IHwgbnVsbDtcbiAgfSA9IHtcbiAgICBjbGljazogbnVsbCxcbiAgICBjaGFuZ2U6IG51bGwsXG4gIH07XG5cbiAgY29uc3QgdmFsdWVzOiB7XG4gICAgY2xpY2s6IHN0cmluZztcbiAgICBjaGFuZ2U6IHN0cmluZztcbiAgfSA9IHtcbiAgICBjbGljazogXCJcIixcbiAgICBjaGFuZ2U6IFwiXCIsXG4gIH07XG5cbiAgY29uc3QgZmx1c2hlZCA9IGZhbHNlO1xuXG4gIGxldCBoYW5kbGU6IG51bWJlciB8IG51bGwgPSBudWxsO1xuXG4gIGNvbnN0IGZsdXNoID0gKCkgPT4ge1xuICAgIGlmIChldmVudHMuY2hhbmdlICYmICFldmVudHMuY2xpY2spIHtcbiAgICAgIChldmVudHMuY2hhbmdlLnRhcmdldCBhcyBIVE1MU2VsZWN0RWxlbWVudCkudmFsdWUgPSB2YWx1ZXMuY2hhbmdlO1xuICAgICAgaGFuZGxlcihldmVudHMuY2hhbmdlKTtcbiAgICB9IGVsc2UgaWYgKGV2ZW50cy5jaGFuZ2UgJiYgdmFsdWVzLmNoYW5nZSAmJiB2YWx1ZXMuY2hhbmdlICE9PSB2YWx1ZSkge1xuICAgICAgaGFuZGxlcihldmVudHMuY2hhbmdlKTtcbiAgICB9IGVsc2UgaWYgKGV2ZW50cy5jbGljayAmJiB2YWx1ZXMuY2xpY2shICYmIHZhbHVlcy5jbGljayAhPT0gdmFsdWUpIHtcbiAgICAgIGhhbmRsZXIoZXZlbnRzLmNsaWNrIGFzIFJlYWN0LkZvcm1FdmVudCk7XG4gICAgfSBlbHNlIGlmIChldmVudHMuY2hhbmdlICYmICF2YWx1ZXMuY2xpY2sgJiYgIXZhbHVlcy5jaGFuZ2UgJiYgdmFsdWUpIHtcbiAgICAgIGhhbmRsZXIoZXZlbnRzLmNoYW5nZSk7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiAoZTogUmVhY3QuRm9ybUV2ZW50IHwgUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgIGUucGVyc2lzdCgpO1xuICAgIHN3aXRjaCAoZS50eXBlKSB7XG4gICAgICBjYXNlIFwiY2xpY2tcIjpcbiAgICAgICAgdmFsdWVzLmNsaWNrID0gKGUudGFyZ2V0IGFzIEhUTUxTZWxlY3RFbGVtZW50KS52YWx1ZTtcbiAgICAgICAgZXZlbnRzLmNsaWNrID0gZSBhcyBSZWFjdC5Nb3VzZUV2ZW50O1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgXCJjaGFuZ2VcIjpcbiAgICAgICAgdmFsdWVzLmNoYW5nZSA9IChlLmN1cnJlbnRUYXJnZXQgYXMgSFRNTFNlbGVjdEVsZW1lbnQpLnZhbHVlO1xuICAgICAgICBldmVudHMuY2hhbmdlID0gZSBhcyBSZWFjdC5Gb3JtRXZlbnQ7XG4gICAgICAgIGJyZWFrO1xuICAgIH1cblxuICAgIGlmIChldmVudHMuY2xpY2sgJiYgZXZlbnRzLmNoYW5nZSkge1xuICAgICAgZmx1c2goKTtcbiAgICB9XG5cbiAgICBpZiAoIWhhbmRsZSkge1xuICAgICAgLy8gVGhpcyBmbHVzaCBpcyByZXF1aXJlZCBpZiB0aGUgdXNlciB1c2VkIHRoZSBrZXlib2FyZCB0byBzZWxlY3RcbiAgICAgIC8vIGFzIG5vIGNsaWNrIGV2ZW50IHdvdWxkIGhhdmUgYmVlbiBkaXNwYXRjaGVkXG4gICAgICBoYW5kbGUgPSByZXF1ZXN0QW5pbWF0aW9uRnJhbWUoKCkgPT4ge1xuICAgICAgICBpZiAoIWZsdXNoZWQpIHtcbiAgICAgICAgICBmbHVzaCgpO1xuICAgICAgICB9XG4gICAgICB9KTtcbiAgICB9XG4gIH07XG59XG4iXX0= */\n/*@ sourceURL=select.tsx */"), scope.styles);
+};
+var Select$1 = Select;
+function isStringArray(arr) {
+  // Note this only tests that at least one item in the array is a string
+  // This only works under the assumption that the array does not contain mixed types
+  return arr.some(option => typeof option === "string");
+}
+function getFirefoxSelectBugHHandler(value, handler) {
+  const events = {
+    click: null,
+    change: null
+  };
+  const values = {
+    click: "",
+    change: ""
+  };
+  let handle = null;
+  const flush = () => {
+    if (events.change && !events.click) {
+      events.change.target.value = values.change;
+      handler(events.change);
+    } else if (events.change && values.change && values.change !== value) {
+      handler(events.change);
+    } else if (events.click && values.click && values.click !== value) {
+      handler(events.click);
+    } else if (events.change && !values.click && !values.change && value) {
+      handler(events.change);
+    }
+  };
+  return e => {
+    e.persist();
+    switch (e.type) {
+      case "click":
+        values.click = e.target.value;
+        events.click = e;
+        break;
+      case "change":
+        values.change = e.currentTarget.value;
+        events.change = e;
+        break;
+    }
+    if (events.click && events.change) {
+      flush();
+    }
+    if (!handle) {
+      // This flush is required if the user used the keyboard to select
+      // as no click event would have been dispatched
+      handle = requestAnimationFrame(() => {
+        {
+          flush();
+        }
+      });
+    }
+  };
+}
+
+export { Select$1 as default };

package/donation/esm/components/statistics/statistics.js

@@ -0,0 +1,70 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import _pt from 'prop-types';
+import _JSXStyle from 'styled-jsx/style';
+import React from 'react';
+import classnames from 'classnames';
+import Stack from '../layout/stack.js';
+import Text from '../text/text.js';
+import Flex from '../layout/flex.js';
+
+const _excluded = ["title", "stats", "className", "dark"];
+function Statistics(_ref) {
+  let {
+      title,
+      stats,
+      className,
+      dark
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
+    className: "jsx-791959487" + " " + (rest && rest.className != null && rest.className || classnames("statistics", className) || "")
+  }), /*#__PURE__*/React.createElement(Stack, {
+    direction: "column"
+  }, /*#__PURE__*/React.createElement(Text, {
+    p: true,
+    kind: "h4",
+    font: "brand",
+    className: "title",
+    invert: dark
+  }, title), /*#__PURE__*/React.createElement(Stack, {
+    gap: "1.1rem",
+    direction: "column"
+  }, stats.map(stat => {
+    const {
+      id,
+      label,
+      logo
+    } = stat;
+    return /*#__PURE__*/React.createElement(Stack, {
+      key: id,
+      align: "stretch",
+      className: "statistics-item"
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        backgroundImage: "url(".concat(logo, ")")
+      },
+      className: "jsx-791959487" + " " + "statistics-logo"
+    }), /*#__PURE__*/React.createElement(Flex, {
+      className: "statistics-text",
+      direction: "column",
+      justify: "space-around",
+      align: "stretch"
+    }, /*#__PURE__*/React.createElement(Text, {
+      span: true,
+      kind: "p",
+      font: "brand",
+      color: "neutral",
+      invert: dark,
+      className: "statistics-text-title"
+    }, label)));
+  }))), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "791959487"
+  }, ".statistics.jsx-791959487{background:#f2f8f1;padding:19px 25px 27px 25px;border-radius:16px;width:273px;}.statistics-logo.jsx-791959487{width:2.5rem;height:2.5rem;background-position:center;background-size:contain;background-repeat:no-repeat;}.statistics.jsx-791959487 .statistics-text{height:100%;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.statistics.jsx-791959487 .title{color:#0b1f05;}.statistics.jsx-791959487 .statistics-item{height:3rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.statistics.jsx-791959487 .statistics-text-title{width:165px !important;font-size:14px !important;line-height:19.6px !important;font-weight:400 !important;}.statistics.jsx-791959487 .statistics-text-value{line-height:1;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0YXRpc3RpY3MudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThEa0IsQUFHOEIsQUFPTixBQVFELEFBS0UsQUFJRixBQUtXLEFBT1QsWUFwQkssQUFTQSxDQWpCTCxDQWFoQixBQWdCQSxLQXBDOEIsSUE2QkYsSUFyQkMsb0JBUFIsRUE2QlcsS0FyQk4sWUFQWixZQUNkLEFBTzhCLENBcUJELEVBZlIsd0JBU3JCLENBZEEsQUFxQkEsb0VBZkEiLCJmaWxlIjoic3RhdGlzdGljcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgY24gZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vdGV4dFwiO1xuaW1wb3J0IHsgRmxleCwgU3RhY2sgfSBmcm9tIFwiLi4vbGF5b3V0XCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU3RhdGlzdGljc1Byb3BzIGV4dGVuZHMgUmVhY3QuSFRNTFByb3BzPEhUTUxEaXZFbGVtZW50PiB7XG4gIHN0YXRzOiBBcnJheTx7XG4gICAgaWQ6IHN0cmluZztcbiAgICBsYWJlbDogc3RyaW5nO1xuICAgIHZhbHVlOiBzdHJpbmc7XG4gICAgbG9nbzogc3RyaW5nO1xuICB9PjtcbiAgdGl0bGU6IHN0cmluZztcbiAgZGFyaz86IGJvb2xlYW47XG59XG5cbmZ1bmN0aW9uIFN0YXRpc3RpY3Moe1xuICB0aXRsZSxcbiAgc3RhdHMsXG4gIGNsYXNzTmFtZSxcbiAgZGFyayxcbiAgLi4ucmVzdFxufTogU3RhdGlzdGljc1Byb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NuKFwic3RhdGlzdGljc1wiLCBjbGFzc05hbWUpfSB7Li4ucmVzdH0+XG4gICAgICA8U3RhY2sgZGlyZWN0aW9uPVwiY29sdW1uXCI+XG4gICAgICAgIDxUZXh0IHAga2luZD1cImg0XCIgZm9udD1cImJyYW5kXCIgY2xhc3NOYW1lPVwidGl0bGVcIiBpbnZlcnQ9e2Rhcmt9PlxuICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgICA8U3RhY2sgZ2FwPVwiMS4xcmVtXCIgZGlyZWN0aW9uPVwiY29sdW1uXCI+XG4gICAgICAgICAge3N0YXRzLm1hcChzdGF0ID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHsgaWQsIGxhYmVsLCBsb2dvIH0gPSBzdGF0O1xuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgPFN0YWNrIGtleT17aWR9IGFsaWduPVwic3RyZXRjaFwiIGNsYXNzTmFtZT1cInN0YXRpc3RpY3MtaXRlbVwiPlxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cInN0YXRpc3RpY3MtbG9nb1wiXG4gICAgICAgICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kSW1hZ2U6IGB1cmwoJHtsb2dvfSlgLFxuICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxGbGV4XG4gICAgICAgICAgICAgICAgICBjbGFzc05hbWU9XCJzdGF0aXN0aWNzLXRleHRcIlxuICAgICAgICAgICAgICAgICAgZGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICAgICAgICAgIGp1c3RpZnk9XCJzcGFjZS1hcm91bmRcIlxuICAgICAgICAgICAgICAgICAgYWxpZ249XCJzdHJldGNoXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgICAgICBzcGFuXG4gICAgICAgICAgICAgICAgICAgIGtpbmQ9XCJwXCJcbiAgICAgICAgICAgICAgICAgICAgZm9udD1cImJyYW5kXCJcbiAgICAgICAgICAgICAgICAgICAgY29sb3I9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgICAgICAgICAgaW52ZXJ0PXtkYXJrfVxuICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9XCJzdGF0aXN0aWNzLXRleHQtdGl0bGVcIlxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPC9GbGV4PlxuICAgICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9TdGFjaz5cbiAgICAgIDwvU3RhY2s+XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIC5zdGF0aXN0aWNzIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiAjZjJmOGYxO1xuICAgICAgICAgIHBhZGRpbmc6IDE5cHggMjVweCAyN3B4IDI1cHg7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgICAgICAgICB3aWR0aDogMjczcHg7XG4gICAgICAgIH1cblxuICAgICAgICAuc3RhdGlzdGljcy1sb2dvIHtcbiAgICAgICAgICB3aWR0aDogMi41cmVtO1xuICAgICAgICAgIGhlaWdodDogMi41cmVtO1xuICAgICAgICAgIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlcjtcbiAgICAgICAgICBiYWNrZ3JvdW5kLXNpemU6IGNvbnRhaW47XG4gICAgICAgICAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zdGF0aXN0aWNzIDpnbG9iYWwoLnN0YXRpc3RpY3MtdGV4dCkge1xuICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIH1cbiAgICAgICAgLnN0YXRpc3RpY3MgOmdsb2JhbCgudGl0bGUpIHtcbiAgICAgICAgICBjb2xvcjogIzBiMWYwNTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zdGF0aXN0aWNzIDpnbG9iYWwoLnN0YXRpc3RpY3MtaXRlbSkge1xuICAgICAgICAgIGhlaWdodDogM3JlbTtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICB9XG5cbiAgICAgICAgLnN0YXRpc3RpY3MgOmdsb2JhbCguc3RhdGlzdGljcy10ZXh0LXRpdGxlKSB7XG4gICAgICAgICAgd2lkdGg6IDE2NXB4ICFpbXBvcnRhbnQ7XG4gICAgICAgICAgZm9udC1zaXplOiAxNHB4ICFpbXBvcnRhbnQ7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IDE5LjZweCAhaW1wb3J0YW50O1xuICAgICAgICAgIGZvbnQtd2VpZ2h0OiA0MDAgIWltcG9ydGFudDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zdGF0aXN0aWNzIDpnbG9iYWwoLnN0YXRpc3RpY3MtdGV4dC12YWx1ZSkge1xuICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxO1xuICAgICAgICB9XG4gICAgICBgfTwvc3R5bGU+XG4gICAgPC9kaXY+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IFN0YXRpc3RpY3M7XG4iXX0= */\n/*@ sourceURL=statistics.tsx */"));
+}
+Statistics.propTypes = {
+  stats: _pt.any.isRequired,
+  title: _pt.string.isRequired,
+  dark: _pt.bool
+};
+
+export { Statistics as default };

package/donation/esm/components/tabs/tab-bar.js

@@ -0,0 +1,34 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import _JSXStyle from 'styled-jsx/style';
+import React, { forwardRef, useCallback } from 'react';
+import classnames from 'classnames';
+import MDCTabBar from '@material/react-tab-bar';
+import { setRef } from '../../utils/set-ref.js';
+
+const _excluded = ["large", "className"];
+const scope = {
+  styles: /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "3209357986"
+  }, "*.jsx-3209357986 .mdc-tab{padding:0 1rem;}*.jsx-3209357986 .mdc-tab__text-label{font-weight:600;}.mdc-tab-bar--large.jsx-3209357986 .mdc-tab{height:6rem;}.mdc-tab-bar--large.jsx-3209357986 .mdc-tab__text-label{font-size:1rem;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYi1iYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVF5QixBQUdvQixBQUlDLEFBSUosQUFJRyxZQUhqQixHQVJBLEFBWUEsQ0FSQSIsImZpbGUiOiJ0YWItYmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VDYWxsYmFjayB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNzcyBmcm9tIFwic3R5bGVkLWpzeC9jc3NcIjtcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gXCJjbGFzc25hbWVzXCI7XG5pbXBvcnQgTURDVGFiQmFyLCB7XG4gIFRhYkJhclByb3BzIGFzIE1EQ1RhYkJhclByb3BzLFxufSBmcm9tIFwiQG1hdGVyaWFsL3JlYWN0LXRhYi1iYXJcIjtcbmltcG9ydCB7IHNldFJlZiB9IGZyb20gXCIuLi8uLi91dGlscy9zZXQtcmVmXCI7XG5cbmNvbnN0IHNjb3BlID0gY3NzLnJlc29sdmVgXG4gICogOmdsb2JhbCgubWRjLXRhYikge1xuICAgIHBhZGRpbmc6IDAgMXJlbTtcbiAgfVxuXG4gICogOmdsb2JhbCgubWRjLXRhYl9fdGV4dC1sYWJlbCkge1xuICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIH1cblxuICAubWRjLXRhYi1iYXItLWxhcmdlIDpnbG9iYWwoLm1kYy10YWIpIHtcbiAgICBoZWlnaHQ6IDZyZW07XG4gIH1cblxuICAubWRjLXRhYi1iYXItLWxhcmdlIDpnbG9iYWwoLm1kYy10YWJfX3RleHQtbGFiZWwpIHtcbiAgICBmb250LXNpemU6IDFyZW07XG4gIH1cbmA7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiQmFyUHJvcHMgZXh0ZW5kcyBNRENUYWJCYXJQcm9wcyB7XG4gIGxhcmdlPzogYm9vbGVhbjtcbiAgaXNNaW5XaWR0aD86IGJvb2xlYW47XG4gIGlzTWluV2lkdGhJbmRpY2F0b3I/OiBib29sZWFuO1xufVxuXG5jb25zdCBUYWJCYXIgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIFRhYkJhcihcbiAgeyBsYXJnZSwgY2xhc3NOYW1lLCAuLi5wcm9wcyB9OiBUYWJCYXJQcm9wcyxcbiAgcmVmXzogUmVhY3QuUmVmPEhUTUxFbGVtZW50PlxuKSB7XG4gIC8vIHVzZUNhbGxiYWNrIHRvIGVuc3VyZSB0aGVyZSBpcyBhIHN0YWJsZSByZWZcbiAgLy8gVGhlIDxNRENUYWJCYXI+IGNvbXBvbmVudCBoYXMgYSBgdGFiQmFyUmVmYCBwcm9wZXJ0eSB3aGljaFxuICAvLyBpcyBhIHJlZiB0byB0aGUgdGFiIGJhciBlbGVtZW50XG4gIGNvbnN0IHJlZiA9IHVzZUNhbGxiYWNrKFxuICAgIHNldFJlZjxIVE1MRWxlbWVudCwgTURDVGFiQmFyPihcbiAgICAgIHJlZl8sXG4gICAgICBpbnN0YW5jZSA9PiBpbnN0YW5jZS50YWJCYXJSZWYuY3VycmVudFxuICAgICksXG4gICAgW3JlZl9dXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPE1EQ1RhYkJhclxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXMoc2NvcGUuY2xhc3NOYW1lLCBjbGFzc05hbWUsIHtcbiAgICAgICAgICBcIm1kYy10YWItYmFyLS1sYXJnZVwiOiBsYXJnZSxcbiAgICAgICAgfSl9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAvPlxuICAgICAge3Njb3BlLnN0eWxlc31cbiAgICA8Lz5cbiAgKTtcbn0pO1xuXG5leHBvcnQgZGVmYXVsdCBUYWJCYXI7XG4iXX0= */\n/*@ sourceURL=tab-bar.tsx */"),
+  className: "jsx-3209357986"
+};
+const TabBar = /*#__PURE__*/forwardRef(function TabBar(_ref, ref_) {
+  let {
+      large,
+      className
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  // useCallback to ensure there is a stable ref
+  // The <MDCTabBar> component has a `tabBarRef` property which
+  // is a ref to the tab bar element
+  const ref = useCallback(setRef(ref_, instance => instance.tabBarRef.current), [ref_]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MDCTabBar, _extends({
+    className: classnames(scope.className, className, {
+      "mdc-tab-bar--large": large
+    }),
+    ref: ref
+  }, props)), scope.styles);
+});
+var TabBar$1 = TabBar;
+
+export { TabBar$1 as default };

package/donation/esm/components/tabs/tab-text-label.js

@@ -0,0 +1,16 @@
+import _pt from 'prop-types';
+import React from 'react';
+
+function TabTextLabel(_ref) {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/React.createElement("span", {
+    className: "mdc-tab__text-label"
+  }, children);
+}
+TabTextLabel.propTypes = {
+  children: _pt.node
+};
+
+export { TabTextLabel as default };

package/donation/esm/components/tabs/tab.js

@@ -0,0 +1,63 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import _JSXStyle from 'styled-jsx/style';
+import React, { forwardRef, useState, useEffect, useRef } from 'react';
+import MDCTab from '@material/react-tab';
+import classnames from 'classnames';
+import { tapRef } from '../../utils/tap-ref.js';
+
+const _excluded = ["children", "className", "isCompactHeight", "isMinWidth", "id", "analyticsId"];
+const Tab = /*#__PURE__*/forwardRef(function Tab(_ref, ref) {
+  let {
+      children,
+      className,
+      isCompactHeight,
+      isMinWidth,
+      id,
+      analyticsId
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const [mounted, setMounted] = useState(false);
+  const scope = {
+    styles: /*#__PURE__*/React.createElement(_JSXStyle, {
+      id: "2768438155"
+    }, ".mdc-tab--min-width.jsx-2768438155{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}.mdc-tab--compact-height.jsx-2768438155{height:64px !important;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEIyQixBQUdtQixBQUdXLHVCQUN6QixnREFIQSIsImZpbGUiOiJ0YWIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIHVzZVN0YXRlLCB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IE1EQ1RhYiwgeyBUYWJQcm9wcyBhcyBNRENUYWJQcm9wcyB9IGZyb20gXCJAbWF0ZXJpYWwvcmVhY3QtdGFiXCI7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IGNzcyBmcm9tIFwic3R5bGVkLWpzeC9jc3NcIjtcbmltcG9ydCB7IHRhcFJlZiB9IGZyb20gXCIuLi8uLi91dGlscy90YXAtcmVmXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiUHJvcHMgZXh0ZW5kcyBPbWl0PE1EQ1RhYlByb3BzLCBcInJlZlwiPiB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIGlzTWluV2lkdGg/OiBib29sZWFuO1xuICBpc0NvbXBhY3RIZWlnaHQ/OiBib29sZWFuO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGFuYWx5dGljc0lkPzogc3RyaW5nO1xufVxuXG5jb25zdCBUYWIgPSBmb3J3YXJkUmVmPE1EQ1RhYiwgVGFiUHJvcHM+KGZ1bmN0aW9uIFRhYihcbiAge1xuICAgIGNoaWxkcmVuLFxuICAgIGNsYXNzTmFtZSxcbiAgICBpc0NvbXBhY3RIZWlnaHQsXG4gICAgaXNNaW5XaWR0aCxcbiAgICBpZCxcbiAgICBhbmFseXRpY3NJZCxcbiAgICAuLi5wcm9wc1xuICB9OiBUYWJQcm9wcyxcbiAgcmVmOiBSZWFjdC5SZWY8TURDVGFiPlxuKSB7XG4gIGNvbnN0IFttb3VudGVkLCBzZXRNb3VudGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBzY29wZSA9IGNzcy5yZXNvbHZlYFxuICAgIC5tZGMtdGFiLS1taW4td2lkdGgge1xuICAgICAgZmxleC1ncm93OiAwO1xuICAgIH1cbiAgICAubWRjLXRhYi0tY29tcGFjdC1oZWlnaHQge1xuICAgICAgaGVpZ2h0OiA2NHB4ICFpbXBvcnRhbnQ7XG4gICAgfVxuICBgO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0TW91bnRlZCh0cnVlKTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGludGVybWVkaWF0ZVJlZiA9IHVzZVJlZjxNRENUYWI+KG51bGwpO1xuICBjb25zdCBmaW5hbFJlZiA9IHRhcFJlZihyZWYsIGludGVybWVkaWF0ZVJlZik7XG5cbiAgLy8gQmVjYXVzZSB0aGUgcmlwcGxlIGlzIHRoZSBlbGVtZW50IHRoYXQgZ2V0cyBjbGlja2VkIChub3QgdGhlIGJ1dHRvbilcbiAgLy8gd2UgbmVlZCB0byBwdXQgdGhlIGFuYWx5dGljc0lkIG9udG8gdGhlIHJpcHBsZSBpbnN0ZWFkLlxuICAvLyB0aGVyZSBpcyBubyB3YXkgdG8gZ2V0IHRvIHRoZSByaXBwbGUgc3VwcG9ydGVkIGJ5IEBtYXRlcmlhbC9yZWFjdC10YWJcbiAgLy8gc28gd2UgaGF2ZSB0byBkbyBpdCBtYW51YWxseVxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChtb3VudGVkKSB7XG4gICAgICBpZiAoaW50ZXJtZWRpYXRlUmVmLmN1cnJlbnQgJiYgaW50ZXJtZWRpYXRlUmVmLmN1cnJlbnQudGFiUmVmLmN1cnJlbnQpIHtcbiAgICAgICAgY29uc3QgdGFiTm9kZSA9IGludGVybWVkaWF0ZVJlZi5jdXJyZW50LnRhYlJlZi5jdXJyZW50O1xuICAgICAgICBjb25zdCByaXBwbGVOb2RlID0gdGFiTm9kZS5xdWVyeVNlbGVjdG9yKFwiLm1kYy10YWJfX3JpcHBsZVwiKSE7XG5cbiAgICAgICAgc2V0QXR0cmlidXRlKHJpcHBsZU5vZGUsIFwiaWRcIiwgYW5hbHl0aWNzSWQpO1xuICAgICAgfVxuICAgIH1cbiAgfSwgW21vdW50ZWQsIGFuYWx5dGljc0lkXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8TURDVGFiXG4gICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXMoY2xhc3NOYW1lLCBzY29wZS5jbGFzc05hbWUsIHtcbiAgICAgICAgXCJtZGMtdGFiLS1taW4td2lkdGhcIjogaXNNaW5XaWR0aCxcbiAgICAgICAgXCJtZGMtdGFiLS1jb21wYWN0LWhlaWdodFwiOiBpc0NvbXBhY3RIZWlnaHQsXG4gICAgICB9KX1cbiAgICAgIGlkPXtpZH1cbiAgICAgIHJlZj17ZmluYWxSZWZ9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgICAge3Njb3BlLnN0eWxlc31cbiAgICA8L01EQ1RhYj5cbiAgKTtcbn0pO1xuXG5leHBvcnQgZGVmYXVsdCBUYWI7XG5cbmZ1bmN0aW9uIHNldEF0dHJpYnV0ZShub2RlOiBFbGVtZW50LCBhdHRyOiBzdHJpbmcsIHZhbD86IHN0cmluZykge1xuICBpZiAodHlwZW9mIHZhbCAhPT0gXCJ1bmRlZmluZWRcIikge1xuICAgIG5vZGUuc2V0QXR0cmlidXRlKGF0dHIsIHZhbCk7XG4gIH0gZWxzZSB7XG4gICAgbm9kZS5yZW1vdmVBdHRyaWJ1dGUoYXR0cik7XG4gIH1cbn1cbiJdfQ== */\n/*@ sourceURL=tab.tsx */"),
+    className: "jsx-2768438155"
+  };
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+  const intermediateRef = useRef(null);
+  const finalRef = tapRef(ref, intermediateRef);
+
+  // Because the ripple is the element that gets clicked (not the button)
+  // we need to put the analyticsId onto the ripple instead.
+  // there is no way to get to the ripple supported by @material/react-tab
+  // so we have to do it manually
+  useEffect(() => {
+    if (mounted) {
+      if (intermediateRef.current && intermediateRef.current.tabRef.current) {
+        const tabNode = intermediateRef.current.tabRef.current;
+        const rippleNode = tabNode.querySelector(".mdc-tab__ripple");
+        setAttribute(rippleNode, "id", analyticsId);
+      }
+    }
+  }, [mounted, analyticsId]);
+  return /*#__PURE__*/React.createElement(MDCTab, _extends({
+    className: classnames(className, scope.className, {
+      "mdc-tab--min-width": isMinWidth,
+      "mdc-tab--compact-height": isCompactHeight
+    }),
+    id: id,
+    ref: finalRef
+  }, props), children, scope.styles);
+});
+var Tab$1 = Tab;
+function setAttribute(node, attr, val) {
+  if (typeof val !== "undefined") {
+    node.setAttribute(attr, val);
+  } else {
+    node.removeAttribute(attr);
+  }
+}
+
+export { Tab$1 as default };

package/donation/esm/components/tabs/tabs.js

@@ -0,0 +1,93 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import _pt from 'prop-types';
+import _JSXStyle from 'styled-jsx/style';
+import React, { useRef, useState, useEffect } from 'react';
+import classnames from 'classnames';
+import TabBar from './tab-bar.js';
+import Tab from './tab.js';
+import TabTextLabel from './tab-text-label.js';
+
+const _excluded = ["tabs", "active", "onActiveUpdate", "isMinWidth", "isMinWidthIndicator", "isCompactHeight", "className"],
+  _excluded2 = ["key", "label", "className"];
+const scope = {
+  styles: /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "2405750211"
+  }, ".tab--noselect.jsx-2405750211{width:0;padding:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}.tab-bar--none-selected.jsx-2405750211:focus-within{background-color:rgba(0,0,0,0.02);}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCeUIsQUFHYSxBQVU2QixRQVQzQixVQUNFLGdCQVNkLHVEQVJBIiwiZmlsZSI6InRhYnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5pbXBvcnQgVGFiQmFyLCB7IFRhYkJhclByb3BzIH0gZnJvbSBcIi4vdGFiLWJhclwiO1xuaW1wb3J0IFRhYiwgeyBUYWJQcm9wcyB9IGZyb20gXCIuL3RhYlwiO1xuaW1wb3J0IFRhYlRleHRMYWJlbCBmcm9tIFwiLi90YWItdGV4dC1sYWJlbFwiO1xuXG5pbnRlcmZhY2UgVGFiT3B0aW9ucyBleHRlbmRzIE9taXQ8VGFiUHJvcHMsIFwiY2hpbGRyZW5cIiB8IFwibGFiZWxcIj4ge1xuICBrZXk6IHN0cmluZztcbiAgbGFiZWw6IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuaW50ZXJmYWNlIFRhYnNQcm9wc1xuICBleHRlbmRzIE9taXQ8XG4gICAgVGFiQmFyUHJvcHMsXG4gICAgXCJhY3RpdmVJbmRleFwiIHwgXCJoYW5kbGVBY3RpdmVJbmRleFVwZGF0ZVwiIHwgXCJjaGlsZHJlblwiXG4gID4ge1xuICB0YWJzOiBBcnJheTxUYWJPcHRpb25zICYgeyBoaWRkZW4/OiBib29sZWFuIH0+O1xuICBhY3RpdmU/OiBzdHJpbmcgfCBudWxsO1xuICBvbkFjdGl2ZVVwZGF0ZTogKGtleTogc3RyaW5nKSA9PiB2b2lkO1xuICBpc0NvbXBhY3RIZWlnaHQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBzY29wZSA9IGNzcy5yZXNvbHZlYFxuICAudGFiLS1ub3NlbGVjdCB7XG4gICAgd2lkdGg6IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBmbGV4LWdyb3c6IDA7XG4gIH1cblxuICAvKipcbiAgICB3aGVuIHRoZSBpbnZpc2libGUgdGFiIGlzIHNlbGVjdGVkIChtZWFuaW5nIG5vIGFjdHVhbCB0YWIgaXMgc2VsZWN0ZWQpXG4gICAgc2hvdyB0aGF0IHRoZSB3aG9sZSB0YWIgYmFyIGlzIGZvY3VzZWRcbiAgICovXG4gIC50YWItYmFyLS1ub25lLXNlbGVjdGVkOmZvY3VzLXdpdGhpbiB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjAyKTtcbiAgfVxuYDtcblxuZnVuY3Rpb24gVGFicyh7XG4gIHRhYnMsXG4gIGFjdGl2ZSxcbiAgb25BY3RpdmVVcGRhdGUsXG4gIGlzTWluV2lkdGgsXG4gIGlzTWluV2lkdGhJbmRpY2F0b3IsXG4gIGlzQ29tcGFjdEhlaWdodCxcbiAgY2xhc3NOYW1lLFxuICAuLi5wcm9wc1xufTogVGFic1Byb3BzKSB7XG4gIGlmICghYWN0aXZlKSB7XG4gICAgLy8gSW4gdGhlIGNhc2UgdGhhdCBubyB0YWIgaXMgc2VsZWN0ZWQsIGFuIGludmlzaWJsZSB0YWIgd2lsbCBiZSBhZGRlZCBhbmQgYmUgc2V0IHRvIGFjdGl2ZVxuICAgIHRhYnMgPSBbXG4gICAgICB7XG4gICAgICAgIGtleTogXCJcIixcbiAgICAgICAgbGFiZWw6IG51bGwsXG4gICAgICB9LFxuICAgICAgLi4udGFicyxcbiAgICBdO1xuICB9XG5cbiAgY29uc3QgYWN0aXZlSW5kZXggPSBhY3RpdmUgPyB0YWJzLmZpbmRJbmRleCh0YWIgPT4gdGFiLmtleSA9PT0gYWN0aXZlKSA6IDA7XG5cbiAgY29uc3QgaGFuZGxlQWN0aXZlSW5kZXhVcGRhdGUgPSAoaTogbnVtYmVyKSA9PiB7XG4gICAgb25BY3RpdmVVcGRhdGUodGFic1tpXSEua2V5KTtcbiAgfTtcblxuICAvLyBXaGVuIHRoZSBjb21wb25lbnQgZmlyc3QgbW91bnRzIGFuZCBhY3RpdmUgaXMgc2V0IHRvIG51bGwsIHRoZSBmaXJzdFxuICAvLyAoaGlkZGVuKSB0YWIgaXMgc2VsZWN0ZWQuIFdoZW4gdGhpcyBoYXBwZW5zIHRoZSB0YWIgYmFyIGdhaW5zIGZvY3VzXG4gIC8vIGFuZCB3ZSBjYW4gc2VlIHRoZSBmb2N1cyBzdHlsaW5nLiBUaGUgdXNlciBkaWRuJ3QgaW50ZW5kIHRvIGZvY3VzIHRoZVxuICAvLyB0YWIgYmFyLCBzbyB3ZSB1bnNlbGVjdCBpdCBieSBjYWxsaW5nIGJsdXIgb24gdGhlIHRhYi5cbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3QgW21vdW50ZWQsIHNldE1vdW50ZWRdID0gdXNlU3RhdGU8Ym9vbGVhbj4oZmFsc2UpO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghbW91bnRlZCAmJiAhYWN0aXZlICYmIHJlZi5jdXJyZW50KSB7XG4gICAgICBjb25zdCBlbGVtID0gcmVmLmN1cnJlbnQ7XG5cbiAgICAgIGNvbnN0IHRhYiA9IGVsZW0ucXVlcnlTZWxlY3RvcihcIi50YWItLW5vc2VsZWN0XCIpISBhcyBIVE1MQnV0dG9uRWxlbWVudDtcbiAgICAgIHRhYi5ibHVyKCk7XG4gICAgfVxuICAgIHNldE1vdW50ZWQodHJ1ZSk7XG4gIH0sIFtyZWYsIGFjdGl2ZSwgbW91bnRlZF0pO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxUYWJCYXJcbiAgICAgICAga2V5PXsoISFhY3RpdmUpLnRvU3RyaW5nKCl9IC8vIFRhYkJhciBjcmFzaGVzIGlmIHRoZSBhY3RpdmUgaW5kZXggY2hhbmdlcyB0byAtMSBmcm9tIG5vbiAtMSBvciB2aWNlIHZlcnNhXG4gICAgICAgIGFjdGl2ZUluZGV4PXthY3RpdmVJbmRleH1cbiAgICAgICAgaGFuZGxlQWN0aXZlSW5kZXhVcGRhdGU9e2hhbmRsZUFjdGl2ZUluZGV4VXBkYXRlfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXMoc2NvcGUuY2xhc3NOYW1lLCBjbGFzc05hbWUsIHtcbiAgICAgICAgICBcInRhYi1iYXItLW5vbmUtc2VsZWN0ZWRcIjogIWFjdGl2ZSxcbiAgICAgICAgfSl9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHt0YWJzLm1hcCgoeyBrZXksIGxhYmVsLCBjbGFzc05hbWUsIC4uLnRhYiB9KSA9PiAoXG4gICAgICAgICAgPFRhYlxuICAgICAgICAgICAga2V5PXtrZXl9XG4gICAgICAgICAgICBpc0NvbXBhY3RIZWlnaHQ9e2lzQ29tcGFjdEhlaWdodH1cbiAgICAgICAgICAgIGlzTWluV2lkdGg9e2lzTWluV2lkdGh9XG4gICAgICAgICAgICBpc01pbldpZHRoSW5kaWNhdG9yPXtpc01pbldpZHRoSW5kaWNhdG9yfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKFxuICAgICAgICAgICAgICBzY29wZS5jbGFzc05hbWUsXG4gICAgICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIFwidGFiLS1ub3NlbGVjdFwiOiAha2V5LFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICB7IFwidGFiLXNldC1oaWRkZW5cIjogdGFiLmhpZGRlbiB9XG4gICAgICAgICAgICApfVxuICAgICAgICAgICAgey4uLnRhYn1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8VGFiVGV4dExhYmVsPntsYWJlbH08L1RhYlRleHRMYWJlbD5cbiAgICAgICAgICA8L1RhYj5cbiAgICAgICAgKSl9XG4gICAgICA8L1RhYkJhcj5cbiAgICAgIHtzY29wZS5zdHlsZXN9XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIDpnbG9iYWwoLnRhYi1zZXQtaGlkZGVuKSB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYH08L3N0eWxlPlxuICAgIDwvPlxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCBUYWJzO1xuIl19 */\n/*@ sourceURL=tabs.tsx */"),
+  className: "jsx-2405750211"
+};
+function Tabs(_ref) {
+  let {
+      tabs,
+      active,
+      onActiveUpdate,
+      isMinWidth,
+      isMinWidthIndicator,
+      isCompactHeight,
+      className
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  if (!active) {
+    // In the case that no tab is selected, an invisible tab will be added and be set to active
+    tabs = [{
+      key: "",
+      label: null
+    }, ...tabs];
+  }
+  const activeIndex = active ? tabs.findIndex(tab => tab.key === active) : 0;
+  const handleActiveIndexUpdate = i => {
+    onActiveUpdate(tabs[i].key);
+  };
+
+  // When the component first mounts and active is set to null, the first
+  // (hidden) tab is selected. When this happens the tab bar gains focus
+  // and we can see the focus styling. The user didn't intend to focus the
+  // tab bar, so we unselect it by calling blur on the tab.
+  const ref = useRef(null);
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => {
+    if (!mounted && !active && ref.current) {
+      const elem = ref.current;
+      const tab = elem.querySelector(".tab--noselect");
+      tab.blur();
+    }
+    setMounted(true);
+  }, [ref, active, mounted]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TabBar, _extends({
+    key: (!!active).toString() // TabBar crashes if the active index changes to -1 from non -1 or vice versa
+    ,
+    activeIndex: activeIndex,
+    handleActiveIndexUpdate: handleActiveIndexUpdate,
+    className: classnames(scope.className, className, {
+      "tab-bar--none-selected": !active
+    }),
+    ref: ref
+  }, props), tabs.map(_ref2 => {
+    let {
+        key,
+        label,
+        className
+      } = _ref2,
+      tab = _objectWithoutProperties(_ref2, _excluded2);
+    return /*#__PURE__*/React.createElement(Tab, _extends({
+      key: key,
+      isCompactHeight: isCompactHeight,
+      isMinWidth: isMinWidth,
+      isMinWidthIndicator: isMinWidthIndicator,
+      className: classnames(scope.className, className, {
+        "tab--noselect": !key
+      }, {
+        "tab-set-hidden": tab.hidden
+      })
+    }, tab), /*#__PURE__*/React.createElement(TabTextLabel, null, label));
+  })), scope.styles, /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "2565489069"
+  }, ".tab-set-hidden{display:none;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Ia0IsQUFHd0IsYUFDZiIsImZpbGUiOiJ0YWJzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gXCJjbGFzc25hbWVzXCI7XG5pbXBvcnQgY3NzIGZyb20gXCJzdHlsZWQtanN4L2Nzc1wiO1xuaW1wb3J0IFRhYkJhciwgeyBUYWJCYXJQcm9wcyB9IGZyb20gXCIuL3RhYi1iYXJcIjtcbmltcG9ydCBUYWIsIHsgVGFiUHJvcHMgfSBmcm9tIFwiLi90YWJcIjtcbmltcG9ydCBUYWJUZXh0TGFiZWwgZnJvbSBcIi4vdGFiLXRleHQtbGFiZWxcIjtcblxuaW50ZXJmYWNlIFRhYk9wdGlvbnMgZXh0ZW5kcyBPbWl0PFRhYlByb3BzLCBcImNoaWxkcmVuXCIgfCBcImxhYmVsXCI+IHtcbiAga2V5OiBzdHJpbmc7XG4gIGxhYmVsOiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmludGVyZmFjZSBUYWJzUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFxuICAgIFRhYkJhclByb3BzLFxuICAgIFwiYWN0aXZlSW5kZXhcIiB8IFwiaGFuZGxlQWN0aXZlSW5kZXhVcGRhdGVcIiB8IFwiY2hpbGRyZW5cIlxuICA+IHtcbiAgdGFiczogQXJyYXk8VGFiT3B0aW9ucyAmIHsgaGlkZGVuPzogYm9vbGVhbiB9PjtcbiAgYWN0aXZlPzogc3RyaW5nIHwgbnVsbDtcbiAgb25BY3RpdmVVcGRhdGU6IChrZXk6IHN0cmluZykgPT4gdm9pZDtcbiAgaXNDb21wYWN0SGVpZ2h0PzogYm9vbGVhbjtcbn1cblxuY29uc3Qgc2NvcGUgPSBjc3MucmVzb2x2ZWBcbiAgLnRhYi0tbm9zZWxlY3Qge1xuICAgIHdpZHRoOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgZmxleC1ncm93OiAwO1xuICB9XG5cbiAgLyoqXG4gICAgd2hlbiB0aGUgaW52aXNpYmxlIHRhYiBpcyBzZWxlY3RlZCAobWVhbmluZyBubyBhY3R1YWwgdGFiIGlzIHNlbGVjdGVkKVxuICAgIHNob3cgdGhhdCB0aGUgd2hvbGUgdGFiIGJhciBpcyBmb2N1c2VkXG4gICAqL1xuICAudGFiLWJhci0tbm9uZS1zZWxlY3RlZDpmb2N1cy13aXRoaW4ge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wMik7XG4gIH1cbmA7XG5cbmZ1bmN0aW9uIFRhYnMoe1xuICB0YWJzLFxuICBhY3RpdmUsXG4gIG9uQWN0aXZlVXBkYXRlLFxuICBpc01pbldpZHRoLFxuICBpc01pbldpZHRoSW5kaWNhdG9yLFxuICBpc0NvbXBhY3RIZWlnaHQsXG4gIGNsYXNzTmFtZSxcbiAgLi4ucHJvcHNcbn06IFRhYnNQcm9wcykge1xuICBpZiAoIWFjdGl2ZSkge1xuICAgIC8vIEluIHRoZSBjYXNlIHRoYXQgbm8gdGFiIGlzIHNlbGVjdGVkLCBhbiBpbnZpc2libGUgdGFiIHdpbGwgYmUgYWRkZWQgYW5kIGJlIHNldCB0byBhY3RpdmVcbiAgICB0YWJzID0gW1xuICAgICAge1xuICAgICAgICBrZXk6IFwiXCIsXG4gICAgICAgIGxhYmVsOiBudWxsLFxuICAgICAgfSxcbiAgICAgIC4uLnRhYnMsXG4gICAgXTtcbiAgfVxuXG4gIGNvbnN0IGFjdGl2ZUluZGV4ID0gYWN0aXZlID8gdGFicy5maW5kSW5kZXgodGFiID0+IHRhYi5rZXkgPT09IGFjdGl2ZSkgOiAwO1xuXG4gIGNvbnN0IGhhbmRsZUFjdGl2ZUluZGV4VXBkYXRlID0gKGk6IG51bWJlcikgPT4ge1xuICAgIG9uQWN0aXZlVXBkYXRlKHRhYnNbaV0hLmtleSk7XG4gIH07XG5cbiAgLy8gV2hlbiB0aGUgY29tcG9uZW50IGZpcnN0IG1vdW50cyBhbmQgYWN0aXZlIGlzIHNldCB0byBudWxsLCB0aGUgZmlyc3RcbiAgLy8gKGhpZGRlbikgdGFiIGlzIHNlbGVjdGVkLiBXaGVuIHRoaXMgaGFwcGVucyB0aGUgdGFiIGJhciBnYWlucyBmb2N1c1xuICAvLyBhbmQgd2UgY2FuIHNlZSB0aGUgZm9jdXMgc3R5bGluZy4gVGhlIHVzZXIgZGlkbid0IGludGVuZCB0byBmb2N1cyB0aGVcbiAgLy8gdGFiIGJhciwgc28gd2UgdW5zZWxlY3QgaXQgYnkgY2FsbGluZyBibHVyIG9uIHRoZSB0YWIuXG4gIGNvbnN0IHJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IFttb3VudGVkLCBzZXRNb3VudGVkXSA9IHVzZVN0YXRlPGJvb2xlYW4+KGZhbHNlKTtcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIW1vdW50ZWQgJiYgIWFjdGl2ZSAmJiByZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgZWxlbSA9IHJlZi5jdXJyZW50O1xuXG4gICAgICBjb25zdCB0YWIgPSBlbGVtLnF1ZXJ5U2VsZWN0b3IoXCIudGFiLS1ub3NlbGVjdFwiKSEgYXMgSFRNTEJ1dHRvbkVsZW1lbnQ7XG4gICAgICB0YWIuYmx1cigpO1xuICAgIH1cbiAgICBzZXRNb3VudGVkKHRydWUpO1xuICB9LCBbcmVmLCBhY3RpdmUsIG1vdW50ZWRdKTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8VGFiQmFyXG4gICAgICAgIGtleT17KCEhYWN0aXZlKS50b1N0cmluZygpfSAvLyBUYWJCYXIgY3Jhc2hlcyBpZiB0aGUgYWN0aXZlIGluZGV4IGNoYW5nZXMgdG8gLTEgZnJvbSBub24gLTEgb3IgdmljZSB2ZXJzYVxuICAgICAgICBhY3RpdmVJbmRleD17YWN0aXZlSW5kZXh9XG4gICAgICAgIGhhbmRsZUFjdGl2ZUluZGV4VXBkYXRlPXtoYW5kbGVBY3RpdmVJbmRleFVwZGF0ZX1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKHNjb3BlLmNsYXNzTmFtZSwgY2xhc3NOYW1lLCB7XG4gICAgICAgICAgXCJ0YWItYmFyLS1ub25lLXNlbGVjdGVkXCI6ICFhY3RpdmUsXG4gICAgICAgIH0pfVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7dGFicy5tYXAoKHsga2V5LCBsYWJlbCwgY2xhc3NOYW1lLCAuLi50YWIgfSkgPT4gKFxuICAgICAgICAgIDxUYWJcbiAgICAgICAgICAgIGtleT17a2V5fVxuICAgICAgICAgICAgaXNDb21wYWN0SGVpZ2h0PXtpc0NvbXBhY3RIZWlnaHR9XG4gICAgICAgICAgICBpc01pbldpZHRoPXtpc01pbldpZHRofVxuICAgICAgICAgICAgaXNNaW5XaWR0aEluZGljYXRvcj17aXNNaW5XaWR0aEluZGljYXRvcn1cbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NuYW1lcyhcbiAgICAgICAgICAgICAgc2NvcGUuY2xhc3NOYW1lLFxuICAgICAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICBcInRhYi0tbm9zZWxlY3RcIjogIWtleSxcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgeyBcInRhYi1zZXQtaGlkZGVuXCI6IHRhYi5oaWRkZW4gfVxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHsuLi50YWJ9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRhYlRleHRMYWJlbD57bGFiZWx9PC9UYWJUZXh0TGFiZWw+XG4gICAgICAgICAgPC9UYWI+XG4gICAgICAgICkpfVxuICAgICAgPC9UYWJCYXI+XG4gICAgICB7c2NvcGUuc3R5bGVzfVxuICAgICAgPHN0eWxlIGpzeD57YFxuICAgICAgICA6Z2xvYmFsKC50YWItc2V0LWhpZGRlbikge1xuICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgIGB9PC9zdHlsZT5cbiAgICA8Lz5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgVGFicztcbiJdfQ== */\n/*@ sourceURL=tabs.tsx */"));
+}
+Tabs.propTypes = {
+  tabs: _pt.any.isRequired,
+  active: _pt.oneOfType([_pt.string, _pt.oneOf([null])]),
+  onActiveUpdate: _pt.func.isRequired,
+  isCompactHeight: _pt.bool
+};
+
+export { Tabs as default };