contentoh-components-library 13.0.0 → 16.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/dist/components/atoms/CheckBox/index.js +4 -2
  2. package/dist/components/atoms/GeneralButton/styles.js +4 -2
  3. package/dist/components/atoms/GeneralInput/index.js +14 -27
  4. package/dist/components/atoms/GenericModal/index.js +4 -2
  5. package/dist/components/atoms/GenericModal/styles.js +1 -1
  6. package/dist/components/atoms/Input/index.js +1 -1
  7. package/dist/components/atoms/Input/style.js +4 -4
  8. package/dist/components/atoms/InputFormatter/Wysiwyg.stories.js +30 -0
  9. package/dist/components/atoms/InputFormatter/index.js +119 -0
  10. package/dist/components/atoms/InputFormatter/styles.js +33 -0
  11. package/dist/components/atoms/LabelToInput/style.js +3 -3
  12. package/dist/components/atoms/ProductPercentCard/Percent.stories.js +41 -0
  13. package/dist/components/atoms/ProductPercentCard/index.js +45 -0
  14. package/dist/components/atoms/ProductPercentCard/styles.js +20 -0
  15. package/dist/components/molecules/GalleryElement/index.js +24 -2
  16. package/dist/components/molecules/GalleryHeader/index.js +19 -2
  17. package/dist/components/molecules/StatusAsignationInfo/index.js +12 -27
  18. package/dist/components/molecules/TableHeader/index.js +4 -2
  19. package/dist/components/organisms/FullProductNameHeader/index.js +1 -1
  20. package/dist/components/organisms/FullTabsMenu/index.js +8 -10
  21. package/dist/components/organisms/ImageDataTable/index.js +4 -2
  22. package/dist/components/organisms/ProductImageModal/index.js +2 -3
  23. package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +4 -14
  24. package/dist/components/pages/RetailerProductEdition/index.js +331 -172
  25. package/dist/components/pages/RetailerProductEdition/styles.js +1 -1
  26. package/package.json +5 -1
  27. package/src/assets/images/generalButton/downloadIcon.svg +3 -0
  28. package/src/components/atoms/CheckBox/index.js +8 -2
  29. package/src/components/atoms/GeneralButton/styles.js +14 -0
  30. package/src/components/atoms/GeneralInput/index.js +12 -29
  31. package/src/components/atoms/GenericModal/index.js +2 -2
  32. package/src/components/atoms/GenericModal/styles.js +1 -0
  33. package/src/components/atoms/Input/index.js +2 -1
  34. package/src/components/atoms/Input/style.js +9 -5
  35. package/src/components/atoms/InputFormatter/Wysiwyg.stories.js +12 -0
  36. package/src/components/atoms/InputFormatter/index.js +76 -0
  37. package/src/components/atoms/InputFormatter/styles.js +34 -0
  38. package/src/components/atoms/LabelToInput/style.js +10 -2
  39. package/src/components/atoms/ProductPercentCard/Percent.stories.js +41 -0
  40. package/src/components/atoms/ProductPercentCard/index.js +23 -0
  41. package/src/components/atoms/{Percent → ProductPercentCard}/styles.js +11 -7
  42. package/src/components/molecules/GalleryElement/index.js +18 -1
  43. package/src/components/molecules/GalleryHeader/index.js +8 -2
  44. package/src/components/molecules/StatusAsignationInfo/index.js +12 -24
  45. package/src/components/molecules/TableHeader/index.js +2 -0
  46. package/src/components/organisms/FullProductNameHeader/index.js +1 -1
  47. package/src/components/organisms/FullTabsMenu/index.js +6 -8
  48. package/src/components/organisms/ImageDataTable/index.js +2 -0
  49. package/src/components/organisms/ProductImageModal/index.js +8 -2
  50. package/src/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +4 -14
  51. package/src/components/pages/RetailerProductEdition/index.js +252 -92
  52. package/src/components/pages/RetailerProductEdition/styles.js +13 -3
  53. package/src/components/atoms/Percent/Percent.stories.js +0 -38
  54. package/src/components/atoms/Percent/index.js +0 -15
@@ -6,16 +6,15 @@ import { useState } from "react";
6
6
  export const FullTabsMenu = ({
7
7
  tabsSections,
8
8
  status = "",
9
- profileImage,
10
9
  activeTab,
11
10
  setActiveTab,
12
11
  setImageLayout,
13
- saveDatasheets,
14
- saveDescriptions,
15
- updateImages,
16
12
  assig,
17
13
  setAssignation,
18
14
  isRetailer,
15
+ downloadImages,
16
+ askToDeleteImages,
17
+ onClickSave,
19
18
  }) => {
20
19
  const [imagesSection, setImagesSection] = useState(false);
21
20
 
@@ -29,15 +28,14 @@ export const FullTabsMenu = ({
29
28
  <StatusAsignationInfo
30
29
  status={status[activeTab]}
31
30
  activeTab={activeTab}
32
- image={profileImage}
33
31
  setImageLayout={setImageLayout}
34
32
  imagesSection={imagesSection}
35
- saveDatasheets={saveDatasheets}
36
- saveDescriptions={saveDescriptions}
37
- updateImages={updateImages}
38
33
  assignationsImages={assig}
39
34
  setAssignation={setAssignation}
40
35
  isRetailer={isRetailer}
36
+ downloadImages={downloadImages}
37
+ onClickSave={onClickSave}
38
+ askToDeleteImages={askToDeleteImages}
41
39
  />
42
40
  </Container>
43
41
  );
@@ -14,6 +14,7 @@ export const ImageDataTable = ({
14
14
  imagesStatus,
15
15
  setAssignation,
16
16
  isRetailer,
17
+ onClickSave,
17
18
  }) => {
18
19
  return (
19
20
  <Container darkMode={darkMode}>
@@ -23,6 +24,7 @@ export const ImageDataTable = ({
23
24
  assignationsImages={assignationsImages}
24
25
  setAssignation={setAssignation}
25
26
  isRetailer={isRetailer}
27
+ onClickSave={onClickSave}
26
28
  />
27
29
  <Row>
28
30
  <ScreenHeader headerType={"table-row-text"} text="Tipo de toma" />
@@ -5,7 +5,6 @@ import { ImageSelector } from "../../molecules/ImageSelector";
5
5
  import { useState, useEffect } from "react";
6
6
  import { ValidationPanel } from "../../atoms/ValidationPanel";
7
7
  import { Button } from "../../atoms/GeneralButton";
8
- import { getImage } from "../../../global-files/data";
9
8
 
10
9
  export const ProductImageModal = ({
11
10
  images = [],
@@ -31,6 +30,8 @@ export const ProductImageModal = ({
31
30
  }
32
31
  };
33
32
 
33
+ console.log(images?.values[activeImage]);
34
+
34
35
  useEffect(() => {
35
36
  if (showValidationPanel) {
36
37
  document.addEventListener("click", closeValidationPanel, false);
@@ -42,7 +43,12 @@ export const ProductImageModal = ({
42
43
  <div className="modal-container">
43
44
  <div className="modal-image-container">
44
45
  <ProductImage
45
- img={images?.values[activeImage]?.src}
46
+ img={
47
+ "https://" +
48
+ process.env.REACT_APP_IMAGES_BUCKET +
49
+ ".s3.amazonaws.com/" +
50
+ images?.values[activeImage]?.srcDB
51
+ }
46
52
  altText={images?.values[activeImage]?.name}
47
53
  imageType={"expanded-modal-image"}
48
54
  />
@@ -74,9 +74,9 @@ RetailerProductEditionDefault.args = {
74
74
  company_name: "COMPANY DEV",
75
75
  country: "Colombia",
76
76
  id_order: 101,
77
- id_datasheet_especialist: 54,
77
+ id_datasheet_especialist: 36,
78
78
  id_datasheet_facilitator: 52,
79
- id_description_especialist: 54,
79
+ id_description_especialist: 36,
80
80
  id_description_facilitator: 52,
81
81
  id_images_especialist: 55,
82
82
  id_images_facilitator: 53,
@@ -105,17 +105,7 @@ RetailerProductEditionDefault.args = {
105
105
  },
106
106
  ],
107
107
  country: "Colombia",
108
- modal: false,
109
- modalCadenas: false,
110
- totalCadenas: false,
111
- modalAsig1: false,
112
- modalFD: false,
113
- modalAsig2: false,
114
- modalAsig3: false,
115
- modalAsig4: false,
116
- modalAsig5: false,
117
- modalFI: false,
118
- modalQA: false,
108
+ upc: "7491989462",
119
109
  },
120
110
  user: {
121
111
  id_user: 30,
@@ -147,6 +137,6 @@ RetailerProductEditionDefault.args = {
147
137
  products_limit: "3",
148
138
  type: "PyMES",
149
139
  },
150
- src: "https://content-management-profile.s3.amazonaws.com/id-30/30.png?1647395550234",
140
+ src: "https://content-management-profile.s3.amazonaws.com/id-30/30.png?1649434410216",
151
141
  },
152
142
  };