contentoh-components-library 21.3.28 → 21.3.30

package/dist/index.js

@@ -316,7 +316,7 @@ Object.keys(_index24).forEach(function (key) {
   });
 });
 
-var _index25 = require("./components/atoms/ButtonFileChooser/index");
+var _index25 = require("./components/molecules/AvatarAndValidation/index");
 
 Object.keys(_index25).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -329,7 +329,20 @@ Object.keys(_index25).forEach(function (key) {
   });
 });
 
-var _index26 = require("./components/atoms/ButtonV2/index");
+var _CarouselImagesLogin = require("./components/molecules/CarouselImagesLogin");
+
+Object.keys(_CarouselImagesLogin).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CarouselImagesLogin[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _CarouselImagesLogin[key];
+    }
+  });
+});
+
+var _index26 = require("./components/molecules/EditionActiveImage/index");
 
 Object.keys(_index26).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -342,7 +355,7 @@ Object.keys(_index26).forEach(function (key) {
   });
 });
 
-var _index27 = require("./components/atoms/CustomIcon/index");
+var _index27 = require("./components/molecules/EmailResetPasswordLogin/index");
 
 Object.keys(_index27).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -355,7 +368,7 @@ Object.keys(_index27).forEach(function (key) {
   });
 });
 
-var _index28 = require("./components/atoms/IconFile/index");
+var _index28 = require("./components/molecules/FeaturesBar/index");
 
 Object.keys(_index28).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -368,7 +381,7 @@ Object.keys(_index28).forEach(function (key) {
   });
 });
 
-var _index29 = require("./components/atoms/Image/index");
+var _index29 = require("./components/molecules/GalleryElement/index");
 
 Object.keys(_index29).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -381,7 +394,7 @@ Object.keys(_index29).forEach(function (key) {
   });
 });
 
-var _index30 = require("./components/atoms/ImageLink/index");
+var _index30 = require("./components/molecules/HeaderTop/index");
 
 Object.keys(_index30).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -394,7 +407,7 @@ Object.keys(_index30).forEach(function (key) {
   });
 });
 
-var _index31 = require("./components/atoms/ImagePreview/index");
+var _index31 = require("./components/molecules/ImageSelector/index");
 
 Object.keys(_index31).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -407,7 +420,7 @@ Object.keys(_index31).forEach(function (key) {
   });
 });
 
-var _index32 = require("./components/atoms/InputText/index");
+var _index32 = require("./components/molecules/LoginPasswordStrength/index");
 
 Object.keys(_index32).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -420,7 +433,7 @@ Object.keys(_index32).forEach(function (key) {
   });
 });
 
-var _index33 = require("./components/atoms/NotFound/index");
+var _index33 = require("./components/molecules/LogoLoading/index");
 
 Object.keys(_index33).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -433,7 +446,7 @@ Object.keys(_index33).forEach(function (key) {
   });
 });
 
-var _index34 = require("./components/atoms/Tooltip/index");
+var _index34 = require("./components/molecules/PlanSelection/index");
 
 Object.keys(_index34).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -446,7 +459,7 @@ Object.keys(_index34).forEach(function (key) {
   });
 });
 
-var _index35 = require("./components/molecules/AvatarAndValidation/index");
+var _index35 = require("./components/molecules/ProductNameHeader/index");
 
 Object.keys(_index35).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -459,20 +472,7 @@ Object.keys(_index35).forEach(function (key) {
   });
 });
 
-var _CarouselImagesLogin = require("./components/molecules/CarouselImagesLogin");
-
-Object.keys(_CarouselImagesLogin).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _CarouselImagesLogin[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _CarouselImagesLogin[key];
-    }
-  });
-});
-
-var _index36 = require("./components/molecules/EditionActiveImage/index");
+var _index36 = require("./components/molecules/RegistrationFirstStep/index");
 
 Object.keys(_index36).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -485,7 +485,7 @@ Object.keys(_index36).forEach(function (key) {
   });
 });
 
-var _index37 = require("./components/molecules/EmailResetPasswordLogin/index");
+var _index37 = require("./components/molecules/RegistrationSecondStep/index");
 
 Object.keys(_index37).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -498,7 +498,7 @@ Object.keys(_index37).forEach(function (key) {
   });
 });
 
-var _index38 = require("./components/molecules/FeaturesBar/index");
+var _index38 = require("./components/molecules/RegistrationThirdStep/index");
 
 Object.keys(_index38).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -511,7 +511,7 @@ Object.keys(_index38).forEach(function (key) {
   });
 });
 
-var _index39 = require("./components/molecules/GalleryElement/index");
+var _index39 = require("./components/molecules/SignInLogin/index");
 
 Object.keys(_index39).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -524,7 +524,7 @@ Object.keys(_index39).forEach(function (key) {
   });
 });
 
-var _index40 = require("./components/molecules/HeaderTop/index");
+var _index40 = require("./components/molecules/StatusAsignationInfo/index");
 
 Object.keys(_index40).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -537,7 +537,7 @@ Object.keys(_index40).forEach(function (key) {
   });
 });
 
-var _index41 = require("./components/molecules/ImageSelector/index");
+var _index41 = require("./components/molecules/TableHeader/index");
 
 Object.keys(_index41).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -550,7 +550,7 @@ Object.keys(_index41).forEach(function (key) {
   });
 });
 
-var _index42 = require("./components/molecules/LoginPasswordStrength/index");
+var _index42 = require("./components/molecules/TableRow/index");
 
 Object.keys(_index42).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -563,7 +563,7 @@ Object.keys(_index42).forEach(function (key) {
   });
 });
 
-var _index43 = require("./components/molecules/LogoLoading/index");
+var _index43 = require("./components/molecules/TabsMenu/index");
 
 Object.keys(_index43).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -576,7 +576,7 @@ Object.keys(_index43).forEach(function (key) {
   });
 });
 
-var _index44 = require("./components/molecules/PlanSelection/index");
+var _index44 = require("./components/molecules/TagAndInput/index");
 
 Object.keys(_index44).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -589,7 +589,7 @@ Object.keys(_index44).forEach(function (key) {
   });
 });
 
-var _index45 = require("./components/molecules/ProductNameHeader/index");
+var _index45 = require("./components/molecules/VerificationCodeResetPasswordLogin/index");
 
 Object.keys(_index45).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -602,7 +602,7 @@ Object.keys(_index45).forEach(function (key) {
   });
 });
 
-var _index46 = require("./components/molecules/RegistrationFirstStep/index");
+var _index46 = require("./components/molecules/RetailerSelector/index");
 
 Object.keys(_index46).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -615,7 +615,7 @@ Object.keys(_index46).forEach(function (key) {
   });
 });
 
-var _index47 = require("./components/molecules/RegistrationSecondStep/index");
+var _index47 = require("./components/molecules/CustomSelect/index");
 
 Object.keys(_index47).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -628,7 +628,7 @@ Object.keys(_index47).forEach(function (key) {
   });
 });
 
-var _index48 = require("./components/molecules/RegistrationThirdStep/index");
+var _index48 = require("./components/organisms/ChangePassword/index");
 
 Object.keys(_index48).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -641,7 +641,7 @@ Object.keys(_index48).forEach(function (key) {
   });
 });
 
-var _index49 = require("./components/molecules/SignInLogin/index");
+var _index49 = require("./components/organisms/Fullplan/index");
 
 Object.keys(_index49).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -654,7 +654,7 @@ Object.keys(_index49).forEach(function (key) {
   });
 });
 
-var _index50 = require("./components/molecules/StatusAsignationInfo/index");
+var _index50 = require("./components/organisms/FullProductNameHeader/index");
 
 Object.keys(_index50).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -667,7 +667,7 @@ Object.keys(_index50).forEach(function (key) {
   });
 });
 
-var _index51 = require("./components/molecules/TableHeader/index");
+var _index51 = require("./components/organisms/FullTabsMenu/index");
 
 Object.keys(_index51).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -680,7 +680,7 @@ Object.keys(_index51).forEach(function (key) {
   });
 });
 
-var _index52 = require("./components/molecules/TableRow/index");
+var _index52 = require("./components/organisms/ImageDataTable/index");
 
 Object.keys(_index52).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -693,7 +693,7 @@ Object.keys(_index52).forEach(function (key) {
   });
 });
 
-var _index53 = require("./components/molecules/TabsMenu/index");
+var _index53 = require("./components/organisms/ImagePreviewer/index");
 
 Object.keys(_index53).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -706,7 +706,7 @@ Object.keys(_index53).forEach(function (key) {
   });
 });
 
-var _index54 = require("./components/molecules/TagAndInput/index");
+var _index54 = require("./components/organisms/ImagesGroup/index");
 
 Object.keys(_index54).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -719,7 +719,7 @@ Object.keys(_index54).forEach(function (key) {
   });
 });
 
-var _index55 = require("./components/molecules/VerificationCodeResetPasswordLogin/index");
+var _index55 = require("./components/organisms/InputGroup/index");
 
 Object.keys(_index55).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -732,7 +732,7 @@ Object.keys(_index55).forEach(function (key) {
   });
 });
 
-var _index56 = require("./components/molecules/RetailerSelector/index");
+var _index56 = require("./components/organisms/ProductImageModal/index");
 
 Object.keys(_index56).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -745,7 +745,7 @@ Object.keys(_index56).forEach(function (key) {
   });
 });
 
-var _index57 = require("./components/molecules/CustomSelect/index");
+var _index57 = require("./components/organisms/OrderDetail/index");
 
 Object.keys(_index57).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -758,227 +758,6 @@ Object.keys(_index57).forEach(function (key) {
   });
 });
 
-var _index58 = require("./components/molecules/ButtonDownloadFile/index");
-
-Object.keys(_index58).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _index58[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _index58[key];
-    }
-  });
-});
-
-var _index59 = require("./components/molecules/ImageTooltip/index");
-
-Object.keys(_index59).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _index59[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _index59[key];
-    }
-  });
-});
-
-var _index60 = require("./components/molecules/SelectV2/index");
-
-Object.keys(_index60).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _index60[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _index60[key];
-    }
-  });
-});
-
-var _index61 = require("./components/molecules/Dropdown/index");
-
-Object.keys(_index61).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _index61[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _index61[key];
-    }
-  });
-});
-
-var _index62 = require("./components/organisms/ChangePassword/index");
-
-Object.keys(_index62).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _index62[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _index62[key];
-    }
-  });
-});
-
-var _index63 = require("./components/organisms/Fullplan/index");
-
-Object.keys(_index63).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _index63[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _index63[key];
-    }
-  });
-});
-
-var _index64 = require("./components/organisms/FullProductNameHeader/index");
-
-Object.keys(_index64).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _index64[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _index64[key];
-    }
-  });
-});
-
-var _index65 = require("./components/organisms/FullTabsMenu/index");
-
-Object.keys(_index65).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _index65[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _index65[key];
-    }
-  });
-});
-
-var _index66 = require("./components/organisms/ImageDataTable/index");
-
-Object.keys(_index66).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _index66[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _index66[key];
-    }
-  });
-});
-
-var _index67 = require("./components/organisms/ImagePreviewer/index");
-
-Object.keys(_index67).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _index67[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _index67[key];
-    }
-  });
-});
-
-var _index68 = require("./components/organisms/ImagesGroup/index");
-
-Object.keys(_index68).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _index68[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _index68[key];
-    }
-  });
-});
-
-var _index69 = require("./components/organisms/InputGroup/index");
-
-Object.keys(_index69).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _index69[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _index69[key];
-    }
-  });
-});
-
-var _index70 = require("./components/organisms/ProductImageModal/index");
-
-Object.keys(_index70).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _index70[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _index70[key];
-    }
-  });
-});
-
-var _index71 = require("./components/organisms/Chat/index");
-
-Object.keys(_index71).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _index71[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _index71[key];
-    }
-  });
-});
-
-var _index72 = require("./components/organisms/Modal/index");
-
-Object.keys(_index72).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _index72[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _index72[key];
-    }
-  });
-});
-
-var _index73 = require("./components/organisms/OrderDetail/index");
-
-Object.keys(_index73).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _index73[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _index73[key];
-    }
-  });
-});
-
-var _RangeCalendar = require("./components/organisms/RangeCalendar");
-
-Object.keys(_RangeCalendar).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _RangeCalendar[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _RangeCalendar[key];
-    }
-  });
-});
-
 var _ChangePasswordLogin = require("./components/pages/ChangePasswordLogin");
 
 Object.keys(_ChangePasswordLogin).forEach(function (key) {

package/package.json

@@ -1,19 +1,11 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.3.28",
+  "version": "21.3.30",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",
     "@aws-amplify/ui-react": "^2.17.0",
     "@babel/runtime": "^7.17.2",
-    "@emotion/react": "^11.10.5",
-    "@emotion/styled": "^11.10.5",
-    "@fortawesome/fontawesome-svg-core": "^6.2.0",
-    "@fortawesome/free-regular-svg-icons": "^6.2.0",
-    "@fortawesome/free-solid-svg-icons": "^6.2.0",
-    "@fortawesome/react-fontawesome": "^0.2.0",
-    "@mui/material": "^5.11.1",
-    "@mui/styled-engine-sc": "^5.10.6",
     "@storybook/addon-postcss": "^2.0.0",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",
@@ -35,15 +27,11 @@
     "react-dom": "^17.0.2",
     "react-draft-wysiwyg": "^1.14.7",
     "react-dropzone": "^12.0.4",
-    "react-howler": "^5.2.0",
     "react-image-fallback": "^8.0.0",
     "react-quill": "^1.3.5",
     "react-router-dom": "^5.3.3",
-    "react-scroll": "^1.8.8",
-    "react-transition-group": "^4.4.5",
     "storybook-addon-external-links": "^2.0.3",
     "styled-components": "^5.3.3",
-    "swiper": "^8.4.4",
     "uuid": "^8.3.2",
     "web-vitals": "^1.0.1"
   },

package/src/assets/images/generalButton/closeIcon.svg

@@ -1,4 +1,4 @@
 <svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
-<line x1="13.3585" y1="12.1333" x2="39.8661" y2="38.641" stroke="#E33AA9" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M39.8672 12.1333L13.8672 38.1333" stroke="#E33AA9" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+<line x1="13.3585" y1="12.1333" x2="39.8661" y2="38.641" stroke="#E33AA9" stroke-width="1.73333" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M39.8672 12.1333L13.8672 38.1333" stroke="#E33AA9" stroke-width="1.73333" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

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

@@ -1,44 +1,9 @@
-import { Container, ContainerIcon } from "./styles";
-import { Tooltip } from "../Tooltip";
+import { Container } from "./styles";
 
-export const ProgressBar = ({ percent, progressBarType, percentRequired }) => {
+export const ProgressBar = ({ percent, progressBarType }) => {
   return (
-    <>
-      {percentRequired ? (
-        <>
-          <Tooltip
-            componentTooltip={
-              <>
-                <p>
-                  <b>Campos requeridos</b>
-                </p>
-                <p>
-                  Este nuevo icono te indicará cuando <br></br> completes todos
-                  los campos requeridos
-                </p>
-              </>
-            }
-            children={
-              <ContainerIcon
-                className="fondo"
-                percentageRequired={percentRequired}
-              >
-                <span class="hola">local_police</span>
-              </ContainerIcon>
-            }
-            classNameTooltip={"container-tooltip"}
-            position={undefined}
-            addArrow={undefined}
-            transitionType={undefined}
-            followCursor={undefined}
-          ></Tooltip>
-        </>
-      ) : (
-        ""
-      )}
-      <Container className={`status-${progressBarType}`}>
-        <p>{percent}%</p>
-      </Container>
-    </>
+    <Container className={`status-${progressBarType}`}>
+      <p>{percent}%</p>
+    </Container>
   );
 };

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

@@ -68,27 +68,3 @@ export const Container = styled.div`
     color: ${GlobalColors.s4};
   }
 `;
-export const ContainerIcon = styled.div`
-  cursor: pointer;
-  @font-face {
-    font-family: "Material Symbols Outlined";
-    font-style: normal;
-    font-weight: 100 700;
-    src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v68/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY.woff2)
-      format("woff2");
-  }
-
-  .hola {
-    font-family: "Material Symbols Outlined";
-    font-size: 30px;
-    //line-height: 1;
-    margin-top: 10px;
-  }
-  .hola {
-    font-variation-settings: "FILL"
-        ${(props) => (props.percentageRequired < 100 ? 0 : 1)},
-      "wght" 400, "GRAD" 0, "opsz" 48;
-    color: ${(props) =>
-      props.percentageRequired < 100 ? "#d4d1d7" : "#e33aa9"};
-  }
-`;