@aclymatepackages/modules 4.1.0 → 4.1.2

package/dist/components/CompanyDataConfirmation.js

@@ -9,6 +9,7 @@ require("core-js/modules/web.dom-collections.iterator.js");
 var _react = _interopRequireWildcard(require("react"));
 var _material = require("@mui/material");
 var _Edit = _interopRequireDefault(require("@mui/icons-material/Edit"));
+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");
@@ -79,8 +80,13 @@ const CompanyDataConfirmation = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_material.Box, {
     p: 1,
     style: {
-      width: "350px"
+      width: "375px"
     }
+  }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    container: true
+  }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    item: true,
+    xs: 11
   }, /*#__PURE__*/_react.default.createElement(_modules.PlacesAutocomplete, {
     place: address,
     editPlace: place => {
@@ -88,7 +94,11 @@ const CompanyDataConfirmation = _ref => {
       return setAnchorEl(null);
     },
     label: "Edit your company address"
-  }))), /*#__PURE__*/_react.default.createElement(_material.Grid, {
+  })), /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    item: true
+  }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
+    onClick: () => setAnchorEl(null)
+  }, /*#__PURE__*/_react.default.createElement(_Cancel.default, null)))))), /*#__PURE__*/_react.default.createElement(_material.Grid, {
     container: true,
     direction: "column",
     spacing: 2

package/package.json

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

package/src/components/CompanyDataConfirmation.js

@@ -12,6 +12,7 @@ import {
   Tooltip,
 } from "@mui/material";
 import EditIcon from "@mui/icons-material/Edit";
+import CancelIcon from "@mui/icons-material/Cancel";
 
 import { editObjectData } from "@aclymatepackages/array-immutability-helpers";
 import { TextField } from "@aclymatepackages/atoms";
@@ -82,15 +83,24 @@ const CompanyDataConfirmation = ({ companyData, onConfirmClick }) => {
           anchorOrigin={{ vertical: "top", horizontal: "right" }}
           transformOrigin={{ vertical: "top", horizontal: "right" }}
         >
-          <Box p={1} style={{ width: "350px" }}>
-            <PlacesAutocomplete
-              place={address}
-              editPlace={(place) => {
-                editCompanyData("address")(place);
-                return setAnchorEl(null);
-              }}
-              label="Edit your company address"
-            />
+          <Box p={1} style={{ width: "375px" }}>
+            <Grid container>
+              <Grid item xs={11}>
+                <PlacesAutocomplete
+                  place={address}
+                  editPlace={(place) => {
+                    editCompanyData("address")(place);
+                    return setAnchorEl(null);
+                  }}
+                  label="Edit your company address"
+                />
+              </Grid>
+              <Grid item>
+                <IconButton onClick={() => setAnchorEl(null)}>
+                  <CancelIcon />
+                </IconButton>
+              </Grid>
+            </Grid>
           </Box>
         </Menu>
       )}