contentoh-components-library 6.0.0 → 7.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 (145) hide show
  1. package/dist/components/atoms/AsignationOption/index.js +10 -5
  2. package/dist/components/atoms/AsignationOption/styles.js +1 -1
  3. package/dist/components/atoms/AtomList/index.js +5 -3
  4. package/dist/components/atoms/AtomList/styles.js +1 -1
  5. package/dist/components/atoms/Avatar/index.js +4 -2
  6. package/dist/components/atoms/Card/Card.stories.js +22 -0
  7. package/dist/components/atoms/Card/index.js +19 -0
  8. package/dist/components/atoms/Card/styles.js +18 -0
  9. package/dist/components/atoms/CheckBox/index.js +3 -1
  10. package/dist/components/atoms/Commentary/Commentary.stories.js +1 -0
  11. package/dist/components/atoms/Commentary/index.js +15 -0
  12. package/dist/components/atoms/Commentary/styles.js +20 -0
  13. package/dist/components/atoms/CustomerTypeImage/index.js +2 -1
  14. package/dist/components/atoms/EditField/EditField.stories.js +24 -0
  15. package/dist/components/atoms/EditField/index.js +29 -0
  16. package/dist/components/atoms/EditField/styles.js +20 -0
  17. package/dist/components/atoms/GeneralButton/GeneralButton.stories.js +1 -1
  18. package/dist/components/atoms/GeneralButton/index.js +3 -1
  19. package/dist/components/atoms/GeneralButton/styles.js +12 -2
  20. package/dist/components/atoms/GeneralInput/index.js +60 -8
  21. package/dist/components/atoms/GeneralInput/styles.js +4 -1
  22. package/dist/components/atoms/GeneralTextBox/styles.js +1 -1
  23. package/dist/components/atoms/GenericModal/GenericModal.stories.js +171 -0
  24. package/dist/components/atoms/GenericModal/index.js +23 -0
  25. package/dist/components/atoms/GenericModal/styles.js +22 -0
  26. package/dist/components/atoms/GradientPanel/GradientPanel.stories.js +135 -4
  27. package/dist/components/atoms/GradientPanel/index.js +4 -2
  28. package/dist/components/atoms/GradientPanel/styles.js +2 -2
  29. package/dist/components/atoms/Graphic/Graphic.stories.js +30 -0
  30. package/dist/components/atoms/Graphic/index.js +30 -0
  31. package/dist/components/atoms/Graphic/styles.js +18 -0
  32. package/dist/components/atoms/Input/index.js +19 -0
  33. package/dist/components/atoms/Input/style.js +26 -0
  34. package/dist/components/atoms/LabelToInput/index.js +48 -0
  35. package/dist/components/atoms/LabelToInput/style.js +22 -0
  36. package/dist/components/atoms/LoadImageMenu/LoadImageMenu.stories.js +29 -0
  37. package/dist/components/atoms/LoadImageMenu/index.js +74 -0
  38. package/dist/components/atoms/LoadImageMenu/styles.js +20 -0
  39. package/dist/components/atoms/LogoImage/LogoImage.stories.js +22 -0
  40. package/dist/components/atoms/LogoImage/index.js +23 -0
  41. package/dist/components/atoms/LogoImage/styles.js +18 -0
  42. package/dist/components/atoms/MenuNotification/MenuNotification.stories.js +33 -0
  43. package/dist/components/atoms/MenuNotification/index.js +35 -0
  44. package/dist/components/atoms/MenuNotification/styles.js +20 -0
  45. package/dist/components/atoms/MenuProfile/MenuProfile.stories.js +24 -0
  46. package/dist/components/atoms/MenuProfile/index.js +47 -0
  47. package/dist/components/atoms/MenuProfile/styles.js +20 -0
  48. package/dist/components/atoms/Notification/Notification.stories.js +30 -0
  49. package/dist/components/atoms/Notification/index.js +27 -0
  50. package/dist/components/atoms/Notification/styles.js +20 -0
  51. package/dist/components/atoms/Percent/Percent.stories.js +33 -0
  52. package/dist/components/atoms/Percent/index.js +32 -0
  53. package/dist/components/atoms/Percent/styles.js +20 -0
  54. package/dist/components/atoms/PriorityFlag/index.js +1 -1
  55. package/dist/components/atoms/ProductImage/styles.js +1 -1
  56. package/dist/components/atoms/ProgressBar/index.js +2 -2
  57. package/dist/components/atoms/ProgressBar/styles.js +3 -5
  58. package/dist/components/atoms/ScreenHeader/ScreenHeader.stories.js +9 -2
  59. package/dist/components/atoms/ScreenHeader/index.js +5 -3
  60. package/dist/components/atoms/ScreenHeader/styles.js +17 -2
  61. package/dist/components/atoms/Select/index.js +32 -0
  62. package/dist/components/atoms/Select/style.js +32 -0
  63. package/dist/components/atoms/StatusTag/styles.js +1 -1
  64. package/dist/components/atoms/ValidationPanel/index.js +4 -3
  65. package/dist/components/molecules/AddProvidersAndProducts/AddProvidersAndProducts.stories.js +28 -0
  66. package/dist/components/molecules/AddProvidersAndProducts/index.js +36 -0
  67. package/dist/components/molecules/AddProvidersAndProducts/styles.js +20 -0
  68. package/dist/components/molecules/AssignedWork/AssignedWork.stories.js +44 -0
  69. package/dist/components/molecules/AssignedWork/index.js +55 -0
  70. package/dist/components/molecules/AssignedWork/styles.js +20 -0
  71. package/dist/components/molecules/AvatarAndValidation/index.js +17 -7
  72. package/dist/components/molecules/AvatarAndValidation/styles.js +1 -1
  73. package/dist/components/molecules/EditionActiveImage/index.js +6 -2
  74. package/dist/components/molecules/FeaturesBar/index.js +21 -2
  75. package/dist/components/molecules/FeaturesBar/styles.js +1 -1
  76. package/dist/components/molecules/GalleryElement/index.js +51 -20
  77. package/dist/components/molecules/GalleryElement/styles.js +1 -1
  78. package/dist/components/molecules/GalleryHeader/GalleryHeader.stories.js +22 -0
  79. package/dist/components/molecules/GalleryHeader/index.js +30 -0
  80. package/dist/components/molecules/GalleryHeader/styles.js +20 -0
  81. package/dist/components/molecules/ImageSelector/index.js +8 -5
  82. package/dist/components/molecules/ParentComponent/ParentComponent.stories.js +25 -0
  83. package/dist/components/molecules/ParentComponent/index.js +67 -0
  84. package/dist/components/molecules/ParentComponent/styles.js +18 -0
  85. package/dist/components/molecules/PayMethod/PayMethod.stories.js +22 -0
  86. package/dist/components/molecules/PayMethod/index.js +61 -0
  87. package/dist/components/molecules/PayMethod/styles.js +20 -0
  88. package/dist/components/molecules/PlanSelection/PlanSelection.stories.js +0 -3
  89. package/dist/components/molecules/PlanSelection/index.js +1 -1
  90. package/dist/components/molecules/PlanSelection/styles.js +1 -1
  91. package/dist/components/molecules/ProductNameHeader/index.js +1 -2
  92. package/dist/components/molecules/ProductNotification/ProductNotification.stories.js +24 -0
  93. package/dist/components/molecules/ProductNotification/index.js +71 -0
  94. package/dist/components/molecules/ProductNotification/styles.js +20 -0
  95. package/dist/components/molecules/ProfileHeader/ProfileHeader.stories.js +30 -0
  96. package/dist/components/molecules/ProfileHeader/index.js +73 -0
  97. package/dist/components/molecules/ProfileHeader/styles.js +20 -0
  98. package/dist/components/molecules/RetailerSelector/RetailerSelector.stories.js +42 -0
  99. package/dist/components/molecules/RetailerSelector/index.js +71 -0
  100. package/dist/components/molecules/RetailerSelector/styles.js +20 -0
  101. package/dist/components/molecules/SidebarNotification/SidebarNotification.stories.js +98 -0
  102. package/dist/components/molecules/SidebarNotification/index.js +105 -0
  103. package/dist/components/molecules/SidebarNotification/styles.js +20 -0
  104. package/dist/components/molecules/StatusAsignationInfo/index.js +51 -12
  105. package/dist/components/molecules/StatusAsignationInfo/styles.js +1 -1
  106. package/dist/components/molecules/TableHeader/index.js +5 -4
  107. package/dist/components/molecules/TabsMenu/index.js +4 -2
  108. package/dist/components/molecules/TagAndInput/index.js +28 -3
  109. package/dist/components/molecules/TagAndInput/styles.js +1 -1
  110. package/dist/components/organisms/FullProductNameHeader/index.js +32 -8
  111. package/dist/components/organisms/FullTabsMenu/index.js +17 -5
  112. package/dist/components/organisms/FullTabsMenu/styles.js +1 -1
  113. package/dist/components/organisms/Fullplan/FullPlan.stories.js +13 -15
  114. package/dist/components/organisms/Fullplan/index.js +1 -1
  115. package/dist/components/organisms/Fullplan/styles.js +1 -1
  116. package/dist/components/organisms/ImageDataTable/index.js +77 -15
  117. package/dist/components/organisms/ImageDataTable/styles.js +7 -1
  118. package/dist/components/organisms/ImagePreviewer/index.js +6 -19
  119. package/dist/components/organisms/InputGroup/index.js +53 -8
  120. package/dist/components/organisms/InputGroup/styles.js +1 -1
  121. package/dist/components/organisms/ProductImageModal/ProductImageModal.stories.js +122 -120
  122. package/dist/components/organisms/ProductImageModal/index.js +28 -12
  123. package/dist/components/organisms/ProductImageModal/styles.js +1 -1
  124. package/dist/components/pages/CustomerLogin/CustomerLogin.stories.js +95 -0
  125. package/dist/components/pages/CustomerLogin/index.js +29 -0
  126. package/dist/components/pages/CustomerLogin/styles.js +18 -0
  127. package/dist/components/pages/CustomerPayMethod/CustomerPayMethod.stories.js +72 -0
  128. package/dist/components/pages/CustomerPayMethod/index.js +29 -0
  129. package/dist/components/pages/CustomerPayMethod/styles.js +18 -0
  130. package/dist/components/pages/CustomerType/CustomerType.stories.js +16 -5
  131. package/dist/components/pages/CustomerType/styles.js +1 -3
  132. package/dist/components/pages/OnboardPlan/OnboardPlan.stories.js +24 -10
  133. package/dist/components/pages/OnboardPlan/index.js +8 -10
  134. package/dist/components/pages/OnboardPlan/styles.js +1 -1
  135. package/dist/components/pages/RetailerPlan/RetailerPlan.stories.js +59 -0
  136. package/dist/components/pages/RetailerPlan/index.js +31 -0
  137. package/dist/components/pages/RetailerPlan/styles.js +18 -0
  138. package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +101 -313
  139. package/dist/components/pages/RetailerProductEdition/index.js +1071 -39
  140. package/dist/components/pages/RetailerProductEdition/styles.js +1 -1
  141. package/dist/global-files/data.js +219 -0
  142. package/dist/global-files/variables.js +1 -0
  143. package/dist/index.js +7 -2
  144. package/package.json +1 -1
  145. package/src/index.js +2 -1
@@ -55,323 +55,111 @@ RetailerProductEditionDefault.args = {
55
55
  status: "AA",
56
56
  image: {
57
57
  src: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg"
58
- },
59
- services: {
60
- Descripción: [{
61
- inputGroup: {
62
- name: "Información básica del producto",
63
- inputs: [{
64
- label: "Item",
65
- value: "1234567890",
66
- placeholder: "Ingresar valor"
67
- }, {
68
- label: "Item",
69
- value: "1234567890",
70
- placeholder: "Ingresar valor"
71
- }, {
72
- label: "Item",
73
- value: "1234567890",
74
- placeholder: "Ingresar valor"
75
- }, {
76
- label: "Item",
77
- value: "1234567890",
78
- placeholder: "Ingresar valor"
79
- }, {
80
- label: "Item",
81
- value: "1234567890",
82
- placeholder: "Ingresar valor"
83
- }, {
84
- label: "Item",
85
- value: "1234567890",
86
- placeholder: "Ingresar valor"
87
- }, {
88
- label: "Item",
89
- value: "1234567890",
90
- placeholder: "Ingresar valor"
91
- }, {
92
- label: "Item",
93
- value: "1234567890",
94
- placeholder: "Ingresar valor"
95
- }]
96
- }
97
- }],
98
- "Ficha técnica": [{
99
- inputGroup: {
100
- name: "Información básica del producto",
101
- inputs: [{
102
- label: "Item",
103
- value: "1234567890",
104
- placeholder: "Ingresar valor"
105
- }, {
106
- label: "Item",
107
- value: "1234567890",
108
- placeholder: "Ingresar valor"
109
- }, {
110
- label: "Item",
111
- value: "1234567890",
112
- placeholder: "Ingresar valor"
113
- }, {
114
- label: "Item",
115
- value: "1234567890",
116
- placeholder: "Ingresar valor"
117
- }, {
118
- label: "Item",
119
- value: "1234567890",
120
- placeholder: "Ingresar valor"
121
- }, {
122
- label: "Item",
123
- value: "1234567890",
124
- placeholder: "Ingresar valor"
125
- }, {
126
- label: "Item",
127
- value: "1234567890",
128
- placeholder: "Ingresar valor"
129
- }, {
130
- label: "Item",
131
- value: "1234567890",
132
- placeholder: "Ingresar valor"
133
- }]
134
- }
135
- }, {
136
- inputGroup: {
137
- name: "Información básica del producto",
138
- inputs: [{
139
- label: "Item",
140
- value: "1234567890",
141
- placeholder: "Ingresar valor"
142
- }, {
143
- label: "Item",
144
- value: "1234567890",
145
- placeholder: "Ingresar valor"
146
- }, {
147
- label: "Item",
148
- value: "1234567890",
149
- placeholder: "Ingresar valor"
150
- }, {
151
- label: "Item",
152
- value: "1234567890",
153
- placeholder: "Ingresar valor"
154
- }, {
155
- label: "Item",
156
- value: "1234567890",
157
- placeholder: "Ingresar valor"
158
- }, {
159
- label: "Item",
160
- value: "1234567890",
161
- placeholder: "Ingresar valor"
162
- }, {
163
- label: "Item",
164
- value: "1234567890",
165
- placeholder: "Ingresar valor"
166
- }, {
167
- label: "Item",
168
- value: "1234567890",
169
- placeholder: "Ingresar valor"
170
- }]
171
- }
172
- }, {
173
- inputGroup: {
174
- name: "Información básica del producto",
175
- inputs: [{
176
- label: "Item",
177
- value: "1234567890",
178
- placeholder: "Ingresar valor"
179
- }, {
180
- label: "Item",
181
- value: "1234567890",
182
- placeholder: "Ingresar valor"
183
- }, {
184
- label: "Item",
185
- value: "1234567890",
186
- placeholder: "Ingresar valor"
187
- }, {
188
- label: "Item",
189
- value: "1234567890",
190
- placeholder: "Ingresar valor"
191
- }, {
192
- label: "Item",
193
- value: "1234567890",
194
- placeholder: "Ingresar valor"
195
- }, {
196
- label: "Item",
197
- value: "1234567890",
198
- placeholder: "Ingresar valor"
199
- }, {
200
- label: "Item",
201
- value: "1234567890",
202
- placeholder: "Ingresar valor"
203
- }, {
204
- label: "Item",
205
- value: "1234567890",
206
- placeholder: "Ingresar valor"
207
- }]
208
- }
209
- }, {
210
- inputGroup: {
211
- name: "Información básica del producto",
212
- inputs: [{
213
- label: "Item",
214
- value: "1234567890",
215
- placeholder: "Ingresar valor"
216
- }, {
217
- label: "Item",
218
- value: "1234567890",
219
- placeholder: "Ingresar valor"
220
- }, {
221
- label: "Item",
222
- value: "1234567890",
223
- placeholder: "Ingresar valor"
224
- }, {
225
- label: "Item",
226
- value: "1234567890",
227
- placeholder: "Ingresar valor"
228
- }, {
229
- label: "Item",
230
- value: "1234567890",
231
- placeholder: "Ingresar valor"
232
- }, {
233
- label: "Item",
234
- value: "1234567890",
235
- placeholder: "Ingresar valor"
236
- }, {
237
- label: "Item",
238
- value: "1234567890",
239
- placeholder: "Ingresar valor"
240
- }, {
241
- label: "Item",
242
- value: "1234567890",
243
- placeholder: "Ingresar valor"
244
- }]
245
- }
246
- }],
247
- Imágenes: [{
248
- img: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg",
249
- alt: "img",
250
- name: "Hero",
251
- data: [{
252
- feature: "Tamaño de imagen",
253
- value: "1000x10000"
254
- }, {
255
- feature: "Formato",
256
- value: "jpg"
257
- }, {
258
- feature: "Resolución",
259
- value: "300dpi"
260
- }, {
261
- feature: "Tipo de imagen",
262
- value: "Tipo de imagen"
263
- }, {
264
- feature: "Identificador",
265
- value: "F261"
266
- }]
267
- }, {
268
- img: "https://www.muycomputer.com/wp-content/uploads/2020/12/google.png",
269
- alt: "img",
270
- name: "Hero2",
271
- data: [{
272
- feature: "Tamaño de imagen",
273
- value: "1000x10000"
274
- }, {
275
- feature: "Formato",
276
- value: "jpg"
277
- }, {
278
- feature: "Resolución",
279
- value: "300dpi"
280
- }, {
281
- feature: "Tipo de imagen",
282
- value: "Tipo de imagen"
283
- }, {
284
- feature: "Identificador",
285
- value: "F261"
286
- }]
287
- }, {
288
- img: "https://www.ionos.es/digitalguide/fileadmin/DigitalGuide/Teaser/bildergalerie-online-t.jpg",
289
- alt: "img",
290
- name: "Hero3",
291
- data: [{
292
- feature: "Tamaño de imagen",
293
- value: "1000x10000"
294
- }, {
295
- feature: "Formato",
296
- value: "jpg"
297
- }, {
298
- feature: "Resolución",
299
- value: "300dpi"
300
- }, {
301
- feature: "Tipo de imagen",
302
- value: "Tipo de imagen"
303
- }, {
304
- feature: "Identificador",
305
- value: "F261"
306
- }]
307
- }, {
308
- img: "https://i.pinimg.com/originals/d0/b9/28/d0b928df15d3a3bf1905865a8fedb257.jpg",
309
- alt: "img",
310
- name: "Hero4",
311
- data: [{
312
- feature: "Tamaño de imagen",
313
- value: "1000x10000"
314
- }, {
315
- feature: "Formato",
316
- value: "jpg"
317
- }, {
318
- feature: "Resolución",
319
- value: "300dpi"
320
- }, {
321
- feature: "Tipo de imagen",
322
- value: "Tipo de imagen"
323
- }, {
324
- feature: "Identificador",
325
- value: "F261"
326
- }]
327
- }, {
328
- img: "https://memegenerator.net/img/images/72798198.jpg",
329
- alt: "img",
330
- name: "Hero5",
331
- data: [{
332
- feature: "Tamaño de imagen",
333
- value: "1000x10000"
334
- }, {
335
- feature: "Formato",
336
- value: "jpg"
337
- }, {
338
- feature: "Resolución",
339
- value: "300dpi"
340
- }, {
341
- feature: "Tipo de imagen",
342
- value: "Tipo de imagen"
343
- }, {
344
- feature: "Identificador",
345
- value: "F261"
346
- }]
347
- }, {
348
- img: "http://www.dumpaday.com/wp-content/uploads/2016/02/funny-pictures-621.jpg",
349
- alt: "img",
350
- name: "Hero6",
351
- data: [{
352
- feature: "Tamaño de imagen",
353
- value: "1000x10000"
354
- }, {
355
- feature: "Formato",
356
- value: "jpg"
357
- }, {
358
- feature: "Resolución",
359
- value: "300dpi"
360
- }, {
361
- feature: "Tipo de imagen",
362
- value: "Tipo de imagen"
363
- }, {
364
- feature: "Identificador",
365
- value: "F261"
366
- }]
367
- }],
368
- "Golden SKU": {}
369
58
  }
370
59
  },
371
60
  tabsSections: {
372
61
  Descripción: true,
373
62
  "Ficha técnica": false,
374
- Imágenes: false,
375
- "Golden SKU": false
63
+ Imágenes: false
64
+ },
65
+ articleId: 238,
66
+ category: 846,
67
+ version: 2,
68
+ productSelected: {
69
+ services: {
70
+ datasheets: 1,
71
+ descriptions: 1,
72
+ images: 1
73
+ },
74
+ orderId: 101,
75
+ status: "RP",
76
+ datasheet_status: "AP",
77
+ prio: "none",
78
+ version: 2,
79
+ description_status: "RP",
80
+ images_status: "AP",
81
+ article: {
82
+ id_article: 292,
83
+ id_category: "697",
84
+ name: "SHAMPOO ANTIFRIZ",
85
+ upc: "7491989462",
86
+ timestamp: "2022-03-09T19:35:51.000Z",
87
+ id_user: 28,
88
+ status: "NULL",
89
+ active: 1,
90
+ company_id: 1,
91
+ company_name: "COMPANY DEV",
92
+ country: "Colombia",
93
+ id_order: 101,
94
+ id_datasheet_especialist: 54,
95
+ id_datasheet_facilitator: 52,
96
+ id_description_especialist: 54,
97
+ id_description_facilitator: 52,
98
+ id_images_especialist: 55,
99
+ id_images_facilitator: 53,
100
+ id_auditor: 30,
101
+ id_recepcionist: null,
102
+ category: "SALUD Y BELLEZA|CUIDADO DEL CABELLO|SHAMPOOS Y ACONDICIONADORES",
103
+ missingAttributes: null,
104
+ missingDescriptions: null,
105
+ missingImages: null
106
+ },
107
+ retailers: [{
108
+ id: 4,
109
+ name: "Walmart Super y Superama",
110
+ country: "México",
111
+ id_region: 1,
112
+ active: 1
113
+ }, {
114
+ id: 6,
115
+ name: "HEB",
116
+ country: "México",
117
+ id_region: 1,
118
+ active: 1
119
+ }],
120
+ country: "Colombia",
121
+ modal: false,
122
+ modalCadenas: false,
123
+ totalCadenas: false,
124
+ modalAsig1: false,
125
+ modalFD: false,
126
+ modalAsig2: false,
127
+ modalAsig3: false,
128
+ modalAsig4: false,
129
+ modalAsig5: false,
130
+ modalFI: false,
131
+ modalQA: false
132
+ },
133
+ user: {
134
+ id_user: 30,
135
+ name: "Admin",
136
+ last_name: "Ulises",
137
+ email: "salmeron.5@hotmail.com",
138
+ position: "Admin",
139
+ telephone: null,
140
+ country: "México",
141
+ id_company: 2,
142
+ id_cognito: "c94a7305-9365-46ff-a423-4b4bc3b8b180",
143
+ birth_Date: null,
144
+ about_me: null,
145
+ zip_code: null,
146
+ address: null,
147
+ job: null,
148
+ id_stripe: null,
149
+ id_role: 6,
150
+ active: 1,
151
+ is_retailer: 0,
152
+ membership: {
153
+ id: 2,
154
+ start_date: "2021-11-05T02:35:12.000Z",
155
+ end_date: "2022-11-05T02:34:49.000Z",
156
+ planID: 1,
157
+ plan: "prod_KtkvuFFLpOdP6e",
158
+ name: "Plan Free",
159
+ user_limit: "1",
160
+ products_limit: "3",
161
+ type: "PyMES"
162
+ },
163
+ src: "https://content-management-profile.s3.amazonaws.com/id-30/30.png?1647395550234"
376
164
  }
377
165
  };