contentoh-components-library 21.4.60 → 21.4.62
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/styles.js +1 -1
- package/dist/components/molecules/BoxButtons/index.js +1 -0
- package/dist/components/molecules/TagAndInput/index.js +64 -3
- package/dist/components/organisms/InputGroup/index.js +153 -48
- package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +82 -146
- package/dist/components/pages/ProviderProductEdition/index.js +231 -203
- package/dist/components/pages/RetailerProductEdition/index.js +5 -5
- package/dist/global-files/data.js +8 -4
- package/package.json +1 -1
- package/src/assets/images/Icons/info.svg +8 -0
- package/src/components/atoms/TabSection/styles.js +23 -0
- package/src/components/molecules/BoxAttribute/BoxAttribute.stories.js +16 -0
- package/src/components/molecules/BoxAttribute/index.js +71 -0
- package/src/components/molecules/BoxAttribute/styles.js +38 -0
- package/src/components/molecules/BoxButtons/BoxButtons.stories.js +15 -0
- package/src/components/molecules/BoxButtons/index.js +28 -0
- package/src/components/molecules/BoxButtons/styles.js +43 -0
- package/src/components/molecules/TagAndInput/index.js +52 -8
- package/src/components/organisms/Box/Box.stories.js +17 -0
- package/src/components/organisms/Box/index.js +103 -0
- package/src/components/organisms/Box/styles.js +48 -0
- package/src/components/organisms/BoxOnboarding/BoxOnboarding.stories.js +17 -0
- package/src/components/organisms/BoxOnboarding/index.js +60 -0
- package/src/components/organisms/BoxOnboarding/styles.js +44 -0
- package/src/components/organisms/InputGroup/index.js +233 -87
- package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +86 -175
- package/src/components/pages/ProviderProductEdition/index.js +97 -73
- package/src/components/pages/ProviderProductEdition/out.json +0 -0
- package/src/components/pages/RetailerProductEdition/index.js +7 -5
- package/src/global-files/data.js +11 -2
- package/dist/assets/fonts/roboto/LICENSE.txt +0 -202
- package/dist/components/atoms/ImageCarousel/ImgeSlider.stories.js +0 -90
- package/dist/components/atoms/ImageCarousel/index.js +0 -120
- package/dist/components/atoms/ImageCarousel/styles.js +0 -18
- package/dist/components/atoms/PercentTag/PercentTag.stories.js +0 -31
- package/dist/components/atoms/PercentTag/index.js +0 -23
- package/dist/components/atoms/PercentTag/styles.js +0 -22
- package/dist/components/atoms/RatingStars/RatingStars.stories.js +0 -30
- package/dist/components/atoms/RatingStars/index.js +0 -53
- package/dist/components/atoms/RatingStars/styles.js +0 -18
- package/dist/components/atoms/RetailerCatalog/RetailerCatalog.stories.js +0 -48
- package/dist/components/atoms/RetailerCatalog/index.js +0 -69
- package/dist/components/atoms/RetailerCatalog/styles.js +0 -20
- package/dist/components/atoms/RetailerOption/RetailerOption.stories.js +0 -33
- package/dist/components/atoms/RetailerOption/index.js +0 -62
- package/dist/components/atoms/RetailerOption/styles.js +0 -20
- package/dist/components/atoms/RetailersList/RetailersList.stories.js +0 -45
- package/dist/components/atoms/RetailersList/index.js +0 -46
- package/dist/components/atoms/RetailersList/styles.js +0 -18
- package/dist/components/atoms/UserCatalog/UserCatalog.stories.js +0 -73
- package/dist/components/atoms/UserCatalog/index.js +0 -101
- package/dist/components/atoms/UserCatalog/styles.js +0 -18
- package/dist/components/atoms/UserOption/UserOption.stories.js +0 -40
- package/dist/components/atoms/UserOption/index.js +0 -130
- package/dist/components/atoms/UserOption/styles.js +0 -20
- package/dist/components/atoms/UserSelector/UserSelector.stories.js +0 -40
- package/dist/components/atoms/UserSelector/index.js +0 -98
- package/dist/components/atoms/UserSelector/styles.js +0 -32
- package/dist/components/molecules/GridItem/GridItem.stories.js +0 -123
- package/dist/components/molecules/GridItem/index.js +0 -152
- package/dist/components/molecules/GridItem/styles.js +0 -20
- package/dist/components/molecules/HeaderItem/ColumnItem.js +0 -23
- package/dist/components/molecules/HeaderItem/HeaderItem.stories.js +0 -70
- package/dist/components/molecules/HeaderItem/index.js +0 -42
- package/dist/components/molecules/HeaderItem/styles.js +0 -30
- package/dist/components/molecules/RowItem/ColumnItem.js +0 -23
- package/dist/components/molecules/RowItem/RowItem.stories.js +0 -5242
- package/dist/components/molecules/RowItem/index.js +0 -58
- package/dist/components/molecules/RowItem/styles.js +0 -30
- package/dist/components/organisms/GridProducts/GridProducts.stories.js +0 -5097
- package/dist/components/organisms/GridProducts/index.js +0 -63
- package/dist/components/organisms/GridProducts/styles.js +0 -18
- package/dist/components/organisms/GridProducts/utils.js +0 -149
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.GridProducts = void 0;
|
|
7
|
-
|
|
8
|
-
var _styles = require("./styles");
|
|
9
|
-
|
|
10
|
-
var _GridItem = require("../../molecules/GridItem");
|
|
11
|
-
|
|
12
|
-
var _HeaderItem = require("../../molecules/HeaderItem");
|
|
13
|
-
|
|
14
|
-
var _RowItem = require("../../molecules/RowItem");
|
|
15
|
-
|
|
16
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
|
-
|
|
18
|
-
var GridProducts = function GridProducts(_ref) {
|
|
19
|
-
var _ref$products = _ref.products,
|
|
20
|
-
products = _ref$products === void 0 ? [] : _ref$products,
|
|
21
|
-
_ref$columnsArray = _ref.columnsArray,
|
|
22
|
-
columnsArray = _ref$columnsArray === void 0 ? [] : _ref$columnsArray,
|
|
23
|
-
_ref$gridView = _ref.gridView,
|
|
24
|
-
gridView = _ref$gridView === void 0 ? true : _ref$gridView,
|
|
25
|
-
chkOnChange = _ref.chkOnChange,
|
|
26
|
-
_ref$selected = _ref.selected,
|
|
27
|
-
selected = _ref$selected === void 0 ? [] : _ref$selected,
|
|
28
|
-
chkChecked = _ref.chkChecked,
|
|
29
|
-
checkAll = _ref.checkAll,
|
|
30
|
-
chkCheckedAll = _ref.chkCheckedAll,
|
|
31
|
-
onGridClick = _ref.onGridClick;
|
|
32
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
|
|
33
|
-
children: !gridView ? products === null || products === void 0 ? void 0 : products.map(function (_ref2, i) {
|
|
34
|
-
var gridElement = _ref2.gridElement,
|
|
35
|
-
product = _ref2.product,
|
|
36
|
-
id = _ref2.id;
|
|
37
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridItem.GridItem, {
|
|
38
|
-
id: id,
|
|
39
|
-
index: i,
|
|
40
|
-
product: product,
|
|
41
|
-
gridElement: gridElement,
|
|
42
|
-
chkOnChange: chkOnChange,
|
|
43
|
-
onGridClick: onGridClick,
|
|
44
|
-
selected: selected,
|
|
45
|
-
chkChecked: chkChecked
|
|
46
|
-
}, i);
|
|
47
|
-
}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
48
|
-
className: "table-view",
|
|
49
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderItem.HeaderItem, {
|
|
50
|
-
columnsArray: columnsArray,
|
|
51
|
-
checkAll: checkAll,
|
|
52
|
-
chkCheckedAll: chkCheckedAll
|
|
53
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowItem.RowItem, {
|
|
54
|
-
productsArray: products,
|
|
55
|
-
chkOnChange: chkOnChange,
|
|
56
|
-
onGridClick: onGridClick,
|
|
57
|
-
chkChecked: chkChecked
|
|
58
|
-
})]
|
|
59
|
-
})
|
|
60
|
-
});
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
exports.GridProducts = GridProducts;
|
|
@@ -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 display: flex;\n flex-wrap: wrap;\n gap: 10px;\n height: calc(100% - 100px);\n overflow: auto;\n\n .table-view {\n height: 100%;\n width: 100%;\n }\n"])));
|
|
17
|
-
|
|
18
|
-
exports.Container = Container;
|
|
@@ -1,149 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.getProductsToTable = void 0;
|
|
7
|
-
|
|
8
|
-
var _RetailerCatalog = require("../../atoms/RetailerCatalog");
|
|
9
|
-
|
|
10
|
-
var _UserCatalog = require("../../atoms/UserCatalog");
|
|
11
|
-
|
|
12
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
|
|
14
|
-
var getProductsToTable = function getProductsToTable() {
|
|
15
|
-
var products = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
16
|
-
var textSpecialists = arguments.length > 1 ? arguments[1] : undefined;
|
|
17
|
-
var imagesSpecialists = arguments.length > 2 ? arguments[2] : undefined;
|
|
18
|
-
var auditors = arguments.length > 3 ? arguments[3] : undefined;
|
|
19
|
-
var images = arguments.length > 4 ? arguments[4] : undefined;
|
|
20
|
-
var onAssign = arguments.length > 5 ? arguments[5] : undefined;
|
|
21
|
-
var productsTableArray = [];
|
|
22
|
-
products.forEach(function (product) {
|
|
23
|
-
var article = product.article,
|
|
24
|
-
orderId = product.orderId,
|
|
25
|
-
upc = product.upc,
|
|
26
|
-
status = product.status,
|
|
27
|
-
version = product.version;
|
|
28
|
-
var id = (article === null || article === void 0 ? void 0 : article.id_article) + "-" + orderId;
|
|
29
|
-
var imgArray = images[(article === null || article === void 0 ? void 0 : article.id_article) + "-" + version];
|
|
30
|
-
var element = {
|
|
31
|
-
id: id,
|
|
32
|
-
cols: [{
|
|
33
|
-
name: (article === null || article === void 0 ? void 0 : article.country) || "-",
|
|
34
|
-
flex: 1,
|
|
35
|
-
minWidth: 100
|
|
36
|
-
}, {
|
|
37
|
-
name: orderId || "-",
|
|
38
|
-
flex: 1,
|
|
39
|
-
minWidth: 100
|
|
40
|
-
}, {
|
|
41
|
-
name: upc || "-",
|
|
42
|
-
flex: 1,
|
|
43
|
-
minWidth: 100
|
|
44
|
-
}, {
|
|
45
|
-
name: (article === null || article === void 0 ? void 0 : article.name) || "-",
|
|
46
|
-
flex: 1,
|
|
47
|
-
minWidth: 200
|
|
48
|
-
}, {
|
|
49
|
-
name: "S/M" || "-",
|
|
50
|
-
flex: 1,
|
|
51
|
-
minWidth: 100
|
|
52
|
-
}, {
|
|
53
|
-
name: status || "-",
|
|
54
|
-
flex: 1,
|
|
55
|
-
minWidth: 100
|
|
56
|
-
}, {
|
|
57
|
-
name: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RetailerCatalog.RetailerCatalog, {
|
|
58
|
-
id: "retailers-" + id,
|
|
59
|
-
article: product,
|
|
60
|
-
retailers: product.retailers
|
|
61
|
-
}),
|
|
62
|
-
flex: 1,
|
|
63
|
-
minWidth: 100
|
|
64
|
-
}, {
|
|
65
|
-
name: product.prio,
|
|
66
|
-
flex: 1,
|
|
67
|
-
minWidth: 100
|
|
68
|
-
}, {
|
|
69
|
-
name: /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserCatalog.UserCatalog, {
|
|
70
|
-
datasheet: article.id_datasheet_especialist,
|
|
71
|
-
description: article.id_description_especialist,
|
|
72
|
-
images: article.id_images_especialist,
|
|
73
|
-
auditor: article.id_auditor,
|
|
74
|
-
textSpecialists: textSpecialists,
|
|
75
|
-
imagesSpecialists: imagesSpecialists,
|
|
76
|
-
auditors: auditors,
|
|
77
|
-
id: "users-" + id,
|
|
78
|
-
product: product,
|
|
79
|
-
onAssign: onAssign
|
|
80
|
-
}),
|
|
81
|
-
flex: 1,
|
|
82
|
-
minWidth: 100
|
|
83
|
-
}, {
|
|
84
|
-
name: "Cont.",
|
|
85
|
-
flex: 1,
|
|
86
|
-
minWidth: 100
|
|
87
|
-
}],
|
|
88
|
-
gridElement: {
|
|
89
|
-
images: imgArray,
|
|
90
|
-
info: [{
|
|
91
|
-
title: "name",
|
|
92
|
-
value: (article === null || article === void 0 ? void 0 : article.name) || "-"
|
|
93
|
-
}, {
|
|
94
|
-
title: "order",
|
|
95
|
-
value: orderId || "-"
|
|
96
|
-
}, {
|
|
97
|
-
title: "category",
|
|
98
|
-
value: (article === null || article === void 0 ? void 0 : article.category) || "-"
|
|
99
|
-
}, {
|
|
100
|
-
title: "company",
|
|
101
|
-
value: (article === null || article === void 0 ? void 0 : article.company_name) || "-"
|
|
102
|
-
}, {
|
|
103
|
-
title: "price",
|
|
104
|
-
value: (article === null || article === void 0 ? void 0 : article.price) || "-"
|
|
105
|
-
}],
|
|
106
|
-
status: [{
|
|
107
|
-
title: "datasheet",
|
|
108
|
-
value: product === null || product === void 0 ? void 0 : product.datasheet_status,
|
|
109
|
-
percent: 80
|
|
110
|
-
}, {
|
|
111
|
-
title: "description",
|
|
112
|
-
value: product === null || product === void 0 ? void 0 : product.description_status,
|
|
113
|
-
percent: 80
|
|
114
|
-
}, {
|
|
115
|
-
title: "images",
|
|
116
|
-
value: product === null || product === void 0 ? void 0 : product.images_status,
|
|
117
|
-
percent: 80
|
|
118
|
-
}],
|
|
119
|
-
catalogs: {
|
|
120
|
-
leftSide: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RetailerCatalog.RetailerCatalog, {
|
|
121
|
-
id: "retailers-" + id,
|
|
122
|
-
limit: 2,
|
|
123
|
-
article: product,
|
|
124
|
-
retailers: product.retailers
|
|
125
|
-
}),
|
|
126
|
-
rightSide: /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserCatalog.UserCatalog, {
|
|
127
|
-
datasheet: article.id_datasheet_especialist,
|
|
128
|
-
description: article.id_description_especialist,
|
|
129
|
-
images: article.id_images_especialist,
|
|
130
|
-
auditor: article.id_auditor,
|
|
131
|
-
textSpecialists: textSpecialists,
|
|
132
|
-
imagesSpecialists: imagesSpecialists,
|
|
133
|
-
auditors: auditors,
|
|
134
|
-
id: "users-" + id,
|
|
135
|
-
product: product,
|
|
136
|
-
onAssign: onAssign
|
|
137
|
-
})
|
|
138
|
-
}
|
|
139
|
-
},
|
|
140
|
-
showBottom: true,
|
|
141
|
-
product: product,
|
|
142
|
-
article: article
|
|
143
|
-
};
|
|
144
|
-
productsTableArray.push(element);
|
|
145
|
-
});
|
|
146
|
-
return productsTableArray;
|
|
147
|
-
};
|
|
148
|
-
|
|
149
|
-
exports.getProductsToTable = getProductsToTable;
|