@aclymatepackages/modules 5.0.1 → 5.0.3

package/dist/components/CompanyDataConfirmation.js

@@ -13,6 +13,7 @@ var _Cancel = _interopRequireDefault(require("@mui/icons-material/Cancel"));
 var _arrayImmutabilityHelpers = require("@aclymatepackages/array-immutability-helpers");
 var _atoms = require("@aclymatepackages/atoms");
 var _modules = require("@aclymatepackages/modules");
+var _IndustryAutocomplete = _interopRequireDefault(require("./IndustryAutocomplete"));
 var _regExp = require("@aclymatepackages/reg-exp");
 var _googleMaps = _interopRequireDefault(require("@aclymatepackages/google-maps"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -21,7 +22,8 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const CompanyDataConfirmation = _ref => {
   let {
     companyData,
-    onConfirmClick
+    onConfirmClick,
+    fetchNaicsCodes
   } = _ref;
   const {
     address: existingAddress
@@ -56,10 +58,10 @@ const CompanyDataConfirmation = _ref => {
     value: employeeCount,
     setValue: editCompanyData("employeeCount"),
     error: employeeCount && !(0, _regExp.numbersRegExpTest)(employeeCount)
-  }), /*#__PURE__*/_react.default.createElement(_modules.IndustryAutocomplete, {
+  }), /*#__PURE__*/_react.default.createElement(_IndustryAutocomplete.default, {
     industry: industry,
     setIndustry: editCompanyData("industry"),
-    helperText: "We'll use this to estimate your emissions and benchmark to other similar companies"
+    fetchNaicsCodes: fetchNaicsCodes
   }), /*#__PURE__*/_react.default.createElement(_modules.YesNoQuestion, {
     question: "Does your company only work remotely?",
     value: isRemote,

package/dist/components/CompanyOnboardingInput.js

@@ -28,6 +28,7 @@ const CompanyOnboardingInput = _ref => {
   let {
     appCheckToken,
     companyName = "",
+    fetchNaicsCodes,
     header,
     onFormComplete,
     PlacesAutocomplete,
@@ -67,10 +68,9 @@ const CompanyOnboardingInput = _ref => {
   }, {
     value: industry,
     input: /*#__PURE__*/_react.default.createElement(_IndustryAutocomplete.default, {
-      label: "Choose your company's industry",
       industry: industry,
       setIndustry: editInputData("industry"),
-      helperText: "We'll use this to estimate your emissions and benchmark to other similar companies"
+      fetchNaicsCodes: fetchNaicsCodes
     })
   }, {
     value: location,

package/dist/components/IndustryAutocomplete.js

@@ -61,11 +61,20 @@ const IndustryAutocomplete = _ref => {
     searchFunction: onSearch
   })), showCurrentChip && /*#__PURE__*/_react.default.createElement(_material.Grid, {
     item: true,
-    alignSelf: "center"
+    container: true,
+    direction: "column",
+    spacing: 1
+  }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    item: true
+  }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    variant: "caption",
+    color: "textSecondary"
+  }, "Company Industry")), /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    item: true
   }, /*#__PURE__*/_react.default.createElement(_material.Chip, {
     label: (0, _otherHelpers.truncateText)(industryTitle, 50),
     onDelete: onDeleteCurrentIndustry
-  })), showOptions && /*#__PURE__*/_react.default.createElement(_material.Grid, {
+  }))), showOptions && /*#__PURE__*/_react.default.createElement(_material.Grid, {
     item: true,
     container: true,
     spacing: 2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aclymatepackages/modules",
-  "version": "5.0.1",
+  "version": "5.0.3",
   "description": "Aclymate modules",
   "author": "William Loopesko",
   "main": "dist/index.js",

package/src/components/CompanyDataConfirmation.js

@@ -16,15 +16,13 @@ import CancelIcon from "@mui/icons-material/Cancel";
 
 import { editObjectData } from "@aclymatepackages/array-immutability-helpers";
 import { TextField } from "@aclymatepackages/atoms";
-import {
-  IndustryAutocomplete,
-  YesNoQuestion,
-  PlacesAutocomplete,
-} from "@aclymatepackages/modules";
+import { YesNoQuestion, PlacesAutocomplete } from "@aclymatepackages/modules";
+
+import IndustryAutocomplete from "./IndustryAutocomplete";
 import { numbersRegExpTest } from "@aclymatepackages/reg-exp";
 import GoogleMap from "@aclymatepackages/google-maps";
 
-const CompanyDataConfirmation = ({ companyData, onConfirmClick }) => {
+const CompanyDataConfirmation = ({ companyData, onConfirmClick, fetchNaicsCodes }) => {
   const { address: existingAddress } = companyData || {};
   const { coordinates: existingCoordinates } = existingAddress || {};
 
@@ -64,7 +62,7 @@ const CompanyDataConfirmation = ({ companyData, onConfirmClick }) => {
     <IndustryAutocomplete
       industry={industry}
       setIndustry={editCompanyData("industry")}
-      helperText="We'll use this to estimate your emissions and benchmark to other similar companies"
+      fetchNaicsCodes={fetchNaicsCodes}
     />,
     <YesNoQuestion
       question="Does your company only work remotely?"

package/src/components/CompanyOnboardingInput.js

@@ -15,6 +15,7 @@ import PlacesAutocompleteModule from "./PlacesAutocomplete";
 const CompanyOnboardingInput = ({
   appCheckToken,
   companyName = "",
+  fetchNaicsCodes,
   header,
   onFormComplete,
   PlacesAutocomplete,
@@ -65,10 +66,9 @@ const CompanyOnboardingInput = ({
       value: industry,
       input: (
         <IndustryAutocomplete
-          label="Choose your company's industry"
           industry={industry}
           setIndustry={editInputData("industry")}
-          helperText="We'll use this to estimate your emissions and benchmark to other similar companies"
+          fetchNaicsCodes={fetchNaicsCodes}
         />
       ),
     },

package/src/components/IndustryAutocomplete.js

@@ -59,11 +59,18 @@ const IndustryAutocomplete = ({
         </Grid>
       )}
       {showCurrentChip && (
-        <Grid item alignSelf="center">
-          <Chip
-            label={truncateText(industryTitle, 50)}
-            onDelete={onDeleteCurrentIndustry}
-          />
+        <Grid item container direction="column" spacing={1}>
+          <Grid item>
+            <Typography variant="caption" color="textSecondary">
+              Company Industry
+            </Typography>
+          </Grid>
+          <Grid item>
+            <Chip
+              label={truncateText(industryTitle, 50)}
+              onDelete={onDeleteCurrentIndustry}
+            />
+          </Grid>
         </Grid>
       )}
       {showOptions && (