contentoh-components-library 21.3.92 → 21.3.94

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 (153) hide show
  1. package/.env.development +0 -5
  2. package/.env.production +0 -3
  3. package/dist/assets/fonts/roboto/LICENSE.txt +202 -0
  4. package/dist/components/atoms/Avatar/index.js +2 -3
  5. package/dist/components/atoms/Card/index.js +5 -46
  6. package/dist/components/atoms/Card/styles.js +1 -3
  7. package/dist/components/atoms/CheckBox/index.js +2 -7
  8. package/dist/components/atoms/CheckBox/styles.js +1 -1
  9. package/dist/components/atoms/InputFormatter/styles.js +1 -1
  10. package/dist/components/molecules/CarouselImagesLogin/index.js +1 -1
  11. package/dist/components/molecules/HeaderTop/index.js +11 -68
  12. package/dist/components/molecules/TabsMenu/index.js +13 -7
  13. package/dist/components/molecules/TagAndInput/index.js +1 -1
  14. package/dist/components/organisms/Chat/Chat.stories.js +8 -27
  15. package/dist/components/organisms/Chat/ContainerItems/index.js +3 -19
  16. package/dist/components/organisms/Chat/ContainerItems/styles.js +1 -1
  17. package/dist/components/organisms/Chat/ContentChat/index.js +197 -350
  18. package/dist/components/organisms/Chat/Footer/index.js +39 -48
  19. package/dist/components/organisms/Chat/index.js +4 -49
  20. package/dist/components/organisms/FullProductNameHeader/index.js +2 -2
  21. package/dist/components/organisms/FullTabsMenu/index.js +3 -1
  22. package/dist/components/organisms/Modal/styles.js +1 -1
  23. package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +96 -171
  24. package/dist/components/pages/ProviderProductEdition/index.js +178 -190
  25. package/dist/components/pages/ProviderProductEdition/styles.js +1 -1
  26. package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +52 -77
  27. package/dist/components/pages/RetailerProductEdition/index.js +276 -290
  28. package/dist/components/pages/RetailerProductEdition/styles.js +1 -1
  29. package/dist/components/pages/RetailerProductEdition/utils.js +2 -61
  30. package/dist/index.js +52 -182
  31. package/package.json +1 -4
  32. package/src/components/atoms/Avatar/index.js +2 -8
  33. package/src/components/atoms/Card/index.js +2 -35
  34. package/src/components/atoms/Card/styles.js +5 -41
  35. package/src/components/atoms/CheckBox/index.js +1 -4
  36. package/src/components/atoms/CheckBox/styles.js +0 -2
  37. package/src/components/atoms/InputFormatter/styles.js +1 -2
  38. package/src/components/molecules/CarouselImagesLogin/index.js +1 -1
  39. package/src/components/molecules/HeaderTop/index.js +6 -52
  40. package/src/components/molecules/TabsMenu/index.js +16 -10
  41. package/src/components/molecules/TagAndInput/index.js +8 -10
  42. package/src/components/organisms/Chat/Chat.stories.js +7 -27
  43. package/src/components/organisms/Chat/ContainerItems/index.js +2 -18
  44. package/src/components/organisms/Chat/ContainerItems/styles.js +2 -10
  45. package/src/components/organisms/Chat/ContentChat/index.js +12 -88
  46. package/src/components/organisms/Chat/Footer/index.js +0 -11
  47. package/src/components/organisms/Chat/index.js +4 -46
  48. package/src/components/organisms/FullProductNameHeader/index.js +1 -1
  49. package/src/components/organisms/FullTabsMenu/index.js +3 -1
  50. package/src/components/organisms/Modal/styles.js +1 -4
  51. package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +98 -181
  52. package/src/components/pages/ProviderProductEdition/index.js +132 -134
  53. package/src/components/pages/ProviderProductEdition/styles.js +1 -5
  54. package/src/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +46 -76
  55. package/src/components/pages/RetailerProductEdition/index.js +138 -123
  56. package/src/components/pages/RetailerProductEdition/styles.js +0 -4
  57. package/src/components/pages/RetailerProductEdition/utils.js +0 -37
  58. package/src/index.js +0 -11
  59. package/dist/components/atoms/ImageCarousel/ImgeSlider.stories.js +0 -90
  60. package/dist/components/atoms/ImageCarousel/index.js +0 -123
  61. package/dist/components/atoms/ImageCarousel/styles.js +0 -18
  62. package/dist/components/atoms/PercentTag/PercentTag.stories.js +0 -31
  63. package/dist/components/atoms/PercentTag/index.js +0 -23
  64. package/dist/components/atoms/PercentTag/styles.js +0 -22
  65. package/dist/components/atoms/RatingStars/RatingStars.stories.js +0 -30
  66. package/dist/components/atoms/RatingStars/index.js +0 -53
  67. package/dist/components/atoms/RatingStars/styles.js +0 -18
  68. package/dist/components/atoms/RetailerCatalog/RetailerCatalog.stories.js +0 -48
  69. package/dist/components/atoms/RetailerCatalog/index.js +0 -69
  70. package/dist/components/atoms/RetailerCatalog/styles.js +0 -20
  71. package/dist/components/atoms/RetailerOption/RetailerOption.stories.js +0 -33
  72. package/dist/components/atoms/RetailerOption/index.js +0 -62
  73. package/dist/components/atoms/RetailerOption/styles.js +0 -20
  74. package/dist/components/atoms/RetailersList/RetailersList.stories.js +0 -45
  75. package/dist/components/atoms/RetailersList/index.js +0 -44
  76. package/dist/components/atoms/RetailersList/styles.js +0 -18
  77. package/dist/components/atoms/UserCatalog/UserCatalog.stories.js +0 -72
  78. package/dist/components/atoms/UserCatalog/index.js +0 -89
  79. package/dist/components/atoms/UserCatalog/styles.js +0 -18
  80. package/dist/components/atoms/UserOption/UserOption.stories.js +0 -40
  81. package/dist/components/atoms/UserOption/index.js +0 -80
  82. package/dist/components/atoms/UserOption/styles.js +0 -20
  83. package/dist/components/atoms/UserSelector/UserSelector.stories.js +0 -40
  84. package/dist/components/atoms/UserSelector/index.js +0 -91
  85. package/dist/components/atoms/UserSelector/styles.js +0 -32
  86. package/dist/components/molecules/GridItem/GridItem.stories.js +0 -123
  87. package/dist/components/molecules/GridItem/index.js +0 -122
  88. package/dist/components/molecules/GridItem/styles.js +0 -20
  89. package/dist/components/molecules/HeaderItem/ColumnItem.js +0 -23
  90. package/dist/components/molecules/HeaderItem/HeaderItem.stories.js +0 -70
  91. package/dist/components/molecules/HeaderItem/index.js +0 -42
  92. package/dist/components/molecules/HeaderItem/styles.js +0 -30
  93. package/dist/components/molecules/RowItem/ColumnItem.js +0 -23
  94. package/dist/components/molecules/RowItem/RowItem.stories.js +0 -5242
  95. package/dist/components/molecules/RowItem/index.js +0 -59
  96. package/dist/components/molecules/RowItem/styles.js +0 -30
  97. package/dist/components/organisms/GridProducts/GridProducts.stories.js +0 -5093
  98. package/dist/components/organisms/GridProducts/index.js +0 -81
  99. package/dist/components/organisms/GridProducts/styles.js +0 -18
  100. package/dist/components/organisms/GridProducts/utils.js +0 -139
  101. package/src/components/atoms/ImageCarousel/ImgeSlider.stories.js +0 -76
  102. package/src/components/atoms/ImageCarousel/index.js +0 -103
  103. package/src/components/atoms/ImageCarousel/styles.js +0 -79
  104. package/src/components/atoms/PercentTag/PercentTag.stories.js +0 -7
  105. package/src/components/atoms/PercentTag/index.js +0 -9
  106. package/src/components/atoms/PercentTag/styles.js +0 -69
  107. package/src/components/atoms/RatingStars/RatingStars.stories.js +0 -10
  108. package/src/components/atoms/RatingStars/index.js +0 -31
  109. package/src/components/atoms/RatingStars/styles.js +0 -28
  110. package/src/components/atoms/RetailerCatalog/RetailerCatalog.stories.js +0 -36
  111. package/src/components/atoms/RetailerCatalog/index.js +0 -49
  112. package/src/components/atoms/RetailerCatalog/styles.js +0 -30
  113. package/src/components/atoms/RetailerOption/RetailerOption.stories.js +0 -15
  114. package/src/components/atoms/RetailerOption/index.js +0 -53
  115. package/src/components/atoms/RetailerOption/styles.js +0 -41
  116. package/src/components/atoms/RetailersList/RetailersList.stories.js +0 -33
  117. package/src/components/atoms/RetailersList/index.js +0 -20
  118. package/src/components/atoms/RetailersList/styles.js +0 -19
  119. package/src/components/atoms/UserCatalog/UserCatalog.stories.js +0 -66
  120. package/src/components/atoms/UserCatalog/index.js +0 -77
  121. package/src/components/atoms/UserCatalog/styles.js +0 -24
  122. package/src/components/atoms/UserOption/UserOption.stories.js +0 -25
  123. package/src/components/atoms/UserOption/index.js +0 -49
  124. package/src/components/atoms/UserOption/styles.js +0 -54
  125. package/src/components/atoms/UserSelector/UserSelector.stories.js +0 -25
  126. package/src/components/atoms/UserSelector/index.js +0 -70
  127. package/src/components/atoms/UserSelector/styles.js +0 -55
  128. package/src/components/molecules/GridItem/GridItem.stories.js +0 -126
  129. package/src/components/molecules/GridItem/index.js +0 -82
  130. package/src/components/molecules/GridItem/styles.js +0 -85
  131. package/src/components/molecules/HeaderItem/ColumnItem.js +0 -9
  132. package/src/components/molecules/HeaderItem/HeaderItem.stories.js +0 -24
  133. package/src/components/molecules/HeaderItem/index.js +0 -26
  134. package/src/components/molecules/HeaderItem/styles.js +0 -25
  135. package/src/components/molecules/RowItem/ColumnItem.js +0 -9
  136. package/src/components/molecules/RowItem/RowItem.stories.js +0 -5660
  137. package/src/components/molecules/RowItem/index.js +0 -45
  138. package/src/components/molecules/RowItem/styles.js +0 -38
  139. package/src/components/molecules/StripeCardForm/StripeCardForm.stories.js +0 -13
  140. package/src/components/molecules/StripeCardForm/index.js +0 -42
  141. package/src/components/molecules/StripeCardForm/paymentForm.js +0 -124
  142. package/src/components/molecules/StripeCardForm/styles.js +0 -73
  143. package/src/components/molecules/StripeCardSelector/CardSelector.stories.js +0 -12
  144. package/src/components/molecules/StripeCardSelector/index.js +0 -44
  145. package/src/components/molecules/StripeCardSelector/styles.js +0 -4
  146. package/src/components/molecules/StripeCardSelector/utils.js +0 -17
  147. package/src/components/organisms/GridProducts/GridProducts.stories.js +0 -5474
  148. package/src/components/organisms/GridProducts/index.js +0 -59
  149. package/src/components/organisms/GridProducts/styles.js +0 -15
  150. package/src/components/organisms/GridProducts/utils.js +0 -103
  151. package/src/components/organisms/SideModal/SideModal.stories.js +0 -23
  152. package/src/components/organisms/SideModal/index.js +0 -50
  153. package/src/components/organisms/SideModal/styles.js +0 -30
@@ -1,44 +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.RetailersList = void 0;
9
-
10
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
11
-
12
- var _styles = require("./styles");
13
-
14
- var _RetailerOption = require("../RetailerOption");
15
-
16
- var _react = require("react");
17
-
18
- var _axios = _interopRequireDefault(require("axios"));
19
-
20
- var _jsxRuntime = require("react/jsx-runtime");
21
-
22
- var RetailersList = function RetailersList(_ref) {
23
- var retailers = _ref.retailers,
24
- article = _ref.article;
25
-
26
- var _useState = (0, _react.useState)({}),
27
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
28
- services = _useState2[0],
29
- setServices = _useState2[1];
30
-
31
- (0, _react.useEffect)(function () {
32
- if (article) setServices(article.statusByRetailer);
33
- }, [article]);
34
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
35
- children: retailers.map(function (retailer, i) {
36
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RetailerOption.RetailerOption, {
37
- retailer: retailer,
38
- services: services
39
- }, i);
40
- })
41
- });
42
- };
43
-
44
- exports.RetailersList = RetailersList;
@@ -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 width: 370px;\n max-height: 200px;\n overflow: auto;\n position: absolute;\n z-index: 500;\n right: 0%;\n top: 100%;\n border: 1px solid #f0f0f0;\n padding: 10px;\n padding-right: 5px;\n background-color: white;\n\n > * + * {\n margin-top: 5px;\n }\n"])));
17
-
18
- exports.Container = Container;
@@ -1,72 +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.UserCatalogDefault = void 0;
9
-
10
- var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
-
12
- var _ = require(".");
13
-
14
- var _jsxRuntime = require("react/jsx-runtime");
15
-
16
- var _default = {
17
- title: "Components/atoms/UserCatalog",
18
- component: _.UserCatalog
19
- };
20
- exports.default = _default;
21
-
22
- var Template = function Template(args) {
23
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.UserCatalog, (0, _objectSpread2.default)({}, args));
24
- };
25
-
26
- var UserCatalogDefault = Template.bind({});
27
- exports.UserCatalogDefault = UserCatalogDefault;
28
- UserCatalogDefault.args = {
29
- datasheet: 54,
30
- description: 54,
31
- images: 55,
32
- auditor: 37,
33
- auditors: [{
34
- name: "José",
35
- last_name: "Castañeda",
36
- id_user: 37
37
- }, {
38
- name: "Eduardo ",
39
- last_name: " Reyes",
40
- id_user: 195
41
- }],
42
- textSpecialists: [{
43
- name: "Especialista",
44
- last_name: "Textos",
45
- id_user: 36
46
- }, {
47
- name: "ESPECIALISTA TXTS PRUEBA",
48
- last_name: "",
49
- id_user: 54
50
- }, {
51
- name: "Gerson",
52
- last_name: "Martínez",
53
- id_user: 57
54
- }, {
55
- name: "Angel",
56
- last_name: "Perea",
57
- id_user: 232
58
- }],
59
- imagesSpecialists: [{
60
- name: "Especialista",
61
- last_name: "Imágenes",
62
- id_user: 35
63
- }, {
64
- name: "ESPECIALISTA ED PRUEBA",
65
- last_name: "",
66
- id_user: 55
67
- }, {
68
- name: "Uriel",
69
- last_name: "Herrera",
70
- id_user: 196
71
- }]
72
- };
@@ -1,89 +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.UserCatalog = void 0;
9
-
10
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
11
-
12
- var _styles = require("./styles");
13
-
14
- var _Avatar = require("../Avatar");
15
-
16
- var _data = require("../../../global-files/data");
17
-
18
- var _UserOption = require("../UserOption");
19
-
20
- var _react = require("react");
21
-
22
- var _customHooks = require("../../../global-files/customHooks");
23
-
24
- var _jsxRuntime = require("react/jsx-runtime");
25
-
26
- var UserCatalog = function UserCatalog(_ref) {
27
- var datasheet = _ref.datasheet,
28
- description = _ref.description,
29
- images = _ref.images,
30
- auditor = _ref.auditor,
31
- _ref$auditors = _ref.auditors,
32
- auditors = _ref$auditors === void 0 ? [] : _ref$auditors,
33
- _ref$textSpecialists = _ref.textSpecialists,
34
- textSpecialists = _ref$textSpecialists === void 0 ? [] : _ref$textSpecialists,
35
- _ref$imagesSpecialist = _ref.imagesSpecialists,
36
- imagesSpecialists = _ref$imagesSpecialist === void 0 ? [] : _ref$imagesSpecialist,
37
- _ref$id = _ref.id,
38
- id = _ref$id === void 0 ? "list-modal" : _ref$id;
39
-
40
- var _useCloseModal = (0, _customHooks.useCloseModal)(id),
41
- _useCloseModal2 = (0, _slicedToArray2.default)(_useCloseModal, 2),
42
- showList = _useCloseModal2[0],
43
- setShowList = _useCloseModal2[1];
44
-
45
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
46
- onClick: function onClick() {
47
- return setShowList(true);
48
- },
49
- id: id,
50
- children: [datasheet && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
51
- image: (0, _data.getProfilePicture)(datasheet, 26, 26),
52
- altText: "datasheet specialist",
53
- imageType: "medium-image"
54
- }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
55
- image: (0, _data.getProfilePicture)(description, 26, 26),
56
- altText: "description specialist",
57
- imageType: "medium-image"
58
- }), images && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
59
- image: (0, _data.getProfilePicture)(images, 26, 26),
60
- altText: "images specialist",
61
- imageType: "medium-image"
62
- }), auditor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
63
- image: (0, _data.getProfilePicture)(auditor, 26, 26),
64
- altText: "auditor",
65
- imageType: "medium-image"
66
- }), showList && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
67
- className: "users-assigned-list",
68
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_UserOption.UserOption, {
69
- userId: datasheet,
70
- usersArray: textSpecialists,
71
- id: id + "-" + datasheet
72
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserOption.UserOption, {
73
- userId: description,
74
- usersArray: textSpecialists,
75
- id: id + "-" + description
76
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserOption.UserOption, {
77
- userId: images,
78
- usersArray: imagesSpecialists,
79
- id: id + "-" + images
80
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserOption.UserOption, {
81
- userId: auditor,
82
- usersArray: auditors,
83
- id: id + "-" + auditor
84
- })]
85
- })]
86
- });
87
- };
88
-
89
- exports.UserCatalog = UserCatalog;
@@ -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 justify-content: center;\n width: 100%;\n height: 100%;\n cursor: pointer;\n position: relative;\n\n .users-assigned-list {\n background-color: white;\n padding: 10px;\n box-shadow: 0px 2px 4px #00000040;\n position: absolute;\n top: 100%;\n left: 0;\n z-index: 400;\n }\n\n > * + * {\n margin-left: -10px;\n }\n"])));
17
-
18
- exports.Container = Container;
@@ -1,40 +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.UserOptionDefault = void 0;
9
-
10
- var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
-
12
- var _ = require(".");
13
-
14
- var _jsxRuntime = require("react/jsx-runtime");
15
-
16
- var _default = {
17
- title: "Components/atoms/UserOption",
18
- component: _.UserOption
19
- };
20
- exports.default = _default;
21
-
22
- var Template = function Template(args) {
23
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.UserOption, (0, _objectSpread2.default)({}, args));
24
- };
25
-
26
- var UserOptionDefault = Template.bind({});
27
- exports.UserOptionDefault = UserOptionDefault;
28
- UserOptionDefault.args = {
29
- userId: 37,
30
- index: "datasheet",
31
- usersArray: [{
32
- name: "José",
33
- last_name: "Castañeda",
34
- id_user: 37
35
- }, {
36
- name: "Eduardo ",
37
- last_name: " Reyes",
38
- id_user: 195
39
- }]
40
- };
@@ -1,80 +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.UserOption = void 0;
9
-
10
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
11
-
12
- var _styles = require("./styles");
13
-
14
- var _Avatar = require("../Avatar");
15
-
16
- var _react = require("react");
17
-
18
- var _data = require("../../../global-files/data");
19
-
20
- var _utils = require("../../organisms/OrderDetail/utils/Table/utils");
21
-
22
- var _UserSelector = require("../UserSelector");
23
-
24
- var _customHooks = require("../../../global-files/customHooks");
25
-
26
- var _jsxRuntime = require("react/jsx-runtime");
27
-
28
- var UserOption = function UserOption(_ref) {
29
- var userId = _ref.userId,
30
- index = _ref.index,
31
- usersArray = _ref.usersArray,
32
- id = _ref.id;
33
-
34
- var _useState = (0, _react.useState)({}),
35
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
36
- userAssigned = _useState2[0],
37
- setUserAssigned = _useState2[1];
38
-
39
- var _useCloseModal = (0, _customHooks.useCloseModal)(id),
40
- _useCloseModal2 = (0, _slicedToArray2.default)(_useCloseModal, 2),
41
- showSelector = _useCloseModal2[0],
42
- setShowSelector = _useCloseModal2[1];
43
-
44
- var icons = _utils.servicesCodeIcon;
45
- (0, _react.useEffect)(function () {
46
- if (usersArray) {
47
- usersArray.forEach(function (user) {
48
- if (user.id_user === userId) {
49
- setUserAssigned(user);
50
- }
51
- });
52
- }
53
- }, [userId, usersArray]);
54
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
55
- onClick: function onClick() {
56
- return setShowSelector(true);
57
- },
58
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
59
- className: "image-and-name",
60
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
61
- image: (0, _data.getProfilePicture)(userAssigned === null || userAssigned === void 0 ? void 0 : userAssigned.id_user, 26, 26),
62
- altText: "datasheet specialist",
63
- imageType: "medium-image"
64
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
65
- children: [userAssigned === null || userAssigned === void 0 ? void 0 : userAssigned.name, " ", userAssigned === null || userAssigned === void 0 ? void 0 : userAssigned.last_name]
66
- })]
67
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
68
- className: "icon-container",
69
- children: icons[index]
70
- }), showSelector && /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserSelector.UserSelector, {
71
- id: id,
72
- searchLabel: "Buscar Usuario",
73
- index: index,
74
- usersArray: usersArray,
75
- position: "absolute"
76
- })]
77
- });
78
- };
79
-
80
- exports.UserOption = UserOption;
@@ -1,20 +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 _variables = require("../../../global-files/variables");
15
-
16
- var _templateObject;
17
-
18
- var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n border: 1px solid #f0f0f0;\n border-radius: 5px;\n color: #262626;\n font-size: 12px;\n font-family: ", ";\n display: flex;\n align-items: center;\n padding: 5px 10px;\n justify-content: space-between;\n cursor: pointer;\n position: relative;\n background-color: white;\n width: 217px;\n\n .image-and-name {\n display: flex;\n align-items: center;\n\n div + p {\n margin-left: 10px;\n }\n }\n\n .icon-container {\n position: relative;\n span {\n color: #808080;\n cursor: pointer;\n\n & + span {\n display: none;\n position: absolute;\n right: 120%;\n top: 50%;\n transform: translateY(-50%);\n white-space: nowrap;\n }\n\n &:hover {\n & + span {\n display: block;\n }\n }\n }\n }\n\n & + * {\n margin-top: 5px;\n }\n"])), _variables.FontFamily.Lato);
19
-
20
- exports.Container = Container;
@@ -1,40 +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.UserSelectorDefault = void 0;
9
-
10
- var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
-
12
- var _ = require(".");
13
-
14
- var _jsxRuntime = require("react/jsx-runtime");
15
-
16
- var _default = {
17
- title: "Components/atoms/UserSelector",
18
- component: _.UserSelector
19
- };
20
- exports.default = _default;
21
-
22
- var Template = function Template(args) {
23
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.UserSelector, (0, _objectSpread2.default)({}, args));
24
- };
25
-
26
- var UserSelectorDefault = Template.bind({});
27
- exports.UserSelectorDefault = UserSelectorDefault;
28
- UserSelectorDefault.args = {
29
- searchLabel: "Buscar auditor",
30
- index: "auditor",
31
- usersArray: [{
32
- name: "José",
33
- last_name: "Castañeda",
34
- id_user: 37
35
- }, {
36
- name: "Eduardo ",
37
- last_name: " Reyes",
38
- id_user: 195
39
- }]
40
- };
@@ -1,91 +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.UserSelector = void 0;
9
-
10
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
11
-
12
- var _styles = require("./styles");
13
-
14
- var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
15
-
16
- var _reactFontawesome = require("@fortawesome/react-fontawesome");
17
-
18
- var _Avatar = require("../Avatar");
19
-
20
- var _data = require("../../../global-files/data");
21
-
22
- var _react = require("react");
23
-
24
- var _jsxRuntime = require("react/jsx-runtime");
25
-
26
- var UserSelector = function UserSelector(_ref) {
27
- var searchLabel = _ref.searchLabel,
28
- index = _ref.index,
29
- usersArray = _ref.usersArray,
30
- onClick = _ref.onClick,
31
- position = _ref.position;
32
-
33
- var _useState = (0, _react.useState)([]),
34
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
35
- text = _useState2[0],
36
- setText = _useState2[1];
37
-
38
- var _useState3 = (0, _react.useState)([]),
39
- _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
40
- userFiltered = _useState4[0],
41
- setUsersFiltered = _useState4[1];
42
-
43
- (0, _react.useEffect)(function () {
44
- if (usersArray) setUsersFiltered(usersArray);
45
- }, [usersArray]);
46
-
47
- var onChangeText = function onChangeText(e) {
48
- setText(e.target.value);
49
- if (usersArray) setUsersFiltered(usersArray.filter(function (user) {
50
- return (user.name + " " + user.last_name).toLowerCase().includes(e.target.value.toLowerCase());
51
- }));
52
- };
53
-
54
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
55
- position: position,
56
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
57
- className: "search-cotainer",
58
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFontawesome.FontAwesomeIcon, {
59
- icon: _freeSolidSvgIcons.faSearch
60
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
61
- type: "text",
62
- className: "search",
63
- placeholder: searchLabel,
64
- value: text,
65
- onChange: onChangeText,
66
- autoFocus: true
67
- })]
68
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
69
- className: "selector-container",
70
- children: userFiltered.length ? userFiltered.map(function (user) {
71
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
72
- className: "user-item",
73
- onClick: onClick,
74
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
75
- image: (0, _data.getProfilePicture)(user.id_user, 26, 26),
76
- altText: "profile image",
77
- imageType: "medium-image"
78
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
79
- children: [user.name, " ", user.last_name]
80
- })]
81
- }, user.id_user);
82
- }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
83
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
84
- children: "Sin usuarios para asignar"
85
- })
86
- })
87
- })]
88
- });
89
- };
90
-
91
- exports.UserSelector = UserSelector;
@@ -1,32 +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 _variables = require("../../../global-files/variables");
15
-
16
- var _templateObject;
17
-
18
- var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n box-shadow: 0px 2px 4px #00000040;\n width: 197px;\n border-radius: 5px;\n position: ", ";\n top: ", ";\n left: ", ";\n transform: ", ";\n z-index: 500;\n background-color: white;\n\n .search-cotainer {\n display: flex;\n padding-left: 10px;\n align-items: center;\n border-bottom: 1px solid #f0f0f0;\n\n svg {\n & + * {\n margin-left: 10px;\n }\n }\n\n input {\n border: none;\n width: 100%;\n padding: 10px;\n outline: none;\n }\n }\n\n .selector-container {\n max-height: 184px;\n overflow: auto;\n .user-item {\n display: flex;\n font-family: ", ";\n font-size: 12px;\n align-items: center;\n padding: 10px;\n cursor: pointer;\n\n &:hover {\n background-color: #f0f0f0;\n }\n\n > * + * {\n margin-left: 10px;\n }\n }\n }\n"])), function (_ref) {
19
- var position = _ref.position;
20
- return position ? position : "initial";
21
- }, function (_ref2) {
22
- var position = _ref2.position;
23
- return position ? "100%" : "initial";
24
- }, function (_ref3) {
25
- var position = _ref3.position;
26
- return position ? "50%" : "initial";
27
- }, function (_ref4) {
28
- var position = _ref4.position;
29
- return position ? "translateX(-50%)" : "initial";
30
- }, _variables.FontFamily.Lato);
31
-
32
- exports.Container = Container;
@@ -1,123 +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.GridItemDefault = void 0;
9
-
10
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
11
-
12
- var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
13
-
14
- var _ = require(".");
15
-
16
- var _jsxRuntime = require("react/jsx-runtime");
17
-
18
- var _article;
19
-
20
- var _default = {
21
- title: "Components/molecules/GridItem",
22
- component: _.GridItem
23
- };
24
- exports.default = _default;
25
-
26
- var Template = function Template(args) {
27
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.GridItem, (0, _objectSpread2.default)({}, args));
28
- };
29
-
30
- var GridItemDefault = Template.bind({});
31
- exports.GridItemDefault = GridItemDefault;
32
- GridItemDefault.args = {
33
- article: (_article = {
34
- services: {
35
- datasheets: 1,
36
- descriptions: 1,
37
- images: 1
38
- },
39
- orderId: 15254,
40
- status: "Ex",
41
- datasheet_status: "Ex",
42
- prio: "none",
43
- version: 15,
44
- description_status: "Ex",
45
- images_status: "Ex",
46
- statusByRetailer: {
47
- 70: {
48
- datasheet: "Ex",
49
- description: "Ex",
50
- images: "Ex"
51
- }
52
- },
53
- id_article: 38443,
54
- id_category: "4319",
55
- name: "Im Polvo Compacto Natural 2",
56
- upc: "7501611823017",
57
- timestamp: "2023-03-15T05:54:54.000Z",
58
- id_user: 133
59
- }, (0, _defineProperty2.default)(_article, "status", "Ex"), (0, _defineProperty2.default)(_article, "active", 1), (0, _defineProperty2.default)(_article, "company_id", 912), (0, _defineProperty2.default)(_article, "company_name", "GRUPO BRAHMA"), (0, _defineProperty2.default)(_article, "country", "México"), (0, _defineProperty2.default)(_article, "id_order", 15254), (0, _defineProperty2.default)(_article, "id_datasheet_especialist", 1841), (0, _defineProperty2.default)(_article, "id_datasheet_facilitator", null), (0, _defineProperty2.default)(_article, "id_description_especialist", 509), (0, _defineProperty2.default)(_article, "id_description_facilitator", null), (0, _defineProperty2.default)(_article, "id_images_especialist", 289), (0, _defineProperty2.default)(_article, "id_images_facilitator", 160), (0, _defineProperty2.default)(_article, "id_auditor", 493), (0, _defineProperty2.default)(_article, "id_recepcionist", null), (0, _defineProperty2.default)(_article, "category", "Salud y Belleza|Cosméticos|Cosméticos"), (0, _defineProperty2.default)(_article, "missingAttributes", 0), (0, _defineProperty2.default)(_article, "missingDescriptions", 0), (0, _defineProperty2.default)(_article, "missingImages", 0), (0, _defineProperty2.default)(_article, "retailers", [{
60
- id: 70,
61
- name: "Bodega Aurrera"
62
- }]), (0, _defineProperty2.default)(_article, "country", "México"), (0, _defineProperty2.default)(_article, "upc", "7501611823017"), (0, _defineProperty2.default)(_article, "imageArray", [{
63
- id: 35596,
64
- status: null,
65
- image_id: 1,
66
- packing_type: "3",
67
- image_type: "1",
68
- article_id: "38443",
69
- src: "https://d24s337exbt5zr.cloudfront.net/eyJidWNrZXQiOiJjb250ZW50LW1hbmFnZW1lbnQtaW1hZ2VzIiwia2V5IjoiaWQtMzg0NDMvMTUvMS1kNDQ2ZjIwNy0wYTkzLTQyNzgtYWZjNi01MTY2ZjIyY2EzNDMucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxMDAwLCJoZWlnaHQiOjEwMDAsImZpdCI6ImNvbnRhaW4iLCJiYWNrZ3JvdW5kIjp7InIiOjI1NSwiZyI6MjU1LCJiIjoyNTUsImFscGhhIjoxfX19fQ==",
70
- timestamp: "2023-05-30T03:01:12.000Z",
71
- id_version: 15,
72
- width: null,
73
- height: null,
74
- scene_type: null,
75
- image_shot_type: null,
76
- last_modified: "2023-06-05T23:49:49.000Z",
77
- name: "Central (Frente Comercial)",
78
- version: 15,
79
- ext: "png",
80
- uuid: "d446f207-0a93-4278-afc6-5166f22ca343",
81
- srcDB: "id-38443/15/1-d446f207-0a93-4278-afc6-5166f22ca343.png"
82
- }, {
83
- id: 35597,
84
- status: null,
85
- image_id: 3,
86
- packing_type: "3",
87
- image_type: "1",
88
- article_id: "38443",
89
- src: "https://d24s337exbt5zr.cloudfront.net/eyJidWNrZXQiOiJjb250ZW50LW1hbmFnZW1lbnQtaW1hZ2VzIiwia2V5IjoiaWQtMzg0NDMvMTUvMy0yOTZkMzU3ZC00OTUzLTRiMzktYjFjMy04YWZmZDI2NDgwMWIucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxMDAwLCJoZWlnaHQiOjEwMDAsImZpdCI6ImNvbnRhaW4iLCJiYWNrZ3JvdW5kIjp7InIiOjI1NSwiZyI6MjU1LCJiIjoyNTUsImFscGhhIjoxfX19fQ==",
90
- timestamp: "2023-05-30T03:01:12.000Z",
91
- id_version: 15,
92
- width: null,
93
- height: null,
94
- scene_type: null,
95
- image_shot_type: null,
96
- last_modified: "2023-06-05T23:49:49.000Z",
97
- name: "Trasera (Back)",
98
- version: 15,
99
- ext: "png",
100
- uuid: "296d357d-4953-4b39-b1c3-8affd264801b",
101
- srcDB: "id-38443/15/3-296d357d-4953-4b39-b1c3-8affd264801b.png"
102
- }, {
103
- id: 35598,
104
- status: null,
105
- image_id: 16,
106
- packing_type: "3",
107
- image_type: "1",
108
- article_id: "38443",
109
- src: "https://d24s337exbt5zr.cloudfront.net/eyJidWNrZXQiOiJjb250ZW50LW1hbmFnZW1lbnQtaW1hZ2VzIiwia2V5IjoiaWQtMzg0NDMvMTUvMTYtOGMzNDIzM2YtZTRiMC00MjU0LWFlYzUtZjEyN2ZiYjhkYmVkLnBuZyIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aWR0aCI6MTAwMCwiaGVpZ2h0IjoxMDAwLCJmaXQiOiJjb250YWluIiwiYmFja2dyb3VuZCI6eyJyIjoyNTUsImciOjI1NSwiYiI6MjU1LCJhbHBoYSI6MX19fX0=",
110
- timestamp: "2023-05-30T03:01:12.000Z",
111
- id_version: 15,
112
- width: null,
113
- height: null,
114
- scene_type: null,
115
- image_shot_type: null,
116
- last_modified: "2023-06-05T23:49:49.000Z",
117
- name: "Detalle / Características 1",
118
- version: 15,
119
- ext: "png",
120
- uuid: "8c34233f-e4b0-4254-aec5-f127fbb8dbed",
121
- srcDB: "id-38443/15/16-8c34233f-e4b0-4254-aec5-f127fbb8dbed.png"
122
- }]), _article)
123
- };