contentoh-components-library 21.4.44 → 21.4.46
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.
- package/dist/components/molecules/BoxAttribute/index.js +13 -4
- package/dist/components/molecules/BoxButtons/index.js +4 -1
- package/dist/components/organisms/Box/index.js +44 -7
- package/dist/components/organisms/BoxOnboarding/index.js +37 -48
- package/dist/components/organisms/InputGroup/index.js +17 -19
- package/dist/components/pages/ProviderProductEdition/index.js +34 -16
- package/package.json +1 -1
- package/src/components/molecules/BoxAttribute/index.js +48 -37
- package/src/components/molecules/BoxButtons/index.js +3 -2
- package/src/components/organisms/Box/index.js +71 -40
- package/src/components/organisms/BoxOnboarding/index.js +60 -71
- package/src/components/organisms/InputGroup/index.js +120 -114
- package/src/components/pages/ProviderProductEdition/index.js +48 -22
- package/src/components/pages/ProviderProductEdition/out.json +0 -0
- package/dist/assets/images/Icons/delete.svg +0 -8
- package/dist/assets/images/Icons/edit.svg +0 -3
- package/dist/components/molecules/ButtonsAssignation/ButtonsAssignation.stories.js +0 -34
- package/dist/components/molecules/ButtonsAssignation/index.js +0 -142
- package/dist/components/molecules/ButtonsAssignation/styles.js +0 -20
- package/dist/components/molecules/ButtonsEdition/ButtonsEdition.stories.js +0 -34
- package/dist/components/molecules/ButtonsEdition/index.js +0 -182
- package/dist/components/molecules/ButtonsEdition/styles.js +0 -24
- package/dist/components/molecules/ProductSkuStatus/ProductSkuStatus.stories.js +0 -64
- package/dist/components/molecules/ProductSkuStatus/index.js +0 -36
- package/dist/components/molecules/ProductSkuStatus/styles.js +0 -18
- package/dist/components/molecules/Validation/Validation.stories.js +0 -28
- package/dist/components/molecules/Validation/index.js +0 -77
- package/dist/components/molecules/Validation/styles.js +0 -18
- package/dist/components/organisms/BarButtons/BarButtons.stories.js +0 -30
- package/dist/components/organisms/BarButtons/index.js +0 -61
- package/dist/components/organisms/BarButtons/styles.js +0 -18
- package/dist/components/pages/ProviderProductEdition1/ProviderProductEdition.stories.js +0 -222
- package/dist/components/pages/ProviderProductEdition1/index.js +0 -2339
- package/dist/components/pages/ProviderProductEdition1/styles.js +0 -23
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.Container = void 0;
|
|
9
|
-
|
|
10
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
|
|
11
|
-
|
|
12
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
13
|
-
|
|
14
|
-
var _templateObject;
|
|
15
|
-
|
|
16
|
-
var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n width: fit-content;\n\n .buttons-container {\n display: flex;\n align-items: center;\n\n > * + * {\n margin-left: 3px;\n }\n }\n"])));
|
|
17
|
-
|
|
18
|
-
exports.Container = Container;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = exports.BarButtonsDefault = void 0;
|
|
9
|
-
|
|
10
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
11
|
-
|
|
12
|
-
var _index = require("./index");
|
|
13
|
-
|
|
14
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
-
|
|
16
|
-
var _default = {
|
|
17
|
-
title: "Components/organisms/BarButtons",
|
|
18
|
-
component: _index.BarButtons
|
|
19
|
-
};
|
|
20
|
-
exports.default = _default;
|
|
21
|
-
|
|
22
|
-
var Template = function Template(args) {
|
|
23
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BarButtons, (0, _objectSpread2.default)({}, args));
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
var BarButtonsDefault = Template.bind({});
|
|
27
|
-
exports.BarButtonsDefault = BarButtonsDefault;
|
|
28
|
-
BarButtonsDefault.args = {
|
|
29
|
-
panelText: "Elige la plataforma que conecta proovedores y retailers"
|
|
30
|
-
};
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.BarButtons = void 0;
|
|
9
|
-
|
|
10
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
11
|
-
|
|
12
|
-
var _styles = require("./styles");
|
|
13
|
-
|
|
14
|
-
var _variables = require("../../../global-files/variables");
|
|
15
|
-
|
|
16
|
-
var _GeneralButton = require("../../atoms/GeneralButton");
|
|
17
|
-
|
|
18
|
-
var _react = require("react");
|
|
19
|
-
|
|
20
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
21
|
-
|
|
22
|
-
var BarButtons = function BarButtons(_ref) {
|
|
23
|
-
var showSaveButton = _ref.showSaveButton,
|
|
24
|
-
imagesSection = _ref.imagesSection,
|
|
25
|
-
onClickSave = _ref.onClickSave;
|
|
26
|
-
|
|
27
|
-
var _useState = (0, _react.useState)(false),
|
|
28
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
29
|
-
layout = _useState2[0],
|
|
30
|
-
setLayout = _useState2[1];
|
|
31
|
-
|
|
32
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
|
|
33
|
-
fontFamily: _variables.FontFamily.Raleway,
|
|
34
|
-
color: _variables.GlobalColors.original_magenta,
|
|
35
|
-
children: [showSaveButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
|
|
36
|
-
buttonType: "circular-button save-button",
|
|
37
|
-
onClick: onClickSave
|
|
38
|
-
}), imagesSection && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
39
|
-
className: "images-buttons",
|
|
40
|
-
children: [showSaveButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
|
|
41
|
-
buttonType: "circular-button delete-button",
|
|
42
|
-
onClick: function onClick() {
|
|
43
|
-
askToDeleteImages && askToDeleteImages();
|
|
44
|
-
}
|
|
45
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
|
|
46
|
-
buttonType: "circular-button download-button",
|
|
47
|
-
onClick: function onClick() {
|
|
48
|
-
downloadImages();
|
|
49
|
-
}
|
|
50
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
|
|
51
|
-
buttonType: layout ? "grid-layout" : "row-layout",
|
|
52
|
-
onClick: function onClick() {
|
|
53
|
-
setLayout(!layout);
|
|
54
|
-
setImageLayout && setImageLayout(!layout);
|
|
55
|
-
}
|
|
56
|
-
})]
|
|
57
|
-
})]
|
|
58
|
-
});
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
exports.BarButtons = BarButtons;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.Container = void 0;
|
|
9
|
-
|
|
10
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
|
|
11
|
-
|
|
12
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
13
|
-
|
|
14
|
-
var _templateObject;
|
|
15
|
-
|
|
16
|
-
var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\ndisplay:flex;\njustify-content: center;\nwidth: 28%;\nheight:34px;\nborder-radius: 117px;\npadding: 4px 5px;\nborder: 1px solid #F0F0F0;\n\n * + * {\n margin-left: 10px;\n }\n"])));
|
|
17
|
-
|
|
18
|
-
exports.Container = Container;
|
|
@@ -1,222 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = exports.ProviderProductEdition1Default = void 0;
|
|
9
|
-
|
|
10
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
11
|
-
|
|
12
|
-
var _index = require("./index");
|
|
13
|
-
|
|
14
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
-
|
|
16
|
-
var _default = {
|
|
17
|
-
title: "Components/pages/ProviderProductEdition1",
|
|
18
|
-
component: _index.ProviderProductEdition1
|
|
19
|
-
};
|
|
20
|
-
exports.default = _default;
|
|
21
|
-
|
|
22
|
-
var Template = function Template(args) {
|
|
23
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProviderProductEdition1, (0, _objectSpread2.default)({}, args));
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
var ProviderProductEdition1Default = Template.bind({});
|
|
27
|
-
exports.ProviderProductEdition1Default = ProviderProductEdition1Default;
|
|
28
|
-
ProviderProductEdition1Default.args = {
|
|
29
|
-
tabsSections: {
|
|
30
|
-
Descripción: true,
|
|
31
|
-
"Ficha técnica": false,
|
|
32
|
-
Imágenes: false
|
|
33
|
-
},
|
|
34
|
-
token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIyM2Q1NTlmYi1jMzIwLTRhMjItYjJmNy1lOThhYTFhZGEyNmYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY4MzkyNjgyMSwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2ODM5MzA0MjEsImlhdCI6MTY4MzkyNjgyMSwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.TvCoaKoctj5mypXWMz3NyV1Vm1ToBV0vJmpVyZSQw4-ikTChkxcZ5tFYvqhk1GdvNCFttfSQIqM-14dAYYBc28YwwKP86gqOuzB1fG41rN5x1Yx3tkJq6hiVRgiBbSHWtThA9c8VnxNQbrJiaRTvvkDiM5KNTEst1oxQHL5Ct9_iKQMJMRFie7Xv0xnyS0qZ6QHK4Q2A9OHsnDkAuumALZJcE19Zh6VgSitgWrZiz3x5Text4Q-U-R48NUAzUFirAzYZzJN_fCme5pGf1AnUaZjeUjPsmrV5TBVzPEYwXO0KG8lYjL8id80D7tbGs28ZIK6B4rf3-eqI_ngmBB4CjQ",
|
|
35
|
-
articleId: 238,
|
|
36
|
-
category: 846,
|
|
37
|
-
version: 2,
|
|
38
|
-
productSelected: {
|
|
39
|
-
orderId: 15275,
|
|
40
|
-
status: "AA",
|
|
41
|
-
datasheet_status: "AA",
|
|
42
|
-
prio: "none",
|
|
43
|
-
version: 3,
|
|
44
|
-
description_status: "AA",
|
|
45
|
-
images_status: "AA",
|
|
46
|
-
brand: null,
|
|
47
|
-
retailerOrder: 0,
|
|
48
|
-
missing: {
|
|
49
|
-
datasheet: null,
|
|
50
|
-
descriptions: null,
|
|
51
|
-
images: null
|
|
52
|
-
},
|
|
53
|
-
services: {
|
|
54
|
-
datasheets: 1,
|
|
55
|
-
descriptions: 1,
|
|
56
|
-
images: 1
|
|
57
|
-
},
|
|
58
|
-
article: {
|
|
59
|
-
category: "Abarrotes|Abarrotes Secos|Frutos Secos",
|
|
60
|
-
company_name: "GRUPO BRAHMA",
|
|
61
|
-
country: "México",
|
|
62
|
-
id_category: "11",
|
|
63
|
-
id_datasheet_especialist: 54,
|
|
64
|
-
id_datasheet_facilitator: 52,
|
|
65
|
-
id_description_especialist: 54,
|
|
66
|
-
id_description_facilitator: 52,
|
|
67
|
-
id_images_especialist: 55,
|
|
68
|
-
id_images_facilitator: 53,
|
|
69
|
-
id_order: 15275,
|
|
70
|
-
id_article: 39485,
|
|
71
|
-
id_auditor: 37,
|
|
72
|
-
name: "Mix de nueces",
|
|
73
|
-
timestamp: "2023-07-14T21:03:19.000Z",
|
|
74
|
-
upc: "7543453453"
|
|
75
|
-
},
|
|
76
|
-
retailers: [{
|
|
77
|
-
id: 34,
|
|
78
|
-
name: "San Pablo"
|
|
79
|
-
}],
|
|
80
|
-
statusByRetailer: {
|
|
81
|
-
34: {
|
|
82
|
-
datasheet: "AA",
|
|
83
|
-
description: "AA",
|
|
84
|
-
images: "AA"
|
|
85
|
-
}
|
|
86
|
-
},
|
|
87
|
-
retailersAvailable: [{
|
|
88
|
-
id: 34,
|
|
89
|
-
name: "San Pablo"
|
|
90
|
-
}],
|
|
91
|
-
categoryName: "Abarrotes|Abarrotes Secos|Frutos Secos",
|
|
92
|
-
upc: "7543453453",
|
|
93
|
-
id_article: 39485,
|
|
94
|
-
id_order: 15275
|
|
95
|
-
},
|
|
96
|
-
productToEdit: {
|
|
97
|
-
ArticleId: 39485,
|
|
98
|
-
idCategory: "11",
|
|
99
|
-
product: {
|
|
100
|
-
orderId: 15275,
|
|
101
|
-
status: "AA",
|
|
102
|
-
datasheet_status: "AA",
|
|
103
|
-
prio: "none",
|
|
104
|
-
version: 3,
|
|
105
|
-
description_status: "AA",
|
|
106
|
-
images_status: "AA",
|
|
107
|
-
brand: null,
|
|
108
|
-
retailerOrder: 0,
|
|
109
|
-
missing: {
|
|
110
|
-
datasheet: null,
|
|
111
|
-
descriptions: null,
|
|
112
|
-
images: null
|
|
113
|
-
},
|
|
114
|
-
services: {
|
|
115
|
-
datasheets: 1,
|
|
116
|
-
descriptions: 1,
|
|
117
|
-
images: 1
|
|
118
|
-
},
|
|
119
|
-
article: {
|
|
120
|
-
category: "Abarrotes|Abarrotes Secos|Frutos Secos",
|
|
121
|
-
company_name: "GRUPO BRAHMA",
|
|
122
|
-
country: "México",
|
|
123
|
-
id_category: "11",
|
|
124
|
-
id_datasheet_especialist: 54,
|
|
125
|
-
id_datasheet_facilitator: 52,
|
|
126
|
-
id_description_especialist: 54,
|
|
127
|
-
id_description_facilitator: 52,
|
|
128
|
-
id_images_especialist: 55,
|
|
129
|
-
id_images_facilitator: 53,
|
|
130
|
-
id_order: 15275,
|
|
131
|
-
id_article: 39485,
|
|
132
|
-
id_auditor: 37,
|
|
133
|
-
name: "Mix de nueces",
|
|
134
|
-
timestamp: "2023-07-14T21:03:19.000Z",
|
|
135
|
-
upc: "7543453453"
|
|
136
|
-
},
|
|
137
|
-
retailers: [{
|
|
138
|
-
id: 34,
|
|
139
|
-
name: "San Pablo"
|
|
140
|
-
}],
|
|
141
|
-
statusByRetailer: {
|
|
142
|
-
34: {
|
|
143
|
-
datasheet: "AA",
|
|
144
|
-
description: "AA",
|
|
145
|
-
images: "AA"
|
|
146
|
-
}
|
|
147
|
-
},
|
|
148
|
-
retailersAvailable: [{
|
|
149
|
-
id: 34,
|
|
150
|
-
name: "San Pablo"
|
|
151
|
-
}],
|
|
152
|
-
categoryName: "Abarrotes|Abarrotes Secos|Frutos Secos",
|
|
153
|
-
upc: "7543453453",
|
|
154
|
-
id_article: 39485,
|
|
155
|
-
id_order: 15275
|
|
156
|
-
}
|
|
157
|
-
},
|
|
158
|
-
location: {
|
|
159
|
-
pathname: "/EditProducts",
|
|
160
|
-
search: "",
|
|
161
|
-
hash: "",
|
|
162
|
-
state: {
|
|
163
|
-
withChat: true,
|
|
164
|
-
chatType: "product_status",
|
|
165
|
-
origin: "RequestWithContentoh"
|
|
166
|
-
},
|
|
167
|
-
key: "24vwut"
|
|
168
|
-
},
|
|
169
|
-
user: {
|
|
170
|
-
id_user: 28,
|
|
171
|
-
name: "Ismael",
|
|
172
|
-
last_name: "López",
|
|
173
|
-
email: "ilopez@contentoh.com",
|
|
174
|
-
position: "Test States",
|
|
175
|
-
telephone: "+523111366336",
|
|
176
|
-
country: "México",
|
|
177
|
-
id_company: 1,
|
|
178
|
-
id_cognito: "f5927f8e-cbf7-4922-9e09-e69ec0b2731a",
|
|
179
|
-
birth_Date: null,
|
|
180
|
-
about_me: "",
|
|
181
|
-
zip_code: "",
|
|
182
|
-
address: "",
|
|
183
|
-
job: "",
|
|
184
|
-
id_stripe: "cus_KuEt6R6vwmN09f",
|
|
185
|
-
id_role: 0,
|
|
186
|
-
active: 1,
|
|
187
|
-
is_retailer: 0,
|
|
188
|
-
email_notify: 1,
|
|
189
|
-
is_user_tech: "ADMIN-AS",
|
|
190
|
-
membership: {
|
|
191
|
-
id: 76,
|
|
192
|
-
start_date: "2022-01-18T17:25:35.000Z",
|
|
193
|
-
end_date: "2023-01-18T17:25:35.000Z",
|
|
194
|
-
planID: 8,
|
|
195
|
-
plan: "prod_KtlhECVSFG2iro",
|
|
196
|
-
name: "Plan Pro",
|
|
197
|
-
user_limit: "50",
|
|
198
|
-
products_limit: "5000",
|
|
199
|
-
type: "Enterprise"
|
|
200
|
-
},
|
|
201
|
-
src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1693338334183"
|
|
202
|
-
},
|
|
203
|
-
company: {
|
|
204
|
-
id_company: 1,
|
|
205
|
-
trade_name: "GRUPO BRAHMA",
|
|
206
|
-
company_name: "GRUPO BRAHMA",
|
|
207
|
-
rfc: "XAXX010101000",
|
|
208
|
-
adress: "AA",
|
|
209
|
-
about_company: "",
|
|
210
|
-
telephone: "",
|
|
211
|
-
web_site: "",
|
|
212
|
-
zip_code: "",
|
|
213
|
-
email: null,
|
|
214
|
-
social_link: "",
|
|
215
|
-
is_retailer: 0,
|
|
216
|
-
financedRetailers: [],
|
|
217
|
-
retailers: []
|
|
218
|
-
},
|
|
219
|
-
showSurvey: function showSurvey(v) {
|
|
220
|
-
return v && alert("se muestra");
|
|
221
|
-
}
|
|
222
|
-
};
|