contentoh-components-library 21.4.61 → 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 (69) 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 +173 -138
  7. package/dist/components/pages/RetailerProductEdition/index.js +2 -2
  8. package/package.json +1 -1
  9. package/src/assets/images/Icons/info.svg +8 -0
  10. package/src/components/atoms/TabSection/styles.js +1 -1
  11. package/src/components/molecules/BoxAttribute/BoxAttribute.stories.js +16 -0
  12. package/src/components/molecules/BoxAttribute/index.js +71 -0
  13. package/src/components/molecules/BoxAttribute/styles.js +38 -0
  14. package/src/components/molecules/BoxButtons/BoxButtons.stories.js +15 -0
  15. package/src/components/molecules/BoxButtons/index.js +28 -0
  16. package/src/components/molecules/BoxButtons/styles.js +43 -0
  17. package/src/components/molecules/TagAndInput/index.js +52 -8
  18. package/src/components/organisms/Box/Box.stories.js +17 -0
  19. package/src/components/organisms/Box/index.js +103 -0
  20. package/src/components/organisms/Box/styles.js +48 -0
  21. package/src/components/organisms/BoxOnboarding/BoxOnboarding.stories.js +17 -0
  22. package/src/components/organisms/BoxOnboarding/index.js +60 -0
  23. package/src/components/organisms/BoxOnboarding/styles.js +44 -0
  24. package/src/components/organisms/InputGroup/index.js +233 -87
  25. package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +86 -175
  26. package/src/components/pages/ProviderProductEdition/index.js +43 -16
  27. package/src/components/pages/RetailerProductEdition/index.js +4 -2
  28. package/dist/components/atoms/ImageCarousel/ImgeSlider.stories.js +0 -90
  29. package/dist/components/atoms/ImageCarousel/index.js +0 -120
  30. package/dist/components/atoms/ImageCarousel/styles.js +0 -18
  31. package/dist/components/atoms/PercentTag/PercentTag.stories.js +0 -31
  32. package/dist/components/atoms/PercentTag/index.js +0 -23
  33. package/dist/components/atoms/PercentTag/styles.js +0 -22
  34. package/dist/components/atoms/RatingStars/RatingStars.stories.js +0 -30
  35. package/dist/components/atoms/RatingStars/index.js +0 -53
  36. package/dist/components/atoms/RatingStars/styles.js +0 -18
  37. package/dist/components/atoms/RetailerCatalog/RetailerCatalog.stories.js +0 -48
  38. package/dist/components/atoms/RetailerCatalog/index.js +0 -69
  39. package/dist/components/atoms/RetailerCatalog/styles.js +0 -20
  40. package/dist/components/atoms/RetailerOption/RetailerOption.stories.js +0 -33
  41. package/dist/components/atoms/RetailerOption/index.js +0 -62
  42. package/dist/components/atoms/RetailerOption/styles.js +0 -20
  43. package/dist/components/atoms/RetailersList/RetailersList.stories.js +0 -45
  44. package/dist/components/atoms/RetailersList/index.js +0 -46
  45. package/dist/components/atoms/RetailersList/styles.js +0 -18
  46. package/dist/components/atoms/UserCatalog/UserCatalog.stories.js +0 -73
  47. package/dist/components/atoms/UserCatalog/index.js +0 -101
  48. package/dist/components/atoms/UserCatalog/styles.js +0 -18
  49. package/dist/components/atoms/UserOption/UserOption.stories.js +0 -40
  50. package/dist/components/atoms/UserOption/index.js +0 -130
  51. package/dist/components/atoms/UserOption/styles.js +0 -20
  52. package/dist/components/atoms/UserSelector/UserSelector.stories.js +0 -40
  53. package/dist/components/atoms/UserSelector/index.js +0 -98
  54. package/dist/components/atoms/UserSelector/styles.js +0 -32
  55. package/dist/components/molecules/GridItem/GridItem.stories.js +0 -123
  56. package/dist/components/molecules/GridItem/index.js +0 -152
  57. package/dist/components/molecules/GridItem/styles.js +0 -20
  58. package/dist/components/molecules/HeaderItem/ColumnItem.js +0 -23
  59. package/dist/components/molecules/HeaderItem/HeaderItem.stories.js +0 -70
  60. package/dist/components/molecules/HeaderItem/index.js +0 -42
  61. package/dist/components/molecules/HeaderItem/styles.js +0 -30
  62. package/dist/components/molecules/RowItem/ColumnItem.js +0 -23
  63. package/dist/components/molecules/RowItem/RowItem.stories.js +0 -5242
  64. package/dist/components/molecules/RowItem/index.js +0 -58
  65. package/dist/components/molecules/RowItem/styles.js +0 -30
  66. package/dist/components/organisms/GridProducts/GridProducts.stories.js +0 -5097
  67. package/dist/components/organisms/GridProducts/index.js +0 -63
  68. package/dist/components/organisms/GridProducts/styles.js +0 -18
  69. package/dist/components/organisms/GridProducts/utils.js +0 -149
@@ -1,33 +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.RetailerOptionDefault = 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/RetailerOptions",
18
- component: _.RetailerOption
19
- };
20
- exports.default = _default;
21
-
22
- var Template = function Template(args) {
23
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.RetailerOption, (0, _objectSpread2.default)({}, args));
24
- };
25
-
26
- var RetailerOptionDefault = Template.bind({});
27
- exports.RetailerOptionDefault = RetailerOptionDefault;
28
- RetailerOptionDefault.args = {
29
- retailer: {
30
- id: 58,
31
- name: "The Home Depot Golden"
32
- }
33
- };
@@ -1,62 +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.RetailerOption = void 0;
9
-
10
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
11
-
12
- var _react = require("react");
13
-
14
- var _Avatar = require("../Avatar");
15
-
16
- var _styles = require("./styles");
17
-
18
- var _jsxRuntime = require("react/jsx-runtime");
19
-
20
- var RetailerOption = function RetailerOption(_ref) {
21
- var retailer = _ref.retailer,
22
- _ref$services = _ref.services,
23
- services = _ref$services === void 0 ? {} : _ref$services;
24
-
25
- var _useState = (0, _react.useState)([]),
26
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
27
- service = _useState2[0],
28
- setService = _useState2[1];
29
-
30
- (0, _react.useEffect)(function () {
31
- if (services[retailer.id]) {
32
- setService(Object.keys(services[retailer.id]));
33
- }
34
- }, [services]);
35
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
36
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
37
- className: "avatar-and-retailer",
38
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
39
- image: "https://content-management-images.s3.amazonaws.com/retailers/".concat(retailer.id, ".png"),
40
- altText: retailer === null || retailer === void 0 ? void 0 : retailer.name,
41
- imageType: "medium-image"
42
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
43
- className: "retailer-name",
44
- children: retailer === null || retailer === void 0 ? void 0 : retailer.name
45
- })]
46
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
47
- className: "services-icons",
48
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
49
- className: "material-icons small ".concat(service.includes("datasheet") && "is-active"),
50
- children: "\uF8EE"
51
- }, "datasheet"), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
52
- className: "material-icons small ".concat(service.includes("description") && "is-active"),
53
- children: "\uE873"
54
- }, "description"), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
55
- className: "material-icons small ".concat(service.includes("images") && "is-active"),
56
- children: "\uE3F4"
57
- }, "images")]
58
- })]
59
- });
60
- };
61
-
62
- exports.RetailerOption = RetailerOption;
@@ -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 display: flex;\n padding: 7px;\n border: 1px solid #f0f0f0;\n align-items: center;\n justify-content: space-between;\n border-radius: 5px;\n\n .avatar-and-retailer {\n display: flex;\n align-items: center;\n .retailer-name {\n font-family: ", ";\n font-size: 12px;\n color: #262626;\n }\n\n > * + * {\n margin-left: 10px;\n }\n }\n\n .services-icons {\n display: flex;\n\n span {\n color: #f0f0f0;\n font-size: 14px;\n &.is-active {\n color: #8a6caa;\n }\n }\n\n > * + * {\n margin-left: 9px;\n }\n }\n"])), _variables.FontFamily.Lato);
19
-
20
- exports.Container = Container;
@@ -1,45 +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.RetailersListDefault = 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/RetailersList",
18
- component: _.RetailersList
19
- };
20
- exports.default = _default;
21
-
22
- var Template = function Template(args) {
23
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.RetailersList, (0, _objectSpread2.default)({}, args));
24
- };
25
-
26
- var RetailersListDefault = Template.bind({});
27
- exports.RetailersListDefault = RetailersListDefault;
28
- RetailersListDefault.args = {
29
- retailers: [{
30
- id: 58,
31
- name: "The Home Depot Golden"
32
- }, {
33
- id: 59,
34
- name: "The Home Depot Platinum"
35
- }, {
36
- id: 60,
37
- name: "The Home Depot Resizing"
38
- }, {
39
- id: 61,
40
- name: "Home Depot TAB"
41
- }, {
42
- id: 68,
43
- name: "The Home Depot Dropship"
44
- }]
45
- };
@@ -1,46 +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
- id = _ref.id;
26
-
27
- var _useState = (0, _react.useState)({}),
28
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
29
- services = _useState2[0],
30
- setServices = _useState2[1];
31
-
32
- (0, _react.useEffect)(function () {
33
- if (article) setServices(article.statusByRetailer);
34
- }, [article]);
35
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
36
- id: id,
37
- children: retailers.map(function (retailer, i) {
38
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RetailerOption.RetailerOption, {
39
- retailer: retailer,
40
- services: services
41
- }, i);
42
- })
43
- });
44
- };
45
-
46
- 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,73 +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
- product: "product",
30
- datasheet: 54,
31
- description: 54,
32
- images: 55,
33
- auditor: 37,
34
- auditors: [{
35
- name: "José",
36
- last_name: "Castañeda",
37
- id_user: 37
38
- }, {
39
- name: "Eduardo ",
40
- last_name: " Reyes",
41
- id_user: 195
42
- }],
43
- textSpecialists: [{
44
- name: "Especialista",
45
- last_name: "Textos",
46
- id_user: 36
47
- }, {
48
- name: "ESPECIALISTA TXTS PRUEBA",
49
- last_name: "",
50
- id_user: 54
51
- }, {
52
- name: "Gerson",
53
- last_name: "Martínez",
54
- id_user: 57
55
- }, {
56
- name: "Angel",
57
- last_name: "Perea",
58
- id_user: 232
59
- }],
60
- imagesSpecialists: [{
61
- name: "Especialista",
62
- last_name: "Imágenes",
63
- id_user: 35
64
- }, {
65
- name: "ESPECIALISTA ED PRUEBA",
66
- last_name: "",
67
- id_user: 55
68
- }, {
69
- name: "Uriel",
70
- last_name: "Herrera",
71
- id_user: 196
72
- }]
73
- };
@@ -1,101 +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 _customHooks = require("../../../global-files/customHooks");
21
-
22
- var _jsxRuntime = require("react/jsx-runtime");
23
-
24
- var UserCatalog = function UserCatalog(_ref) {
25
- var datasheet = _ref.datasheet,
26
- description = _ref.description,
27
- images = _ref.images,
28
- auditor = _ref.auditor,
29
- _ref$auditors = _ref.auditors,
30
- auditors = _ref$auditors === void 0 ? [] : _ref$auditors,
31
- _ref$textSpecialists = _ref.textSpecialists,
32
- textSpecialists = _ref$textSpecialists === void 0 ? [] : _ref$textSpecialists,
33
- _ref$imagesSpecialist = _ref.imagesSpecialists,
34
- imagesSpecialists = _ref$imagesSpecialist === void 0 ? [] : _ref$imagesSpecialist,
35
- _ref$id = _ref.id,
36
- id = _ref$id === void 0 ? "list-modal" : _ref$id,
37
- onAssign = _ref.onAssign,
38
- product = _ref.product;
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
- id: id,
47
- onClick: function onClick(e) {
48
- if (!e.target.closest("#".concat(id, " .users-assigned-list"))) setShowList(!showList);
49
- },
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: [product.datasheet_status !== "NS" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserOption.UserOption, {
69
- onAssign: onAssign,
70
- product: product,
71
- userId: datasheet,
72
- usersArray: textSpecialists,
73
- id: id + "-datasheet",
74
- index: "datasheet"
75
- }), product.description_status !== "NS" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserOption.UserOption, {
76
- onAssign: onAssign,
77
- product: product,
78
- userId: description,
79
- usersArray: textSpecialists,
80
- id: id + "-description",
81
- index: "description"
82
- }), product.images_status !== "NS" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserOption.UserOption, {
83
- onAssign: onAssign,
84
- product: product,
85
- userId: images,
86
- usersArray: imagesSpecialists,
87
- id: id + "-images",
88
- index: "image"
89
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserOption.UserOption, {
90
- onAssign: onAssign,
91
- product: product,
92
- userId: auditor,
93
- usersArray: auditors,
94
- id: id + "-auditor",
95
- index: "auditor"
96
- })]
97
- })]
98
- });
99
- };
100
-
101
- 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,130 +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
- onAssign = _ref.onAssign,
34
- product = _ref.product;
35
- index === "auditor" && console.log(userId);
36
-
37
- var _useState = (0, _react.useState)({}),
38
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
39
- userAssigned = _useState2[0],
40
- setUserAssigned = _useState2[1];
41
-
42
- var _useCloseModal = (0, _customHooks.useCloseModal)(id),
43
- _useCloseModal2 = (0, _slicedToArray2.default)(_useCloseModal, 2),
44
- showSelector = _useCloseModal2[0],
45
- setShowSelector = _useCloseModal2[1];
46
-
47
- var _useState3 = (0, _react.useState)(""),
48
- _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
49
- assignationTarget = _useState4[0],
50
- setAssignationTarget = _useState4[1];
51
-
52
- var _useState5 = (0, _react.useState)(""),
53
- _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
54
- concept = _useState6[0],
55
- setConcept = _useState6[1];
56
-
57
- var _useState7 = (0, _react.useState)(""),
58
- _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
59
- target = _useState8[0],
60
- setTarget = _useState8[1];
61
-
62
- var icons = _utils.servicesCodeIcon;
63
- (0, _react.useEffect)(function () {
64
- if (usersArray) {
65
- usersArray.forEach(function (user) {
66
- if (user.id_user === userId) {
67
- setUserAssigned(user);
68
- }
69
- });
70
- }
71
- }, [userId, usersArray]);
72
- (0, _react.useEffect)(function () {
73
- switch (index) {
74
- case "datasheet":
75
- case "description":
76
- setAssignationTarget("id_".concat(index, "_especialist"));
77
- setConcept(index);
78
- setTarget("especialist");
79
- break;
80
-
81
- case "image":
82
- setAssignationTarget("id_".concat(index, "s_especialist"));
83
- setConcept(index + "s");
84
- setTarget("especialist");
85
- break;
86
-
87
- case "auditor":
88
- setAssignationTarget("id_".concat(index));
89
- setConcept(index);
90
- setTarget(index);
91
- break;
92
-
93
- default:
94
- break;
95
- }
96
- }, [index]);
97
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
98
- onClick: function onClick(e) {
99
- setShowSelector(!showSelector);
100
- e.stopPropagation();
101
- },
102
- id: id,
103
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
104
- className: "image-and-name",
105
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
106
- image: (0, _data.getProfilePicture)(userAssigned === null || userAssigned === void 0 ? void 0 : userAssigned.id_user, 26, 26),
107
- altText: "datasheet especialist",
108
- imageType: "medium-image"
109
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
110
- children: [userAssigned === null || userAssigned === void 0 ? void 0 : userAssigned.name, " ", userAssigned === null || userAssigned === void 0 ? void 0 : userAssigned.last_name]
111
- })]
112
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
113
- className: "icon-container",
114
- children: icons[index]
115
- }), showSelector && /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserSelector.UserSelector, {
116
- id: id,
117
- searchLabel: "Buscar Usuario",
118
- index: index,
119
- usersArray: usersArray,
120
- position: "absolute",
121
- onAssign: onAssign,
122
- product: product,
123
- assignationTarget: assignationTarget,
124
- target: target,
125
- concept: concept
126
- })]
127
- });
128
- };
129
-
130
- 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\n .image-and-name {\n display: flex;\n align-items: center;\n\n div + p {\n margin-left: 10px;\n white-space: nowrap;\n }\n\n & + * {\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 border: 1px solid #f0f0f0;\n padding: 5px;\n background-color: white;\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
- };