@aclymatepackages/modules 2.4.1 → 2.4.3

package/dist/components/PdlCompanySelect.js

@@ -14,7 +14,7 @@ var _atoms = require("@aclymatepackages/atoms");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const PdlCompanySelect = _ref => {
+const PdlCompanySelectModule = _ref => {
   let {
     onCompanyNotFound,
     onCompanySelected,
@@ -28,8 +28,8 @@ const PdlCompanySelect = _ref => {
   const [matchingCompanies, setMatchingCompanies] = (0, _react.useState)([]);
   const [inputComplete, setInputComplete] = (0, _react.useState)(false);
   const [pdlFetchLoading, setPdlFetchLoading] = (0, _react.useState)(false);
-  const [selectedCompanyId, setSelectedCompanyId] = (0, _react.useState)(null);
   const [nextStepLoading, setNextStepLoading] = (0, _react.useState)(false);
+  const [selectedCompany, setSelectedCompany] = (0, _react.useState)(null);
   const fetchMatchingCompanies = async () => {
     setPdlFetchLoading(true);
     const matchingCompanies = await matchingFunction(inputValue);
@@ -46,12 +46,6 @@ const PdlCompanySelect = _ref => {
     await onCompanySelected(companyId, name);
     return onSelectClick();
   };
-  const selectedCompany = matchingCompanies.find(_ref2 => {
-    let {
-      id
-    } = _ref2;
-    return selectedCompanyId === id;
-  });
   return /*#__PURE__*/_react.default.createElement(_material.Grid, {
     container: true,
     spacing: 2,
@@ -63,10 +57,10 @@ const PdlCompanySelect = _ref => {
     label: label,
     value: inputValue,
     setValue: setInputValue,
-    onKeyPress: _ref3 => {
+    onKeyPress: _ref2 => {
       let {
         key
-      } = _ref3;
+      } = _ref2;
       if (key === "Enter") {
         return fetchMatchingCompanies();
       }
@@ -93,8 +87,8 @@ const PdlCompanySelect = _ref => {
     item: true
   }, /*#__PURE__*/_react.default.createElement(_atoms.MatchingCompanyChips, {
     matchingCompanies: matchingCompanies,
-    selectedCompanyId: selectedCompanyId,
-    setSelectedCompanyId: setSelectedCompanyId
+    selectedCompany: selectedCompany,
+    setSelectedCompany: setSelectedCompany
   })), /*#__PURE__*/_react.default.createElement(_material.Grid, {
     item: true,
     container: true,
@@ -102,7 +96,7 @@ const PdlCompanySelect = _ref => {
     justifyContent: "center"
   }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
     item: true
-  }, selectedCompanyId ? /*#__PURE__*/_react.default.createElement(_atoms.LoadingButton, {
+  }, selectedCompany ? /*#__PURE__*/_react.default.createElement(_atoms.LoadingButton, {
     isLoading: nextStepLoading,
     label: "Choose This Company",
     variant: "contained",

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@aclymatepackages/modules",
-  "version": "2.4.1",
+  "version": "2.4.3",
   "description": "Aclymate modules",
   "author": "William Loopesko",
   "main": "dist/index.js",
   "dependencies": {
     "@aclymatepackages/array-immutability-helpers": "^1.0.0",
-    "@aclymatepackages/atoms": "^3.3.2",
+    "@aclymatepackages/atoms": "^3.3.4",
     "@aclymatepackages/chart-helpers": "^2.0.8",
     "@aclymatepackages/converters": "^1.0.0",
     "@aclymatepackages/fetch-aclymate-api": "^1.0.0",

package/src/components/PdlCompanySelect.js

@@ -15,7 +15,7 @@ import {
   MatchingCompanyChips,
 } from "@aclymatepackages/atoms";
 
-const PdlCompanySelect = ({
+const PdlCompanySelectModule = ({
   onCompanyNotFound,
   onCompanySelected,
   onSelectClick = () => {},
@@ -28,8 +28,8 @@ const PdlCompanySelect = ({
   const [matchingCompanies, setMatchingCompanies] = useState([]);
   const [inputComplete, setInputComplete] = useState(false);
   const [pdlFetchLoading, setPdlFetchLoading] = useState(false);
-  const [selectedCompanyId, setSelectedCompanyId] = useState(null);
   const [nextStepLoading, setNextStepLoading] = useState(false);
+  const [selectedCompany, setSelectedCompany] = useState(null);
 
   const fetchMatchingCompanies = async () => {
     setPdlFetchLoading(true);
@@ -52,10 +52,6 @@ const PdlCompanySelect = ({
     return onSelectClick();
   };
 
-  const selectedCompany = matchingCompanies.find(
-    ({ id }) => selectedCompanyId === id
-  );
-
   return (
     <Grid container spacing={2} direction="column">
       <Grid item>
@@ -102,13 +98,13 @@ const PdlCompanySelect = ({
           <Grid item>
             <MatchingCompanyChips
               matchingCompanies={matchingCompanies}
-              selectedCompanyId={selectedCompanyId}
-              setSelectedCompanyId={setSelectedCompanyId}
+              selectedCompany={selectedCompany}
+              setSelectedCompany={setSelectedCompany}
             />
           </Grid>
           <Grid item container spacing={2} justifyContent="center">
             <Grid item>
-              {selectedCompanyId ? (
+              {selectedCompany ? (
                 <LoadingButton
                   isLoading={nextStepLoading}
                   label="Choose This Company"