@mxenabled/connect-widget 1.2.8 → 2.0.0

package/README.md

@@ -15,8 +15,9 @@ npm install @mxenabled/connect-widget
 ## Usage
 
 1. Install package: `npm install --save @mxenabled/connect-widget`
-2. Import `ApiProvider` and `ConnectWidget`. Add both to your project.
-3. Pass applicable props to widget and your API to the provider.
+1. Import the styles `import "@mxenabled/connect-widget/dist/style.css"`
+1. Import `ApiProvider` and `ConnectWidget`. Add both to your project.
+1. Pass applicable props to widget and your API to the provider.
 
 ```jsx
 import ConnectWidget, { ApiProvider } from '@mxenabled/connect-widget'
@@ -96,6 +97,10 @@ Pull requests are welcome. Please open an issue first to discuss what you would
 
 Make sure to add/update tests, translations, and documentation as appropriate.
 
+### Architecture Decision Records
+
+We have some [architecture decision records](./architectureDecisionRecords/) that outline what is expected when contributing.
+
 ## Changes
 
 View our notes for each release [here](https://github.com/mxenabled/connect-widget/releases)

package/dist/index.es.js

@@ -5087,23 +5087,39 @@ function baseFindIndex$2(array, predicate, fromIndex, fromRight) {
 }
 var _baseFindIndex = baseFindIndex$2;
 
-var reWhitespace = /\s/;
-function trimmedEndIndex$1(string) {
-  var index = string.length;
-  while (index-- && reWhitespace.test(string.charAt(index))) {
-  }
-  return index;
+var _trimmedEndIndex;
+var hasRequired_trimmedEndIndex;
+
+function require_trimmedEndIndex () {
+	if (hasRequired_trimmedEndIndex) return _trimmedEndIndex;
+	hasRequired_trimmedEndIndex = 1;
+	var reWhitespace = /\s/;
+	function trimmedEndIndex(string) {
+	  var index = string.length;
+	  while (index-- && reWhitespace.test(string.charAt(index))) {
+	  }
+	  return index;
+	}
+	_trimmedEndIndex = trimmedEndIndex;
+	return _trimmedEndIndex;
 }
-var _trimmedEndIndex = trimmedEndIndex$1;
 
-var trimmedEndIndex = _trimmedEndIndex;
-var reTrimStart = /^\s+/;
-function baseTrim$1(string) {
-  return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string;
+var _baseTrim;
+var hasRequired_baseTrim;
+
+function require_baseTrim () {
+	if (hasRequired_baseTrim) return _baseTrim;
+	hasRequired_baseTrim = 1;
+	var trimmedEndIndex = require_trimmedEndIndex();
+	var reTrimStart = /^\s+/;
+	function baseTrim(string) {
+	  return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string;
+	}
+	_baseTrim = baseTrim;
+	return _baseTrim;
 }
-var _baseTrim = baseTrim$1;
 
-var baseTrim = _baseTrim, isObject$7 = isObject_1, isSymbol$1 = isSymbol_1;
+var baseTrim = require_baseTrim(), isObject$7 = isObject_1, isSymbol$1 = isSymbol_1;
 var NAN = 0 / 0;
 var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
 var reIsBinary = /^0b[01]+$/i;
@@ -8559,7 +8575,7 @@ var hasRequiredTrim;
 function requireTrim () {
 	if (hasRequiredTrim) return trim_1;
 	hasRequiredTrim = 1;
-	var baseToString = _baseToString, baseTrim = _baseTrim, castSlice = require_castSlice(), charsEndIndex = require_charsEndIndex(), charsStartIndex = require_charsStartIndex(), stringToArray = require_stringToArray(), toString = toString_1;
+	var baseToString = _baseToString, baseTrim = require_baseTrim(), castSlice = require_castSlice(), charsEndIndex = require_charsEndIndex(), charsStartIndex = require_charsStartIndex(), stringToArray = require_stringToArray(), toString = toString_1;
 	function trim(string, chars, guard) {
 	  string = toString(string);
 	  if (string && (guard || chars === void 0)) {
@@ -27734,7 +27750,7 @@ process.env.NODE_ENV !== "production" ? MenuList$1.propTypes = {
 function getStyleValue$1(value) {
   return parseInt(value, 10) || 0;
 }
-const styles$5 = {
+const styles$6 = {
   shadow: {
     // Visibility needed to hide the extra text area on iPads
     visibility: "hidden",
@@ -27873,7 +27889,7 @@ const TextareaAutosize$1 = /* @__PURE__ */ React$1.forwardRef(function TextareaA
       ref: shadowRef,
       tabIndex: -1,
       style: {
-        ...styles$5.shadow,
+        ...styles$6.shadow,
         ...style,
         paddingTop: 0,
         paddingBottom: 0
@@ -30993,7 +31009,7 @@ function getTransitionProps$1(props, options) {
 function getScale$1(value) {
   return `scale(${value}, ${value ** 2})`;
 }
-const styles$4 = {
+const styles$5 = {
   entering: {
     opacity: 1,
     transform: getScale$1(1)
@@ -31134,7 +31150,7 @@ const Grow$1 = /* @__PURE__ */ React$1.forwardRef(function Grow2(props, ref) {
           opacity: 0,
           transform: getScale$1(0.75),
           visibility: state === "exited" && !inProp ? "hidden" : void 0,
-          ...styles$4[state],
+          ...styles$5[state],
           ...style,
           ...children.props.style
         },
@@ -31798,7 +31814,7 @@ function useSlot(name, parameters) {
   return [elementType, props];
 }
 
-const styles$3 = {
+const styles$4 = {
   entering: {
     opacity: 1
   },
@@ -31898,7 +31914,7 @@ const Fade$1 = /* @__PURE__ */ React$1.forwardRef(function Fade2(props, ref) {
         style: {
           opacity: 0,
           visibility: state === "exited" && !inProp ? "hidden" : void 0,
-          ...styles$3[state],
+          ...styles$4[state],
           ...style,
           ...children.props.style
         },
@@ -39213,7 +39229,7 @@ if (process.env.NODE_ENV !== "production") {
 }
 
 const _excluded$n = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
-const styles$2 = {
+const styles$3 = {
   entering: {
     opacity: 1
   },
@@ -39312,7 +39328,7 @@ const Fade = /* @__PURE__ */ React$1.forwardRef(function Fade2(props, ref) {
         style: _extends$1({
           opacity: 0,
           visibility: state === "exited" && !inProp ? "hidden" : void 0
-        }, styles$2[state], style, children.props.style),
+        }, styles$3[state], style, children.props.style),
         ref: handleRef
       }, childProps));
     }
@@ -40407,7 +40423,7 @@ const _excluded$i = ["onChange", "maxRows", "minRows", "style", "value"];
 function getStyleValue(value) {
   return parseInt(value, 10) || 0;
 }
-const styles$1 = {
+const styles$2 = {
   shadow: {
     // Visibility needed to hide the extra text area on iPads
     visibility: "hidden",
@@ -40543,7 +40559,7 @@ const TextareaAutosize = /* @__PURE__ */ React$1.forwardRef(function TextareaAut
       readOnly: true,
       ref: shadowRef,
       tabIndex: -1,
-      style: _extends$1({}, styles$1.shadow, style, {
+      style: _extends$1({}, styles$2.shadow, style, {
         paddingTop: 0,
         paddingBottom: 0
       })
@@ -43651,7 +43667,7 @@ const _excluded$6 = ["addEndListener", "appear", "children", "easing", "in", "on
 function getScale(value) {
   return `scale(${value}, ${value ** 2})`;
 }
-const styles = {
+const styles$1 = {
   entering: {
     opacity: 1,
     transform: getScale(1)
@@ -43791,7 +43807,7 @@ const Grow = /* @__PURE__ */ React$1.forwardRef(function Grow2(props, ref) {
           opacity: 0,
           transform: getScale(0.75),
           visibility: state === "exited" && !inProp ? "hidden" : void 0
-        }, styles[state], style, children.props.style),
+        }, styles$1[state], style, children.props.style),
         ref: handleRef
       }, childProps));
     }
@@ -65648,6 +65664,11 @@ const focusElement = (element) => {
   }
 };
 
+const container = "_container_1pcxm_1";
+const styles = {
+	container: container
+};
+
 const initialState$1 = {
   currentView: SEARCH_VIEWS.LOADING,
   popularInstitutions: [],
@@ -65863,7 +65884,7 @@ const Search$2 = React__default.forwardRef((props, navigationRef) => {
     }
   }, 500);
   const tokens = useTokens();
-  const styles = getStyles$13(tokens, state.currentView);
+  const inlineStyles = getStyles$13(tokens, state.currentView);
   if (state.currentView === SEARCH_VIEWS.OOPS) {
     throw state.error;
   }
@@ -65877,8 +65898,8 @@ const Search$2 = React__default.forwardRef((props, navigationRef) => {
       }
     );
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.container, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.searchBar, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.container, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: inlineStyles.searchBar, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         x,
         {
@@ -65887,7 +65908,7 @@ const Search$2 = React__default.forwardRef((props, navigationRef) => {
           component: "h2",
           "data-test": "search-header",
           id: "connect-search-header",
-          style: styles.headerText,
+          style: inlineStyles.headerText,
           tabIndex: -1,
           truncate: false,
           variant: "H2",
@@ -65913,7 +65934,7 @@ const Search$2 = React__default.forwardRef((props, navigationRef) => {
                   searchInput.current.value = "";
                   searchInput.current.focus();
                 },
-                style: styles.resetButton,
+                style: inlineStyles.resetButton,
                 variant: "text",
                 children: /* @__PURE__ */ jsxRuntimeExports.jsx(CloseOutline, {})
               }
@@ -65931,7 +65952,7 @@ const Search$2 = React__default.forwardRef((props, navigationRef) => {
         }
       )
     ] }),
-    state.currentView === SEARCH_VIEWS.LOADING && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.spinner, children: /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingSpinner, {}) }),
+    state.currentView === SEARCH_VIEWS.LOADING && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: inlineStyles.spinner, children: /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingSpinner, {}) }),
     state.currentView === SEARCH_VIEWS.SEARCH_FAILED && /* @__PURE__ */ jsxRuntimeExports.jsx(SearchFailed, {}),
     state.currentView === SEARCH_VIEWS.NO_RESULTS && /* @__PURE__ */ jsxRuntimeExports.jsx(
       SearchNoResult,
@@ -65948,7 +65969,7 @@ const Search$2 = React__default.forwardRef((props, navigationRef) => {
         setAriaLiveRegionMessage
       }
     ),
-    state.currentView === SEARCH_VIEWS.SEARCH_LOADING && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.spinner, children: /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingSpinner, {}) }),
+    state.currentView === SEARCH_VIEWS.SEARCH_LOADING && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: inlineStyles.spinner, children: /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingSpinner, {}) }),
     state.currentView === SEARCH_VIEWS.SEARCHED && /* @__PURE__ */ jsxRuntimeExports.jsx(
       SearchedInstitutionsList,
       {