sag_components 1.0.319 → 1.0.321
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/.history/package-lock_20231114111138.json +47810 -0
- package/.history/package-lock_20231114111158.json +47802 -0
- package/.history/package_20231114111208.json +83 -0
- package/.history/package_20231114111515.json +83 -0
- package/.history/package_20231114112931.json +83 -0
- package/.history/package_20231114113014.json +83 -0
- package/.history/package_20231114113155.json +83 -0
- package/dist/stories/components/CheckBox.js +2 -2
- package/dist/stories/components/KpiFilter.js +1 -1
- package/dist/stories/components/ListBox.style.js +1 -1
- package/dist/stories/components/TitleDescription.js +20 -16
- package/dist/stories/components/TitleDescription.style.js +22 -21
- package/package.json +2 -1
|
@@ -4,10 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.ViewCreativeTextField = exports.ViewCreativeListBoxContainer = exports.ViewCreativeContainer = exports.SubLineContainer = exports.Space = exports.RetailerIconContainer = exports.Retailer = exports.PeriodsContainer = exports.PeriodValue = exports.PeriodLabel = exports.PanelContainer = exports.ObjectivesTitle = exports.ObjectivesShowMore = exports.ObjectivesDescription = exports.ObjectiesContainer = exports.ObjectiesAndPeriodsContainer = exports.MainContainer = exports.FilterValuesContainer = exports.FilterValue = exports.FieldsDelimiter = exports.EventNameViewCreativeSubContainer = exports.EventNameAndViewCreativeContainer = exports.EventName = exports.DownloadButtonContainer = exports.BottonsContainer = void 0;
|
|
7
|
+
exports.ViewCreativeTextField = exports.ViewCreativeListBoxContainer = exports.ViewCreativeContainer = exports.ViewCreativeButtonAndListBoxContainer = exports.SubLineContainer = exports.Space = exports.RetailerIconContainer = exports.Retailer = exports.PeriodsContainer = exports.PeriodValue = exports.PeriodLabel = exports.PanelContainer = exports.ObjectivesTitle = exports.ObjectivesShowMore = exports.ObjectivesDescription = exports.ObjectiesContainer = exports.ObjectiesAndPeriodsContainer = exports.MainContainer = exports.FilterValuesContainer = exports.FilterValue = exports.FieldsDelimiter = exports.EventNameViewCreativeSubContainer = exports.EventNameAndViewCreativeContainer = exports.EventName = exports.DownloadButtonContainer = exports.BottonsContainer = void 0;
|
|
8
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
|
|
9
9
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
10
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25;
|
|
10
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26;
|
|
11
11
|
var MainContainer = exports.MainContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n position: relative;\n font-family: \"Poppins\", sans-serif;\n font-style: normal;\n font-size: 1rem;\n color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 12px;\n"])), function (props) {
|
|
12
12
|
return props.textcolor ? props.textcolor : '#000';
|
|
13
13
|
}, function (props) {
|
|
@@ -15,7 +15,7 @@ var MainContainer = exports.MainContainer = _styledComponents.default.div(_templ
|
|
|
15
15
|
}, function (props) {
|
|
16
16
|
return props.height;
|
|
17
17
|
});
|
|
18
|
-
var PanelContainer = exports.PanelContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n flex-direction: column;\n align-items: center;\n justify-content: space-around;\n border-radius: 12px;\n background: #ffffff;\n padding: 1rem 1rem 1rem 2.5rem;\n font-weight: 400;\n font-size: 14px;\n line-height: 19px;\n white-space: pre-wrap;\n overflow: hidden;\n width: 100%;\n"])));
|
|
18
|
+
var PanelContainer = exports.PanelContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n flex-direction: column;\n align-items: center;\n justify-content: space-around;\n border-radius: 12px;\n background: #ffffff;\n padding: 1rem 1rem 1rem 2.5rem;\n font-weight: 400;\n font-size: 14px;\n line-height: 19px;\n white-space: pre-wrap;\n //overflow: hidden;\n width: 100%;\n"])));
|
|
19
19
|
var EventNameAndViewCreativeContainer = exports.EventNameAndViewCreativeContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
20
20
|
var EventNameViewCreativeSubContainer = exports.EventNameViewCreativeSubContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n position: relative;\n align-content: center;\n align-items: center;\n gap: 20px;\n"])));
|
|
21
21
|
var EventName = exports.EventName = _styledComponents.default.h4(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 1rem;\n margin: 0;\n"])));
|
|
@@ -25,7 +25,8 @@ var ViewCreativeContainer = exports.ViewCreativeContainer = _styledComponents.de
|
|
|
25
25
|
return !props.disabled ? 'pointer' : 'default';
|
|
26
26
|
});
|
|
27
27
|
var ViewCreativeTextField = exports.ViewCreativeTextField = _styledComponents.default.h4(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin: 3px 10px;\n font-weight: 400;\n"])));
|
|
28
|
-
var
|
|
28
|
+
var ViewCreativeButtonAndListBoxContainer = exports.ViewCreativeButtonAndListBoxContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n \n position: relative;\n overflow: visible;\n \n"])));
|
|
29
|
+
var ViewCreativeListBoxContainer = exports.ViewCreativeListBoxContainer = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n position: absolute;\n \n left: ", ";\n top: ", ";\n height: ", ";\n width: ", ";\n\n z-index:1000;\n"])), function (props) {
|
|
29
30
|
return props.left;
|
|
30
31
|
}, function (props) {
|
|
31
32
|
return props.top;
|
|
@@ -34,26 +35,26 @@ var ViewCreativeListBoxContainer = exports.ViewCreativeListBoxContainer = _style
|
|
|
34
35
|
}, function (props) {
|
|
35
36
|
return props.width;
|
|
36
37
|
});
|
|
37
|
-
var FilterValuesContainer = exports.FilterValuesContainer = _styledComponents.default.div(
|
|
38
|
-
var FilterValue = exports.FilterValue = _styledComponents.default.p(
|
|
39
|
-
var FieldsDelimiter = exports.FieldsDelimiter = _styledComponents.default.p(
|
|
40
|
-
var Retailer = exports.Retailer = _styledComponents.default.div(
|
|
41
|
-
var Space = exports.Space = _styledComponents.default.p(
|
|
42
|
-
var RetailerIconContainer = exports.RetailerIconContainer = _styledComponents.default.div(
|
|
43
|
-
var ObjectiesContainer = exports.ObjectiesContainer = _styledComponents.default.div(
|
|
38
|
+
var FilterValuesContainer = exports.FilterValuesContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n width: 100%;\n margin: 0.5rem;\n"])));
|
|
39
|
+
var FilterValue = exports.FilterValue = _styledComponents.default.p(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n color: #212121;\n margin: 0;\n"])));
|
|
40
|
+
var FieldsDelimiter = exports.FieldsDelimiter = _styledComponents.default.p(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n color: #ccc;\n margin: 0;\n"])));
|
|
41
|
+
var Retailer = exports.Retailer = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n color: #1b30aa;\n margin: 0;\n margin-inline-end: 5px;\n"])));
|
|
42
|
+
var Space = exports.Space = _styledComponents.default.p(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n"])));
|
|
43
|
+
var RetailerIconContainer = exports.RetailerIconContainer = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n"])));
|
|
44
|
+
var ObjectiesContainer = exports.ObjectiesContainer = _styledComponents.default.div(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n justify-content: space-between;\n width: ", ";\n"])), function (props) {
|
|
44
45
|
return !props.showPeriodIcon ? '100%' : '75%';
|
|
45
46
|
});
|
|
46
|
-
var ObjectiesAndPeriodsContainer = exports.ObjectiesAndPeriodsContainer = _styledComponents.default.div(
|
|
47
|
-
var ObjectivesTitle = exports.ObjectivesTitle = _styledComponents.default.strong(
|
|
48
|
-
var ObjectivesDescription = exports.ObjectivesDescription = _styledComponents.default.p(
|
|
49
|
-
var ObjectivesShowMore = exports.ObjectivesShowMore = _styledComponents.default.a(
|
|
47
|
+
var ObjectiesAndPeriodsContainer = exports.ObjectiesAndPeriodsContainer = _styledComponents.default.div(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n"])));
|
|
48
|
+
var ObjectivesTitle = exports.ObjectivesTitle = _styledComponents.default.strong(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n"])));
|
|
49
|
+
var ObjectivesDescription = exports.ObjectivesDescription = _styledComponents.default.p(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n"])));
|
|
50
|
+
var ObjectivesShowMore = exports.ObjectivesShowMore = _styledComponents.default.a(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n &:hover {\n cursor: ", ";\n }\n"])), function (props) {
|
|
50
51
|
return props.disabled ? '#B1B1B1' : '#1b30aa';
|
|
51
52
|
}, function (props) {
|
|
52
53
|
return !props.disabled ? 'pointer' : 'default';
|
|
53
54
|
});
|
|
54
|
-
var BottonsContainer = exports.BottonsContainer = _styledComponents.default.div(
|
|
55
|
-
var DownloadButtonContainer = exports.DownloadButtonContainer = _styledComponents.default.div(
|
|
56
|
-
var PeriodsContainer = exports.PeriodsContainer = _styledComponents.default.div(
|
|
57
|
-
var SubLineContainer = exports.SubLineContainer = _styledComponents.default.div(
|
|
58
|
-
var PeriodLabel = exports.PeriodLabel = _styledComponents.default.strong(
|
|
59
|
-
var PeriodValue = exports.PeriodValue = _styledComponents.default.p(
|
|
55
|
+
var BottonsContainer = exports.BottonsContainer = _styledComponents.default.div(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n\n align-items: center;\n justify-content: flex-end;\n min-height: 1.5rem;\n"])));
|
|
56
|
+
var DownloadButtonContainer = exports.DownloadButtonContainer = _styledComponents.default.div(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2.default)([""])));
|
|
57
|
+
var PeriodsContainer = exports.PeriodsContainer = _styledComponents.default.div(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-wrap: wrap;\n align-content: flex-start;\n justify-content: flex-start;\n white-space: pre-wrap;\n margin-left: 40px;\n width: 25%;\n"])));
|
|
58
|
+
var SubLineContainer = exports.SubLineContainer = _styledComponents.default.div(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n"])));
|
|
59
|
+
var PeriodLabel = exports.PeriodLabel = _styledComponents.default.strong(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n"])));
|
|
60
|
+
var PeriodValue = exports.PeriodValue = _styledComponents.default.p(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n"])));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sag_components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.321",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -42,6 +42,7 @@
|
|
|
42
42
|
"style-loader": "^3.3.3"
|
|
43
43
|
},
|
|
44
44
|
"dependencies": {
|
|
45
|
+
"@babel/plugin-proposal-private-property-in-object": "^7.21.11",
|
|
45
46
|
"@dnd-kit/core": "^6.0.8",
|
|
46
47
|
"@emotion/react": "^11.11.1",
|
|
47
48
|
"@emotion/styled": "^11.11.0",
|