@mxenabled/connect-widget 1.2.7 → 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

@@ -27750,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",
@@ -27889,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
@@ -31009,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)
@@ -31150,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
         },
@@ -31814,7 +31814,7 @@ function useSlot(name, parameters) {
   return [elementType, props];
 }
 
-const styles$3 = {
+const styles$4 = {
   entering: {
     opacity: 1
   },
@@ -31914,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
         },
@@ -39229,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
   },
@@ -39328,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));
     }
@@ -40423,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",
@@ -40559,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
       })
@@ -43667,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)
@@ -43807,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));
     }
@@ -65664,6 +65664,11 @@ const focusElement = (element) => {
   }
 };
 
+const container = "_container_1pcxm_1";
+const styles = {
+	container: container
+};
+
 const initialState$1 = {
   currentView: SEARCH_VIEWS.LOADING,
   popularInstitutions: [],
@@ -65879,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;
   }
@@ -65893,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,
         {
@@ -65903,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",
@@ -65929,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, {})
               }
@@ -65947,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,
@@ -65964,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,
       {