contentoh-components-library 21.3.99 → 21.4.1

package/dist/components/atoms/CheckBox/styles.js

@@ -19,6 +19,6 @@ var _variables = require("../../../global-files/variables");
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  input {\n    display: none;\n    &:checked + label {\n      &:before {\n        background-color: ", ";\n        background-image: url(", ");\n      }\n    }\n  }\n\n  label {\n    position: relative;\n    min-height: 16px;\n    min-width: 16px;\n    display: inline-block;\n\n    p {\n      display: inline;\n      color: ", ";\n      font-family: ", ";\n      font-weight: 500;\n      font-size: 13px;\n      line-height: 21px;\n      margin-left: 20px;\n\n      &.filter-text {\n        color: ", ";\n        font-size: 18px;\n        line-height: 24px;\n        margin-left: 23px;\n      }\n    }\n\n    &:before {\n      content: \"\";\n      width: 16px;\n      height: 16px;\n      position: absolute;\n      display: inline-block;\n      top: 50%;\n      transform: translateY(-50%);\n      background-image: url(", ");\n      z-index: 110;\n      cursor: pointer;\n    }\n  }\n"])), _variables.GlobalColors.white, _checked.default, _variables.GlobalColors.s4, _variables.FontFamily.AvenirNext, _variables.GlobalColors.magenta_s2, _unchecked.default);
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  input {\n    display: none;\n    &:checked + label {\n      &:before {\n        background-color: ", ";\n        background-image: url(", ");\n      }\n    }\n  }\n\n  label {\n    position: relative;\n    min-height: 16px;\n    min-width: 16px;\n    display: inline-block;\n\n    p {\n      display: inline;\n      color: ", ";\n      font-family: ", ";\n      font-weight: 500;\n      font-size: 13px;\n      line-height: 21px;\n      margin-left: 20px;\n\n      &.filter-text {\n        color: ", ";\n        font-size: 18px;\n        line-height: 24px;\n        margin-left: 23px;\n      }\n    }\n\n    &:before {\n      content: \"\";\n      width: 16px;\n      height: 16px;\n      position: absolute;\n      display: inline-block;\n      top: 50%;\n      transform: translateY(-50%);\n      background-image: url(", ");\n      z-index: 5;\n      cursor: pointer;\n    }\n  }\n"])), _variables.GlobalColors.white, _checked.default, _variables.GlobalColors.s4, _variables.FontFamily.AvenirNext, _variables.GlobalColors.magenta_s2, _unchecked.default);
 
 exports.Container = Container;

package/dist/components/atoms/UserCatalog/index.js

@@ -72,28 +72,28 @@ var UserCatalog = function UserCatalog(_ref) {
         product: product,
         userId: datasheet,
         usersArray: textSpecialists,
-        id: id + "-" + datasheet,
+        id: id + "-datasheet",
         index: "datasheet"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserOption.UserOption, {
         onAssign: onAssign,
         product: product,
         userId: description,
         usersArray: textSpecialists,
-        id: id + "-" + description,
+        id: id + "-description",
         index: "description"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserOption.UserOption, {
         onAssign: onAssign,
         product: product,
         userId: images,
         usersArray: imagesSpecialists,
-        id: id + "-" + images,
+        id: id + "-images",
         index: "image"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserOption.UserOption, {
         onAssign: onAssign,
         product: product,
         userId: auditor,
         usersArray: auditors,
-        id: id + "-" + auditor,
+        id: id + "-auditor",
         index: "auditor"
       })]
     })]

package/dist/components/atoms/UserSelector/index.js

@@ -59,7 +59,7 @@ var UserSelector = function UserSelector(_ref) {
 
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     position: position,
-    id: id,
+    id: id + "users-list",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "search-cotainer",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFontawesome.FontAwesomeIcon, {

package/dist/components/molecules/RowItem/index.js

@@ -22,7 +22,6 @@ var RowItem = function RowItem(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
     children: productsArray.map(function (_ref2, i) {
       var cols = _ref2.cols,
-          id = _ref2.id,
           product = _ref2.product,
           article = _ref2.article;
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/dist/components/molecules/TabsMenu/index.js

@@ -29,7 +29,10 @@ var TabsMenu = function TabsMenu(_ref) {
       activeTab = _ref.activeTab,
       updatedDescriptions = _ref.updatedDescriptions,
       updatedDatasheets = _ref.updatedDatasheets,
-      images = _ref.images;
+      images = _ref.images,
+      setUpdatedDescriptions = _ref.setUpdatedDescriptions,
+      setUpdatedDatasheets = _ref.setUpdatedDatasheets,
+      setImages = _ref.setImages;
 
   var _useState = (0, _react.useState)(tabsSections),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -68,11 +71,14 @@ var TabsMenu = function TabsMenu(_ref) {
   };
 
   (0, _react.useEffect)(function () {
-    if (cancelAccept === "Aceptar" & llave !== "") {
+    if (cancelAccept === "Aceptar" && llave !== "") {
       setCancelAccept("");
       setModal(false);
       activeSection(llave, objeto);
-    } else if (cancelAccept === "Cancelar" & llave !== "") {
+      setUpdatedDescriptions([]);
+      setUpdatedDatasheets([]);
+      setImages({});
+    } else if (cancelAccept === "Cancelar" && llave !== "") {
       setModal(false);
       setCancelAccept("");
     }
@@ -109,15 +115,15 @@ var TabsMenu = function TabsMenu(_ref) {
         type: "white",
         label: "Cancelar",
         size: 12,
-        onClick: function onClick(event) {
-          return setCancelAccept(event.target.textContent);
+        onClick: function onClick() {
+          return setCancelAccept("Cancelar");
         }
       }, "btn-Cancelar"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
         type: "pink",
         label: "Aceptar",
         size: 12,
-        onClick: function onClick(event) {
-          return setCancelAccept(event.target.textContent);
+        onClick: function onClick() {
+          return setCancelAccept("Aceptar");
         }
       }, "btn-Aceptar")]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {

package/dist/components/organisms/FullTabsMenu/index.js

@@ -40,9 +40,10 @@ var FullTabsMenu = function FullTabsMenu(_ref) {
       updatedDescriptions = _ref.updatedDescriptions,
       updatedDatasheets = _ref.updatedDatasheets,
       selectedImages = _ref.selectedImages,
+      setSelectedImages = _ref.setSelectedImages,
       setUpdatedDescriptions = _ref.setUpdatedDescriptions,
       setUpdatedDatasheets = _ref.setUpdatedDatasheets,
-      setSelectedImages = _ref.setSelectedImages;
+      setImages = _ref.setImages;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -61,6 +62,7 @@ var FullTabsMenu = function FullTabsMenu(_ref) {
       selectedImages: selectedImages,
       setUpdatedDescriptions: setUpdatedDescriptions,
       setUpdatedDatasheets: setUpdatedDatasheets,
+      setImages: setImages,
       setSelectedImages: setSelectedImages
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StatusAsignationInfo, {
       canAssign: canAssign,

package/dist/components/pages/ProviderProductEdition/index.js

@@ -2182,11 +2182,12 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
           showSaveButton: enableActions(product.version_status),
           version: version,
           updatedDescriptions: updatedDescriptions,
+          setUpdatedDescriptions: setUpdatedDescriptions,
           updatedDatasheets: updatedDatasheets,
+          setUpdatedDatasheets: setUpdatedDatasheets,
           images: images,
+          setImages: setImages,
           selectedImages: selectedImages,
-          setUpdatedDescriptions: setUpdatedDescriptions,
-          setUpdatedDatasheets: setUpdatedDatasheets,
           setSelectedImages: setSelectedImages,
           setShowVersionSelector: setShowVersionSelector,
           onClickSave: function onClickSave() {

package/dist/components/pages/RetailerProductEdition/index.js

@@ -1996,11 +1996,12 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
           imag: imag,
           setImag: setImag,
           updatedDescriptions: updatedDescriptions,
+          setUpdatedDescriptions: setUpdatedDescriptions,
           updatedDatasheets: updatedDatasheets,
+          setUpdatedDatasheets: setUpdatedDatasheets,
           images: images,
+          setImages: setImages,
           selectedImages: selectedImages,
-          setUpdatedDescriptions: setUpdatedDescriptions,
-          setUpdatedDatasheets: setUpdatedDatasheets,
           setSelectedImages: setSelectedImages,
           setShowVersionSelector: setShowVersionSelector,
           onClickSave: function onClickSave() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.3.99",
+  "version": "21.4.1",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",

package/src/components/atoms/CheckBox/styles.js

@@ -46,7 +46,7 @@ export const Container = styled.div`
       top: 50%;
       transform: translateY(-50%);
       background-image: url(${unchecked});
-      z-index: 110;
+      z-index: 5;
       cursor: pointer;
     }
   }

package/src/components/atoms/UserCatalog/index.js

@@ -62,7 +62,7 @@ export const UserCatalog = ({
             product={product}
             userId={datasheet}
             usersArray={textSpecialists}
-            id={id + "-" + datasheet}
+            id={id + "-datasheet"}
             index={"datasheet"}
           />
           <UserOption
@@ -70,7 +70,7 @@ export const UserCatalog = ({
             product={product}
             userId={description}
             usersArray={textSpecialists}
-            id={id + "-" + description}
+            id={id + "-description"}
             index={"description"}
           />
           <UserOption
@@ -78,7 +78,7 @@ export const UserCatalog = ({
             product={product}
             userId={images}
             usersArray={imagesSpecialists}
-            id={id + "-" + images}
+            id={id + "-images"}
             index={"image"}
           />
           <UserOption
@@ -86,7 +86,7 @@ export const UserCatalog = ({
             product={product}
             userId={auditor}
             usersArray={auditors}
-            id={id + "-" + auditor}
+            id={id + "-auditor"}
             index={"auditor"}
           />
         </div>

package/src/components/atoms/UserSelector/index.js

@@ -38,7 +38,7 @@ export const UserSelector = ({
   };
 
   return (
-    <Container position={position} id={id}>
+    <Container position={position} id={id + "users-list"}>
       <div className="search-cotainer">
         <Icon icon={faSearch} />
         <input

package/src/components/molecules/RowItem/index.js

@@ -10,7 +10,7 @@ export const RowItem = ({
 }) => {
   return (
     <Container>
-      {productsArray.map(({ cols, id, product, article }, i) => (
+      {productsArray.map(({ cols, product, article }, i) => (
         <div
           className="row-container"
           key={article?.id_article + "-" + article?.id_order}

package/src/components/molecules/TabsMenu/index.js

@@ -13,6 +13,9 @@ export const TabsMenu = ({
   updatedDescriptions,
   updatedDatasheets,
   images,
+  setUpdatedDescriptions,
+  setUpdatedDatasheets,
+  setImages,
 }) => {
   const [sections, setSections] = useState(tabsSections);
 
@@ -32,11 +35,14 @@ export const TabsMenu = ({
   };
 
   useEffect(() => {
-    if ((cancelAccept === "Aceptar") & (llave !== "")) {
+    if (cancelAccept === "Aceptar" && llave !== "") {
       setCancelAccept("");
       setModal(false);
       activeSection(llave, objeto);
-    } else if ((cancelAccept === "Cancelar") & (llave !== "")) {
+      setUpdatedDescriptions([]);
+      setUpdatedDatasheets([]);
+      setImages({});
+    } else if (cancelAccept === "Cancelar" && llave !== "") {
       setModal(false);
       setCancelAccept("");
     }
@@ -70,18 +76,18 @@ export const TabsMenu = ({
           message="Estás cambiando de vista y aun no guardas cambios ¿Estás seguro?"
           buttons={[
             <ButtonV2
-              key={"btn-Cancelar"}
-              type={"white"}
-              label={"Cancelar"}
+              key="btn-Cancelar"
+              type="white"
+              label="Cancelar"
               size={12}
-              onClick={(event) => setCancelAccept(event.target.textContent)}
+              onClick={() => setCancelAccept("Cancelar")}
             />,
             <ButtonV2
-              key={"btn-Aceptar"}
-              type={"pink"}
-              label={"Aceptar"}
+              key="btn-Aceptar"
+              type="pink"
+              label="Aceptar"
               size={12}
-              onClick={(event) => setCancelAccept(event.target.textContent)}
+              onClick={() => setCancelAccept("Aceptar")}
             />,
           ]}
         />

package/src/components/organisms/FullTabsMenu/index.js

@@ -23,9 +23,10 @@ export const FullTabsMenu = ({
   updatedDescriptions,
   updatedDatasheets,
   selectedImages,
+  setSelectedImages,
   setUpdatedDescriptions,
   setUpdatedDatasheets,
-  setSelectedImages,
+  setImages,
 }) => {
   const [imagesSection, setImagesSection] = useState(false);
 
@@ -42,6 +43,7 @@ export const FullTabsMenu = ({
         selectedImages={selectedImages}
         setUpdatedDescriptions={setUpdatedDescriptions}
         setUpdatedDatasheets={setUpdatedDatasheets}
+        setImages={setImages}
         setSelectedImages={setSelectedImages}
       />
       <StatusAsignationInfo

package/src/components/pages/ProviderProductEdition/index.js

@@ -1429,11 +1429,12 @@ export const ProviderProductEdition = ({
             showSaveButton={enableActions(product.version_status)}
             version={version}
             updatedDescriptions={updatedDescriptions}
+            setUpdatedDescriptions={setUpdatedDescriptions}
             updatedDatasheets={updatedDatasheets}
+            setUpdatedDatasheets={setUpdatedDatasheets}
             images={images}
+            setImages={setImages}
             selectedImages={selectedImages}
-            setUpdatedDescriptions={setUpdatedDescriptions}
-            setUpdatedDatasheets={setUpdatedDatasheets}
             setSelectedImages={setSelectedImages}
             setShowVersionSelector={setShowVersionSelector}
             onClickSave={() => {

package/src/components/pages/RetailerProductEdition/index.js

@@ -1364,11 +1364,12 @@ export const RetailerProductEdition = ({
             imag={imag}
             setImag={setImag}
             updatedDescriptions={updatedDescriptions}
+            setUpdatedDescriptions={setUpdatedDescriptions}
             updatedDatasheets={updatedDatasheets}
+            setUpdatedDatasheets={setUpdatedDatasheets}
             images={images}
+            setImages={setImages}
             selectedImages={selectedImages}
-            setUpdatedDescriptions={setUpdatedDescriptions}
-            setUpdatedDatasheets={setUpdatedDatasheets}
             setSelectedImages={setSelectedImages}
             setShowVersionSelector={setShowVersionSelector}
             onClickSave={() => {