contentoh-components-library 21.6.23 → 21.6.24
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/.env.test +1 -0
- package/dist/_utils/helper.js +47 -2
- package/dist/components/organisms/LinkVariantsModal/index.js +800 -340
- package/dist/components/organisms/LinkVariantsModal/styles.js +22 -10
- package/dist/components/pages/ProviderProductEdition/index.js +193 -110
- package/package.json +1 -1
- package/src/_utils/helper.js +40 -0
- package/src/components/organisms/LinkVariantsModal/index.js +681 -279
- package/src/components/organisms/LinkVariantsModal/styles.js +176 -40
- package/src/components/pages/ProviderProductEdition/index.js +71 -9
|
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.
|
|
8
|
+
exports.Tabs = exports.Section = exports.SearchRow = exports.Panel = exports.Paging = exports.Overlay = exports.ModeSwitch = exports.Message = exports.List = exports.ImageGrid = exports.Header = exports.Footer = exports.Choices = exports.Body = exports.Block = exports.AttributeList = exports.AddRetailer = void 0;
|
|
9
9
|
|
|
10
10
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
|
|
11
11
|
|
|
@@ -15,7 +15,7 @@ require("../../../global-files/global-styles.css");
|
|
|
15
15
|
|
|
16
16
|
var _variables = require("../../../global-files/variables");
|
|
17
17
|
|
|
18
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
|
|
18
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
|
|
19
19
|
|
|
20
20
|
var Overlay = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: fixed;\n inset: 0;\n z-index: 100;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: rgba(40, 31, 51, 0.45);\n"])));
|
|
21
21
|
|
|
@@ -33,7 +33,7 @@ var ModeSwitch = _styledComponents.default.div(_templateObject4 || (_templateObj
|
|
|
33
33
|
|
|
34
34
|
exports.ModeSwitch = ModeSwitch;
|
|
35
35
|
|
|
36
|
-
var Body = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n flex: 1;\n overflow-y: auto;\n padding: 0 24px;\n"])));
|
|
36
|
+
var Body = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n flex: 1;\n overflow-y: auto;\n padding: 0 24px;\n\n .apply-all {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n margin-bottom: 12px;\n padding: 10px 12px;\n border-radius: 6px;\n background-color: ", ";\n font-size: 12px;\n color: ", ";\n cursor: pointer;\n }\n\n .apply-all .hint {\n display: block;\n font-size: 11px;\n color: ", ";\n }\n"])), _variables.GlobalColors.s2, _variables.GlobalColors.deep_gray, _variables.GlobalColors.gray);
|
|
37
37
|
|
|
38
38
|
exports.Body = Body;
|
|
39
39
|
|
|
@@ -41,7 +41,7 @@ var SearchRow = _styledComponents.default.form(_templateObject6 || (_templateObj
|
|
|
41
41
|
|
|
42
42
|
exports.SearchRow = SearchRow;
|
|
43
43
|
|
|
44
|
-
var List = _styledComponents.default.ul(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n list-style: none;\n margin: 0 0 16px;\n padding: 0;\n border: 1px solid ", ";\n border-radius: 6px;\n\n li + li {\n border-top: 1px solid ", ";\n }\n\n label {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 10px 12px;\n cursor: pointer;\n font-size: 12px;\n color: ", ";\n }\n\n .meta {\n display: block;\n font-size: 11px;\n color: ", ";\n }\n\n .count {\n margin-left: auto;\n font-size: 11px;\n color: ", ";\n white-space: nowrap;\n }\n"])), _variables.GlobalColors.s2, _variables.GlobalColors.s2, _variables.GlobalColors.deep_gray, _variables.GlobalColors.gray, _variables.GlobalColors.original_magenta);
|
|
44
|
+
var List = _styledComponents.default.ul(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n list-style: none;\n margin: 0 0 16px;\n padding: 0;\n border: 1px solid ", ";\n border-radius: 6px;\n\n li + li {\n border-top: 1px solid ", ";\n }\n\n label {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 10px 12px;\n cursor: pointer;\n font-size: 12px;\n color: ", ";\n }\n\n .meta {\n display: block;\n font-size: 11px;\n color: ", ";\n }\n\n .logo {\n width: 24px;\n height: 24px;\n object-fit: contain;\n border-radius: 3px;\n flex-shrink: 0;\n }\n\n .count {\n margin-left: auto;\n font-size: 11px;\n color: ", ";\n white-space: nowrap;\n }\n"])), _variables.GlobalColors.s2, _variables.GlobalColors.s2, _variables.GlobalColors.deep_gray, _variables.GlobalColors.gray, _variables.GlobalColors.original_magenta);
|
|
45
45
|
|
|
46
46
|
exports.List = List;
|
|
47
47
|
var AttributeList = (0, _styledComponents.default)(List)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n max-height: 220px;\n overflow-y: auto;\n\n .note {\n display: block;\n font-size: 10px;\n font-style: italic;\n color: ", ";\n }\n\n .value {\n margin-left: auto;\n max-width: 45%;\n font-size: 11px;\n color: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n"])), _variables.GlobalColors.gray, _variables.GlobalColors.gray);
|
|
@@ -59,14 +59,26 @@ var Footer = _styledComponents.default.div(_templateObject11 || (_templateObject
|
|
|
59
59
|
|
|
60
60
|
exports.Footer = Footer;
|
|
61
61
|
|
|
62
|
-
var
|
|
62
|
+
var ImageGrid = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(92px, 1fr));\n gap: 8px;\n margin-bottom: 16px;\n\n label {\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 4px;\n padding: 6px;\n border: 1px solid ", ";\n border-radius: 6px;\n cursor: pointer;\n }\n\n label.picked {\n border-color: ", ";\n background-color: rgba(", ", 0.06);\n }\n\n label.locked {\n cursor: default;\n }\n\n label input {\n position: absolute;\n top: 8px;\n left: 8px;\n }\n\n label img {\n width: 100%;\n height: 72px;\n object-fit: contain;\n background-color: ", ";\n border-radius: 4px;\n }\n\n label span {\n font-size: 10px;\n color: ", ";\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n"])), _variables.GlobalColors.s2, _variables.GlobalColors.original_magenta, _variables.GlobalColors.rgb_color_pink, _variables.GlobalColors.s2, _variables.GlobalColors.gray);
|
|
63
63
|
|
|
64
|
-
exports.
|
|
64
|
+
exports.ImageGrid = ImageGrid;
|
|
65
65
|
|
|
66
|
-
var
|
|
66
|
+
var AddRetailer = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-bottom: 16px;\n\n select {\n flex: 1 1 140px;\n min-width: 0;\n height: 32px;\n padding: 0 8px;\n border: 1px solid ", ";\n border-radius: 6px;\n font-family: ", ";\n font-size: 12px;\n color: ", ";\n background-color: ", ";\n }\n\n button {\n height: 32px;\n padding: 0 14px;\n border: 1px solid ", ";\n border-radius: 6px;\n background: none;\n font-family: ", ";\n font-size: 12px;\n color: ", ";\n cursor: pointer;\n }\n\n select:disabled {\n opacity: 0.5;\n cursor: default;\n }\n\n button:disabled {\n opacity: 0.4;\n cursor: default;\n }\n"])), _variables.GlobalColors.s2, _variables.FontFamily.Raleway, _variables.GlobalColors.deep_gray, _variables.GlobalColors.white, _variables.GlobalColors.original_magenta, _variables.FontFamily.Raleway_600, _variables.GlobalColors.original_magenta);
|
|
67
67
|
|
|
68
|
-
exports.
|
|
68
|
+
exports.AddRetailer = AddRetailer;
|
|
69
|
+
|
|
70
|
+
var Block = _styledComponents.default.section(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n margin-bottom: 20px;\n padding-bottom: 16px;\n border-bottom: 1px solid ", ";\n\n &:last-of-type {\n border-bottom: none;\n }\n\n h3 {\n display: flex;\n align-items: center;\n gap: 8px;\n margin: 0 0 8px;\n font-family: ", ";\n font-size: 13px;\n color: ", ";\n }\n\n h3 .paso {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 18px;\n height: 18px;\n border-radius: 50%;\n background-color: ", ";\n color: ", ";\n font-size: 10px;\n }\n"])), _variables.GlobalColors.s2, _variables.FontFamily.Raleway_600, _variables.GlobalColors.deep_gray, _variables.GlobalColors.original_magenta, _variables.GlobalColors.white);
|
|
71
|
+
|
|
72
|
+
exports.Block = Block;
|
|
73
|
+
|
|
74
|
+
var Choices = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n gap: 2px;\n margin-bottom: 10px;\n\n label {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n padding: 4px 0;\n font-size: 12px;\n color: ", ";\n cursor: pointer;\n }\n\n label .hint {\n display: block;\n font-size: 11px;\n color: ", ";\n }\n"])), _variables.GlobalColors.deep_gray, _variables.GlobalColors.gray);
|
|
75
|
+
|
|
76
|
+
exports.Choices = Choices;
|
|
77
|
+
|
|
78
|
+
var Paging = _styledComponents.default.div(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n margin: -8px 0 16px;\n font-family: ", ";\n font-size: 11px;\n color: ", ";\n\n button {\n border: 1px solid ", ";\n border-radius: 6px;\n background: none;\n padding: 5px 12px;\n cursor: pointer;\n font-family: ", ";\n font-size: 11px;\n color: ", ";\n }\n\n button:disabled {\n opacity: 0.5;\n cursor: default;\n }\n"])), _variables.FontFamily.Raleway_500, _variables.GlobalColors.gray, _variables.GlobalColors.s2, _variables.FontFamily.Raleway_600, _variables.GlobalColors.original_magenta);
|
|
79
|
+
|
|
80
|
+
exports.Paging = Paging;
|
|
69
81
|
|
|
70
|
-
var
|
|
82
|
+
var Tabs = _styledComponents.default.div(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n margin-bottom: 16px;\n padding-bottom: 12px;\n border-bottom: 1px solid ", ";\n\n button {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n max-width: 200px;\n padding: 6px 10px;\n border: 1px solid ", ";\n border-radius: 6px;\n background-color: ", ";\n cursor: pointer;\n font-family: ", ";\n font-size: 11px;\n color: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n button.active {\n border-color: ", ";\n color: ", ";\n background-color: rgba(", ", 0.08);\n }\n\n button .orden {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background-color: ", ";\n font-size: 9px;\n flex-shrink: 0;\n }\n\n button.active .orden {\n background-color: ", ";\n color: ", ";\n }\n\n button .listo {\n color: ", ";\n flex-shrink: 0;\n }\n"])), _variables.GlobalColors.s2, _variables.GlobalColors.s2, _variables.GlobalColors.white, _variables.FontFamily.Raleway_500, _variables.GlobalColors.gray, _variables.GlobalColors.original_magenta, _variables.GlobalColors.original_magenta, _variables.GlobalColors.rgb_color_pink, _variables.GlobalColors.s2, _variables.GlobalColors.original_magenta, _variables.GlobalColors.white, _variables.GlobalColors.original_magenta);
|
|
71
83
|
|
|
72
|
-
exports.
|
|
84
|
+
exports.Tabs = Tabs;
|