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.
Files changed (73) hide show
  1. package/dist/components/molecules/BoxAttribute/styles.js +1 -1
  2. package/dist/components/molecules/BoxButtons/index.js +1 -0
  3. package/dist/components/molecules/TagAndInput/index.js +64 -3
  4. package/dist/components/organisms/InputGroup/index.js +153 -48
  5. package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +82 -146
  6. package/dist/components/pages/ProviderProductEdition/index.js +231 -203
  7. package/dist/components/pages/RetailerProductEdition/index.js +5 -5
  8. package/dist/global-files/data.js +8 -4
  9. package/package.json +1 -1
  10. package/src/assets/images/Icons/info.svg +8 -0
  11. package/src/components/atoms/TabSection/styles.js +23 -0
  12. package/src/components/molecules/BoxAttribute/BoxAttribute.stories.js +16 -0
  13. package/src/components/molecules/BoxAttribute/index.js +71 -0
  14. package/src/components/molecules/BoxAttribute/styles.js +38 -0
  15. package/src/components/molecules/BoxButtons/BoxButtons.stories.js +15 -0
  16. package/src/components/molecules/BoxButtons/index.js +28 -0
  17. package/src/components/molecules/BoxButtons/styles.js +43 -0
  18. package/src/components/molecules/TagAndInput/index.js +52 -8
  19. package/src/components/organisms/Box/Box.stories.js +17 -0
  20. package/src/components/organisms/Box/index.js +103 -0
  21. package/src/components/organisms/Box/styles.js +48 -0
  22. package/src/components/organisms/BoxOnboarding/BoxOnboarding.stories.js +17 -0
  23. package/src/components/organisms/BoxOnboarding/index.js +60 -0
  24. package/src/components/organisms/BoxOnboarding/styles.js +44 -0
  25. package/src/components/organisms/InputGroup/index.js +233 -87
  26. package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +86 -175
  27. package/src/components/pages/ProviderProductEdition/index.js +97 -73
  28. package/src/components/pages/ProviderProductEdition/out.json +0 -0
  29. package/src/components/pages/RetailerProductEdition/index.js +7 -5
  30. package/src/global-files/data.js +11 -2
  31. package/dist/assets/fonts/roboto/LICENSE.txt +0 -202
  32. package/dist/components/atoms/ImageCarousel/ImgeSlider.stories.js +0 -90
  33. package/dist/components/atoms/ImageCarousel/index.js +0 -120
  34. package/dist/components/atoms/ImageCarousel/styles.js +0 -18
  35. package/dist/components/atoms/PercentTag/PercentTag.stories.js +0 -31
  36. package/dist/components/atoms/PercentTag/index.js +0 -23
  37. package/dist/components/atoms/PercentTag/styles.js +0 -22
  38. package/dist/components/atoms/RatingStars/RatingStars.stories.js +0 -30
  39. package/dist/components/atoms/RatingStars/index.js +0 -53
  40. package/dist/components/atoms/RatingStars/styles.js +0 -18
  41. package/dist/components/atoms/RetailerCatalog/RetailerCatalog.stories.js +0 -48
  42. package/dist/components/atoms/RetailerCatalog/index.js +0 -69
  43. package/dist/components/atoms/RetailerCatalog/styles.js +0 -20
  44. package/dist/components/atoms/RetailerOption/RetailerOption.stories.js +0 -33
  45. package/dist/components/atoms/RetailerOption/index.js +0 -62
  46. package/dist/components/atoms/RetailerOption/styles.js +0 -20
  47. package/dist/components/atoms/RetailersList/RetailersList.stories.js +0 -45
  48. package/dist/components/atoms/RetailersList/index.js +0 -46
  49. package/dist/components/atoms/RetailersList/styles.js +0 -18
  50. package/dist/components/atoms/UserCatalog/UserCatalog.stories.js +0 -73
  51. package/dist/components/atoms/UserCatalog/index.js +0 -101
  52. package/dist/components/atoms/UserCatalog/styles.js +0 -18
  53. package/dist/components/atoms/UserOption/UserOption.stories.js +0 -40
  54. package/dist/components/atoms/UserOption/index.js +0 -130
  55. package/dist/components/atoms/UserOption/styles.js +0 -20
  56. package/dist/components/atoms/UserSelector/UserSelector.stories.js +0 -40
  57. package/dist/components/atoms/UserSelector/index.js +0 -98
  58. package/dist/components/atoms/UserSelector/styles.js +0 -32
  59. package/dist/components/molecules/GridItem/GridItem.stories.js +0 -123
  60. package/dist/components/molecules/GridItem/index.js +0 -152
  61. package/dist/components/molecules/GridItem/styles.js +0 -20
  62. package/dist/components/molecules/HeaderItem/ColumnItem.js +0 -23
  63. package/dist/components/molecules/HeaderItem/HeaderItem.stories.js +0 -70
  64. package/dist/components/molecules/HeaderItem/index.js +0 -42
  65. package/dist/components/molecules/HeaderItem/styles.js +0 -30
  66. package/dist/components/molecules/RowItem/ColumnItem.js +0 -23
  67. package/dist/components/molecules/RowItem/RowItem.stories.js +0 -5242
  68. package/dist/components/molecules/RowItem/index.js +0 -58
  69. package/dist/components/molecules/RowItem/styles.js +0 -30
  70. package/dist/components/organisms/GridProducts/GridProducts.stories.js +0 -5097
  71. package/dist/components/organisms/GridProducts/index.js +0 -63
  72. package/dist/components/organisms/GridProducts/styles.js +0 -18
  73. 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;