sag_components 1.0.334 → 1.0.335
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/dist/stories/components/CodeEditor.js +40 -0
- package/dist/stories/components/CodeEditor.style.js +12 -0
- package/dist/stories/components/Dropdown.js +0 -3
- package/dist/stories/components/Modal.js +19 -0
- package/dist/stories/components/Modal.style.js +17 -0
- package/dist/stories/components/PerformanceAnalytics.js +28 -8
- package/dist/stories/components/TitleDescription.style.js +1 -1
- package/dist/stories/components/Tooltip.js +1 -1
- package/dist/stories/components/TotalCostModal.js +143 -0
- package/dist/stories/components/TspanTooltip.js +15 -0
- package/package.json +14 -20
- package/.history/.env_20231001120549 +0 -0
- package/.history/.env_20231001120613 +0 -1
- package/.history/.env_20231003143620 +0 -1
- package/.history/.eslintrc_20230928112617.js +0 -26
- package/.history/.eslintrc_20230928130534.js +0 -27
- package/.history/.eslintrc_20230928133400.js +0 -28
- package/.history/.eslintrc_20230928133404.js +0 -28
- package/.history/.eslintrc_20230928133416.js +0 -28
- package/.history/.eslintrc_20230928133419.js +0 -28
- package/.history/.eslintrc_20230928133432.js +0 -28
- package/.history/.eslintrc_20230928133439.js +0 -28
- package/.history/.eslintrc_20230928133458.js +0 -29
- package/.history/.eslintrc_20230928133500.js +0 -28
- package/.history/.eslintrc_20230928134009.js +0 -28
- package/.history/.eslintrc_20230928135318.js +0 -34
- package/.history/.eslintrc_20230928135321.js +0 -34
- package/.history/.eslintrc_20230928135323.js +0 -34
- package/.history/.eslintrc_20230928135332.js +0 -34
- package/.history/.eslintrc_20230928135333.js +0 -34
- package/.history/.eslintrc_20230928135352.js +0 -29
- package/.history/.eslintrc_20230928135353.js +0 -29
- package/.history/.eslintrc_20230928135355.js +0 -29
- package/.history/.eslintrc_20230928135408.js +0 -29
- package/.history/.eslintrc_20230928135538.js +0 -30
- package/.history/.eslintrc_20230928135539.js +0 -30
- package/.history/.eslintrc_20230928135543.js +0 -30
- package/.history/.gitignore_20230921093332 +0 -119
- package/.history/.gitignore_20230921111638 +0 -120
- package/.history/.gitignore_20230921111650 +0 -120
- package/.history/.gitignore_20230921111810 +0 -121
- package/.history/package-lock_20231114111138.json +0 -47810
- package/.history/package-lock_20231114111158.json +0 -47802
- package/.history/package_20231024150333.json +0 -82
- package/.history/package_20231024154550.json +0 -82
- package/.history/package_20231024154928.json +0 -82
- package/.history/package_20231024155010.json +0 -82
- package/.history/package_20231024165626.json +0 -82
- package/.history/package_20231025125225.json +0 -82
- package/.history/package_20231025125249.json +0 -82
- package/.history/package_20231025141559.json +0 -82
- package/.history/package_20231025152230.json +0 -82
- package/.history/package_20231025154948.json +0 -82
- package/.history/package_20231025155937.json +0 -82
- package/.history/package_20231025165122.json +0 -82
- package/.history/package_20231026135514.json +0 -82
- package/.history/package_20231026170753.json +0 -82
- package/.history/package_20231026171209.json +0 -82
- package/.history/package_20231029152422.json +0 -82
- package/.history/package_20231029153420.json +0 -82
- package/.history/package_20231029154416.json +0 -82
- package/.history/package_20231030094127.json +0 -82
- package/.history/package_20231030114707.json +0 -82
- package/.history/package_20231030130704.json +0 -82
- package/.history/package_20231030132422.json +0 -82
- package/.history/package_20231030134051.json +0 -82
- package/.history/package_20231030142913.json +0 -82
- package/.history/package_20231030143556.json +0 -82
- package/.history/package_20231030144210.json +0 -82
- package/.history/package_20231101113942.json +0 -82
- package/.history/package_20231101114544.json +0 -82
- package/.history/package_20231101151518.json +0 -82
- package/.history/package_20231101154501.json +0 -82
- package/.history/package_20231101155811.json +0 -82
- package/.history/package_20231101160235.json +0 -82
- package/.history/package_20231101160406.json +0 -82
- package/.history/package_20231101161325.json +0 -82
- package/.history/package_20231101161333.json +0 -82
- package/.history/package_20231102123623.json +0 -82
- package/.history/package_20231102125741.json +0 -82
- package/.history/package_20231102130857.json +0 -82
- package/.history/package_20231102132227.json +0 -82
- package/.history/package_20231102142340.json +0 -82
- package/.history/package_20231102143256.json +0 -82
- package/.history/package_20231105153539.json +0 -82
- package/.history/package_20231105154332.json +0 -82
- package/.history/package_20231105171201.json +0 -82
- package/.history/package_20231106123849.json +0 -82
- package/.history/package_20231107170638.json +0 -82
- package/.history/package_20231109103647.json +0 -82
- package/.history/package_20231109103911.json +0 -82
- package/.history/package_20231109105426.json +0 -82
- package/.history/package_20231109132014.json +0 -82
- package/.history/package_20231109132115.json +0 -82
- package/.history/package_20231114100517.json +0 -82
- package/.history/package_20231114100859.json +0 -82
- package/.history/package_20231114101553.json +0 -82
- package/.history/package_20231114102545.json +0 -82
- package/.history/package_20231114111208.json +0 -83
- package/.history/package_20231114111515.json +0 -83
- package/.history/package_20231114112931.json +0 -83
- package/.history/package_20231114113014.json +0 -83
- package/.history/package_20231114113155.json +0 -83
- package/.history/package_20231114124318.json +0 -83
- package/.history/package_20231114125107.json +0 -83
- package/.history/package_20231114125510.json +0 -83
- package/.history/package_20231114132634.json +0 -83
- package/.history/package_20231116165815.json +0 -83
- package/.history/package_20231116165916.json +0 -83
- package/.history/package_20231119113637.json +0 -83
- package/.history/package_20231120100907.json +0 -83
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _reactAce = _interopRequireDefault(require("react-ace"));
|
|
10
|
+
require("ace-builds/src-noconflict/mode-mysql");
|
|
11
|
+
require("ace-builds/src-noconflict/theme-monokai");
|
|
12
|
+
require("ace-builds/src-noconflict/ext-language_tools");
|
|
13
|
+
require("ace-builds/src-noconflict/snippets/mysql");
|
|
14
|
+
// CodeEditor.js
|
|
15
|
+
|
|
16
|
+
var CodeEditor = function CodeEditor(_ref) {
|
|
17
|
+
var value = _ref.value,
|
|
18
|
+
onChange = _ref.onChange;
|
|
19
|
+
return /*#__PURE__*/_react.default.createElement(_reactAce.default, {
|
|
20
|
+
style: {
|
|
21
|
+
height: "200px"
|
|
22
|
+
},
|
|
23
|
+
mode: "mysql",
|
|
24
|
+
theme: "monokai",
|
|
25
|
+
value: value,
|
|
26
|
+
onChange: onChange,
|
|
27
|
+
name: "code-editor",
|
|
28
|
+
editorProps: {
|
|
29
|
+
$blockScrolling: true
|
|
30
|
+
},
|
|
31
|
+
setOptions: {
|
|
32
|
+
enableBasicAutocompletion: true,
|
|
33
|
+
enableLiveAutocompletion: true,
|
|
34
|
+
enableSnippets: true,
|
|
35
|
+
showLineNumbers: true,
|
|
36
|
+
tabSize: 1
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
};
|
|
40
|
+
var _default = exports.default = CodeEditor;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.AceEditorContent = void 0;
|
|
8
|
+
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
|
|
9
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
10
|
+
var _reactAce = _interopRequireDefault(require("react-ace"));
|
|
11
|
+
var _templateObject;
|
|
12
|
+
var AceEditorContent = exports.AceEditorContent = (0, _styledComponents.default)(_reactAce.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n height: 400px;\n"])));
|
|
@@ -19,9 +19,6 @@ var _CheckBox = _interopRequireDefault(require("@mui/icons-material/CheckBox"));
|
|
|
19
19
|
var _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
|
|
20
20
|
var _ArrowDropDownIcon = require("./icons/ArrowDropDownIcon");
|
|
21
21
|
var _Dropdown = require("./Dropdown.style");
|
|
22
|
-
// import PropTypes from "prop-types";
|
|
23
|
-
// import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
|
24
|
-
// import { faChevronDown, faAsterisk } from "@fortawesome/free-solid-svg-icons";
|
|
25
22
|
var icon = /*#__PURE__*/_react.default.createElement(_CheckBoxOutlineBlank.default, {
|
|
26
23
|
fontSize: "small"
|
|
27
24
|
});
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _Modal = require("./Modal.style");
|
|
10
|
+
var Modal = function Modal(_ref) {
|
|
11
|
+
var isOpen = _ref.isOpen,
|
|
12
|
+
onClose = _ref.onClose,
|
|
13
|
+
children = _ref.children;
|
|
14
|
+
if (!isOpen) return null;
|
|
15
|
+
return /*#__PURE__*/_react.default.createElement(_Modal.ModalOverlay, null, /*#__PURE__*/_react.default.createElement(_Modal.ModalContent, null, children, /*#__PURE__*/_react.default.createElement(_Modal.CloseButton, {
|
|
16
|
+
onClick: onClose
|
|
17
|
+
}, "Close")));
|
|
18
|
+
};
|
|
19
|
+
var _default = exports.default = Modal;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.SubmitButton = exports.ModalOverlay = exports.ModalContent = exports.CloseButton = void 0;
|
|
9
|
+
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
12
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
13
|
+
var fadeIn = (0, _styledComponents.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"])));
|
|
14
|
+
var ModalOverlay = exports.ModalOverlay = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index:999999;\n background-color: rgba(0, 0, 0, 0.7);\n display: flex;\n justify-content: center;\n align-items: center;\n animation: ", " 0.3s ease-in-out;\n"])), fadeIn);
|
|
15
|
+
var ModalContent = exports.ModalContent = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n background-color: #fff;\n overflow: scroll;\n padding: 20px;\n border-radius: 8px;\n width: 50%;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n animation: ", " 0.5s ease-in-out;\n"])), fadeIn);
|
|
16
|
+
var CloseButton = exports.CloseButton = _styledComponents.default.button(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n margin-top: 10px;\n padding: 5px 15px;\n border: none;\n background-color: #333;\n color: #fff;\n cursor: pointer;\n border-radius: 4px;\n &:hover {\n background-color: #555;\n }\n"])));
|
|
17
|
+
var SubmitButton = exports.SubmitButton = _styledComponents.default.input(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n margin-top: 10px;\n margin-right: 10px;\n padding: 5px 15px;\n border: none;\n background-color: #333;\n color: #fff;\n cursor: pointer;\n border-radius: 4px;\n &:hover {\n background-color: #555;\n }\n"])));
|
|
@@ -12,6 +12,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
|
12
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
13
|
var _propTypes = _interopRequireWildcard(require("prop-types"));
|
|
14
14
|
var _recharts = require("recharts");
|
|
15
|
+
var _TspanTooltip = _interopRequireDefault(require("./TspanTooltip"));
|
|
15
16
|
var _NoDataFoundMessage = require("./NoDataFoundMessage");
|
|
16
17
|
var _SegmentedButton = require("./SegmentedButton");
|
|
17
18
|
var _PerformanceAnalyticsTotals = require("./PerformanceAnalyticsTotals");
|
|
@@ -84,6 +85,14 @@ var PerformanceAnalytics = exports.PerformanceAnalytics = function PerformanceAn
|
|
|
84
85
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
85
86
|
segmentedButtonsFilter = _useState2[0],
|
|
86
87
|
setSegmentedButtonsFilter = _useState2[1];
|
|
88
|
+
var _useState3 = (0, _react.useState)(false),
|
|
89
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
90
|
+
showLegendTooltip = _useState4[0],
|
|
91
|
+
setShowLegendTooltip = _useState4[1];
|
|
92
|
+
var _useState5 = (0, _react.useState)(''),
|
|
93
|
+
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
94
|
+
tooltipCouponText = _useState6[0],
|
|
95
|
+
setTooltipCouponText = _useState6[1];
|
|
87
96
|
var displayTotalsData = function displayTotalsData() {
|
|
88
97
|
return /*#__PURE__*/_react.default.createElement(_PerformanceAnalyticsTotals.PerformanceAnalyticsTotals, {
|
|
89
98
|
totalsData: totalsData,
|
|
@@ -295,14 +304,27 @@ var PerformanceAnalytics = exports.PerformanceAnalytics = function PerformanceAn
|
|
|
295
304
|
y = props.y,
|
|
296
305
|
stroke = props.stroke,
|
|
297
306
|
payload = props.payload;
|
|
307
|
+
var handleMouseEnter = function handleMouseEnter(content, event) {
|
|
308
|
+
setTooltipCouponText(content);
|
|
309
|
+
setShowLegendTooltip(true);
|
|
310
|
+
console.log('evnt x y', event.clientY, event.clientX);
|
|
311
|
+
};
|
|
312
|
+
var handleMouseLeave = function handleMouseLeave() {
|
|
313
|
+
setShowLegendTooltip(false);
|
|
314
|
+
};
|
|
298
315
|
if (data && data.length > 0 && payload) {
|
|
299
316
|
var retailerData = data.filter(function (item) {
|
|
300
317
|
return item.retailer === payload.value;
|
|
301
318
|
});
|
|
302
319
|
if (retailerData && retailerData.length > 0) {
|
|
303
320
|
var _retailerData$0$offer;
|
|
321
|
+
var offerType = (_retailerData$0$offer = retailerData[0].offerType) === null || _retailerData$0$offer === void 0 ? void 0 : _retailerData$0$offer.substring(0, 10);
|
|
304
322
|
return /*#__PURE__*/_react.default.createElement("g", {
|
|
305
|
-
transform: "translate(".concat(x, ",").concat(y, ")")
|
|
323
|
+
transform: "translate(".concat(x, ",").concat(y, ")"),
|
|
324
|
+
onMouseEnter: function onMouseEnter(event) {
|
|
325
|
+
return handleMouseEnter(offerType, event);
|
|
326
|
+
},
|
|
327
|
+
onMouseLeave: handleMouseLeave
|
|
306
328
|
}, /*#__PURE__*/_react.default.createElement("text", {
|
|
307
329
|
x: 0,
|
|
308
330
|
y: 0,
|
|
@@ -314,13 +336,7 @@ var PerformanceAnalytics = exports.PerformanceAnalytics = function PerformanceAn
|
|
|
314
336
|
dy: "50",
|
|
315
337
|
fontSize: 16,
|
|
316
338
|
fontWeight: 600
|
|
317
|
-
},
|
|
318
|
-
x: "0",
|
|
319
|
-
dy: "30",
|
|
320
|
-
textAnchor: "middle",
|
|
321
|
-
fontSize: 14,
|
|
322
|
-
fontWeight: 400
|
|
323
|
-
}, (_retailerData$0$offer = retailerData[0].offerType) === null || _retailerData$0$offer === void 0 ? void 0 : _retailerData$0$offer.substring(0, 10)), /*#__PURE__*/_react.default.createElement("tspan", {
|
|
339
|
+
}, payload.value), /*#__PURE__*/_react.default.createElement("tspan", {
|
|
324
340
|
textAnchor: "middle",
|
|
325
341
|
x: "0",
|
|
326
342
|
dy: "30",
|
|
@@ -365,6 +381,10 @@ var PerformanceAnalytics = exports.PerformanceAnalytics = function PerformanceAn
|
|
|
365
381
|
tickLine: false,
|
|
366
382
|
height: 120,
|
|
367
383
|
stroke: isNegativeValueFound() === true ? '#D0D0D0' : '#000'
|
|
384
|
+
}), showLegendTooltip && /*#__PURE__*/_react.default.createElement(_TspanTooltip.default, {
|
|
385
|
+
id: "Tooltip",
|
|
386
|
+
content: tooltipCouponText,
|
|
387
|
+
direction: "top"
|
|
368
388
|
}), /*#__PURE__*/_react.default.createElement(_recharts.Tooltip, {
|
|
369
389
|
cursor: {
|
|
370
390
|
fill: 'transparent'
|
|
@@ -18,7 +18,7 @@ var MainContainer = exports.MainContainer = _styledComponents.default.div(_templ
|
|
|
18
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 line-height: 19px;\n white-space: pre-wrap;\n //overflow: hidden;\n width: 100%;\n @media (max-width: 1536px) {\n padding: 13px 16px;\n }\n @media (max-width: 1366px) {\n padding: 12px 16px;\n }\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
|
-
var EventName = exports.EventName = _styledComponents.default.h4(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size:
|
|
21
|
+
var EventName = exports.EventName = _styledComponents.default.h4(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 16px;\n margin: 0; \n @media (max-width: 1536px) {\n font-size: 14px;\n }\n"])));
|
|
22
22
|
var ViewCreativeContainer = exports.ViewCreativeContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 12px;\n border: 1px solid #ccc;\n margin-left: 10px;\n padding: 2px 10px;\n color: ", ";\n &:hover {\n cursor: ", ";\n }\n"])), function (props) {
|
|
23
23
|
return props.disabled ? '#B1B1B1' : '#212121';
|
|
24
24
|
}, function (props) {
|
|
@@ -30,7 +30,7 @@ var Tooltip = function Tooltip(props) {
|
|
|
30
30
|
onMouseEnter: showTip,
|
|
31
31
|
onMouseLeave: hideTip
|
|
32
32
|
}, props.children, active && /*#__PURE__*/_react.default.createElement(_Tooltip.TooltipTip, {
|
|
33
|
-
className: "controls ".concat(props.direction ||
|
|
33
|
+
className: "controls ".concat(props.direction || 'top')
|
|
34
34
|
}, props.content)));
|
|
35
35
|
};
|
|
36
36
|
var _default = exports.default = Tooltip;
|
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
var _Modal = _interopRequireDefault(require("./Modal"));
|
|
12
|
+
var _CodeEditor = _interopRequireDefault(require("./CodeEditor"));
|
|
13
|
+
var _TextField = _interopRequireDefault(require("./TextField"));
|
|
14
|
+
var _Dropdown = _interopRequireDefault(require("./Dropdown"));
|
|
15
|
+
var _reactHookForm = require("react-hook-form");
|
|
16
|
+
var _Modal2 = require("./Modal.style");
|
|
17
|
+
var TotalCostModal = function TotalCostModal(_ref) {
|
|
18
|
+
var title = _ref.title,
|
|
19
|
+
isModalOpen = _ref.isModalOpen,
|
|
20
|
+
setModalOpen = _ref.setModalOpen,
|
|
21
|
+
setResult = _ref.setResult;
|
|
22
|
+
var _useState = (0, _react.useState)([{
|
|
23
|
+
id: "title",
|
|
24
|
+
label: "Title",
|
|
25
|
+
type: "text"
|
|
26
|
+
}, {
|
|
27
|
+
id: "dotCut",
|
|
28
|
+
label: "Do Cut",
|
|
29
|
+
type: "select",
|
|
30
|
+
options: ["true", "false"]
|
|
31
|
+
}, {
|
|
32
|
+
id: "currency",
|
|
33
|
+
label: "Currency",
|
|
34
|
+
type: "select",
|
|
35
|
+
options: ["true", "false"]
|
|
36
|
+
}, {
|
|
37
|
+
id: "currencyType",
|
|
38
|
+
label: "Currency Type",
|
|
39
|
+
type: "select",
|
|
40
|
+
options: ["USD", "EUR", "ILS", "GBP", "JPY"]
|
|
41
|
+
}, {
|
|
42
|
+
id: "width",
|
|
43
|
+
label: "Width",
|
|
44
|
+
type: "text"
|
|
45
|
+
}, {
|
|
46
|
+
id: "height",
|
|
47
|
+
label: "Height",
|
|
48
|
+
type: "text"
|
|
49
|
+
}, {
|
|
50
|
+
id: "textColor",
|
|
51
|
+
label: "Text Color",
|
|
52
|
+
type: "text"
|
|
53
|
+
}, {
|
|
54
|
+
id: "noDataText",
|
|
55
|
+
label: "No Data Text",
|
|
56
|
+
type: "text"
|
|
57
|
+
}]),
|
|
58
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
59
|
+
params = _useState2[0],
|
|
60
|
+
setParams = _useState2[1];
|
|
61
|
+
var _useState3 = (0, _react.useState)("Select PACKAGE_COST,REDEMPTION_COST,(PACKAGE_COST+REDEMPTION_COST) AS TOTAL_COST,from FACT_EVENT_MEASURES A INNER JOIN DIM_EVENTS B ON A.EVENT_CODE = B.EVENT_CODE"),
|
|
62
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
63
|
+
code = _useState4[0],
|
|
64
|
+
setCode = _useState4[1];
|
|
65
|
+
var _useForm = (0, _reactHookForm.useForm)(),
|
|
66
|
+
register = _useForm.register,
|
|
67
|
+
handleSubmit = _useForm.handleSubmit,
|
|
68
|
+
watch = _useForm.watch,
|
|
69
|
+
control = _useForm.control,
|
|
70
|
+
errors = _useForm.formState.errors;
|
|
71
|
+
var onSubmit = function onSubmit(data) {
|
|
72
|
+
return setResult(data);
|
|
73
|
+
};
|
|
74
|
+
return /*#__PURE__*/_react.default.createElement("form", {
|
|
75
|
+
onSubmit: handleSubmit(onSubmit)
|
|
76
|
+
}, /*#__PURE__*/_react.default.createElement(_Modal.default, {
|
|
77
|
+
isOpen: isModalOpen,
|
|
78
|
+
onClose: function onClose() {
|
|
79
|
+
return setModalOpen(false);
|
|
80
|
+
}
|
|
81
|
+
}, /*#__PURE__*/_react.default.createElement("h2", null, title), /*#__PURE__*/_react.default.createElement("div", {
|
|
82
|
+
style: {
|
|
83
|
+
gap: "10px",
|
|
84
|
+
display: "grid"
|
|
85
|
+
}
|
|
86
|
+
}, /*#__PURE__*/_react.default.createElement(_CodeEditor.default, {
|
|
87
|
+
value: code,
|
|
88
|
+
onChange: setCode
|
|
89
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
90
|
+
style: {
|
|
91
|
+
gap: "10px",
|
|
92
|
+
display: "grid",
|
|
93
|
+
gridTemplateColumns: "auto auto auto"
|
|
94
|
+
}
|
|
95
|
+
}, params.map(function (item) {
|
|
96
|
+
if (item.type === "text") {
|
|
97
|
+
return /*#__PURE__*/_react.default.createElement(_reactHookForm.Controller, {
|
|
98
|
+
control: control,
|
|
99
|
+
name: item.id,
|
|
100
|
+
render: function render(_ref2) {
|
|
101
|
+
var field = _ref2.field;
|
|
102
|
+
return /*#__PURE__*/_react.default.createElement(_TextField.default, Object.assign({}, field, {
|
|
103
|
+
allowedInput: "all",
|
|
104
|
+
height: "100%",
|
|
105
|
+
label: item.label,
|
|
106
|
+
multiline: true,
|
|
107
|
+
placeHolder: "Type...",
|
|
108
|
+
shape: "round",
|
|
109
|
+
size: "small",
|
|
110
|
+
width: "300px"
|
|
111
|
+
}));
|
|
112
|
+
}
|
|
113
|
+
});
|
|
114
|
+
} else {
|
|
115
|
+
return /*#__PURE__*/_react.default.createElement(_reactHookForm.Controller, {
|
|
116
|
+
control: control,
|
|
117
|
+
name: item.id,
|
|
118
|
+
render: function render(_ref3) {
|
|
119
|
+
var field = _ref3.field;
|
|
120
|
+
return /*#__PURE__*/_react.default.createElement(_Dropdown.default, Object.assign({}, field, {
|
|
121
|
+
allowedInput: "all",
|
|
122
|
+
labelColor: "#1B30AA",
|
|
123
|
+
limitTagsOnMultiSelect: 0,
|
|
124
|
+
onInputChange: function onInputChange(e) {
|
|
125
|
+
var _e$inputValue;
|
|
126
|
+
console.log("e", e);
|
|
127
|
+
field.onChange((_e$inputValue = e === null || e === void 0 ? void 0 : e.inputValue) !== null && _e$inputValue !== void 0 ? _e$inputValue : "");
|
|
128
|
+
},
|
|
129
|
+
options: item.options,
|
|
130
|
+
placeHolder: "Type...",
|
|
131
|
+
shape: "round",
|
|
132
|
+
size: "small",
|
|
133
|
+
text: item.label,
|
|
134
|
+
width: "300px"
|
|
135
|
+
}));
|
|
136
|
+
}
|
|
137
|
+
});
|
|
138
|
+
}
|
|
139
|
+
}))), /*#__PURE__*/_react.default.createElement(_Modal2.SubmitButton, {
|
|
140
|
+
type: "submit"
|
|
141
|
+
})));
|
|
142
|
+
};
|
|
143
|
+
var _default = exports.default = TotalCostModal;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _Tooltip = require("./Tooltip.style");
|
|
10
|
+
var Tooltip = function Tooltip(props) {
|
|
11
|
+
return /*#__PURE__*/_react.default.createElement(_Tooltip.TooltipContainer, null, /*#__PURE__*/_react.default.createElement(_Tooltip.TooltipWrapper, null, /*#__PURE__*/_react.default.createElement(_Tooltip.TooltipTip, {
|
|
12
|
+
className: "controls ".concat(props.direction || 'top')
|
|
13
|
+
}, props.content)));
|
|
14
|
+
};
|
|
15
|
+
var _default = exports.default = Tooltip;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sag_components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.335",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -14,20 +14,25 @@
|
|
|
14
14
|
"author": "SAG",
|
|
15
15
|
"license": "ISC",
|
|
16
16
|
"devDependencies": {
|
|
17
|
+
"@babel/plugin-proposal-private-property-in-object": "^7.21.11",
|
|
17
18
|
"@babel/cli": "^7.23.0",
|
|
18
|
-
"@babel/preset-env": "^7.23.
|
|
19
|
-
"@babel/preset-react": "^7.
|
|
20
|
-
"@babel/preset-typescript": "^7.23.
|
|
21
|
-
"
|
|
19
|
+
"@babel/preset-env": "^7.23.2",
|
|
20
|
+
"@babel/preset-react": "^7.22.15",
|
|
21
|
+
"@babel/preset-typescript": "^7.23.2",
|
|
22
|
+
"babel-plugin-react-css-modules": "^5.2.6",
|
|
23
|
+
"babel-preset-react-app": "^10.0.1",
|
|
24
|
+
"@storybook/addon-designs": "^7.0.5",
|
|
22
25
|
"@storybook/addon-essentials": "^7.4.6",
|
|
23
26
|
"@storybook/addon-interactions": "^7.4.6",
|
|
24
27
|
"@storybook/addon-links": "^7.4.6",
|
|
25
28
|
"@storybook/addon-storysource": "^7.4.6",
|
|
29
|
+
"@storybook/addons": "^7.5.3",
|
|
26
30
|
"@storybook/blocks": "^7.4.6",
|
|
27
31
|
"@storybook/preset-scss": "^1.0.3",
|
|
28
32
|
"@storybook/react": "^7.4.6",
|
|
29
33
|
"@storybook/react-webpack5": "^7.4.6",
|
|
30
34
|
"@storybook/testing-library": "^0.2.2",
|
|
35
|
+
"@storybook/theming": "^7.5.3",
|
|
31
36
|
"cross-env": "^7.0.3",
|
|
32
37
|
"css-loader": "^6.8.1",
|
|
33
38
|
"eslint": "^8.53.0",
|
|
@@ -42,29 +47,18 @@
|
|
|
42
47
|
"style-loader": "^3.3.3"
|
|
43
48
|
},
|
|
44
49
|
"dependencies": {
|
|
45
|
-
"@babel/plugin-proposal-private-property-in-object": "^7.21.11",
|
|
46
|
-
"@dnd-kit/core": "^6.0.8",
|
|
47
50
|
"@emotion/react": "^11.11.1",
|
|
48
51
|
"@emotion/styled": "^11.11.0",
|
|
49
|
-
"@
|
|
50
|
-
"@
|
|
51
|
-
"@
|
|
52
|
-
"@fortawesome/react-fontawesome": "^0.2.0",
|
|
53
|
-
"@mui/icons-material": "^5.14.18",
|
|
54
|
-
"@mui/material": "^5.14.18",
|
|
55
|
-
"@mui/styled-engine-sc": "^5.14.12",
|
|
56
|
-
"@mui/x-date-pickers": "^6.18.1",
|
|
57
|
-
"@storybook/addon-designs": "^7.0.5",
|
|
58
|
-
"babel-plugin-react-css-modules": "^5.2.6",
|
|
52
|
+
"@mui/icons-material": "^5.14.16",
|
|
53
|
+
"@mui/material": "^5.14.16",
|
|
54
|
+
"@mui/x-date-pickers": "^6.18.0",
|
|
59
55
|
"classnames": "^2.3.2",
|
|
60
56
|
"dayjs": "^1.11.10",
|
|
61
|
-
"hoopy": "^0.1.4",
|
|
62
57
|
"prop-types": "^15.8.1",
|
|
63
58
|
"react": "^18.2.0",
|
|
64
59
|
"react-css-modules": "^4.7.11",
|
|
65
60
|
"react-loading-skeleton": "^3.3.1",
|
|
66
|
-
"
|
|
67
|
-
"recharts": "^2.9.3",
|
|
61
|
+
"recharts": "^2.9.2",
|
|
68
62
|
"storybook": "^7.4.6",
|
|
69
63
|
"styled-components": "^5.3.1"
|
|
70
64
|
},
|
|
File without changes
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
STORYBOOK_FIGMA_ACCESS_TOKEN=figd_YdAmQQKQ2B6ZngEijA0JiqNNUdJvP23G46NK7-fc
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
STORYBOOK_FIGMA_ACCESS_TOKEN=figd_MOcc8-aS91XJ3mFdtNlH4oPVY73ChHlmw6-hKhsb
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
module.exports = {
|
|
2
|
-
env: {
|
|
3
|
-
browser: true,
|
|
4
|
-
es2021: true,
|
|
5
|
-
},
|
|
6
|
-
extends: 'airbnb',
|
|
7
|
-
overrides: [
|
|
8
|
-
{
|
|
9
|
-
env: {
|
|
10
|
-
node: true,
|
|
11
|
-
},
|
|
12
|
-
files: [
|
|
13
|
-
'.eslintrc.{js,cjs}',
|
|
14
|
-
],
|
|
15
|
-
parserOptions: {
|
|
16
|
-
sourceType: 'script',
|
|
17
|
-
},
|
|
18
|
-
},
|
|
19
|
-
],
|
|
20
|
-
parserOptions: {
|
|
21
|
-
ecmaVersion: 'latest',
|
|
22
|
-
sourceType: 'module',
|
|
23
|
-
},
|
|
24
|
-
rules: {
|
|
25
|
-
},
|
|
26
|
-
};
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
module.exports = {
|
|
2
|
-
env: {
|
|
3
|
-
browser: true,
|
|
4
|
-
es2021: true,
|
|
5
|
-
},
|
|
6
|
-
extends: 'airbnb',
|
|
7
|
-
overrides: [
|
|
8
|
-
{
|
|
9
|
-
env: {
|
|
10
|
-
node: true,
|
|
11
|
-
},
|
|
12
|
-
files: [
|
|
13
|
-
'.eslintrc.{js,cjs}',
|
|
14
|
-
],
|
|
15
|
-
parserOptions: {
|
|
16
|
-
sourceType: 'script',
|
|
17
|
-
},
|
|
18
|
-
},
|
|
19
|
-
],
|
|
20
|
-
parserOptions: {
|
|
21
|
-
ecmaVersion: 'latest',
|
|
22
|
-
sourceType: 'module',
|
|
23
|
-
},
|
|
24
|
-
rules: {
|
|
25
|
-
'max-len': 'off',
|
|
26
|
-
},
|
|
27
|
-
};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
module.exports = {
|
|
2
|
-
env: {
|
|
3
|
-
browser: true,
|
|
4
|
-
es2021: true,
|
|
5
|
-
},
|
|
6
|
-
extends: 'airbnb',
|
|
7
|
-
overrides: [
|
|
8
|
-
{
|
|
9
|
-
env: {
|
|
10
|
-
node: true,
|
|
11
|
-
},
|
|
12
|
-
files: [
|
|
13
|
-
'.eslintrc.{js,cjs}',
|
|
14
|
-
],
|
|
15
|
-
parserOptions: {
|
|
16
|
-
sourceType: 'script',
|
|
17
|
-
},
|
|
18
|
-
},
|
|
19
|
-
],
|
|
20
|
-
parserOptions: {
|
|
21
|
-
ecmaVersion: 'latest',
|
|
22
|
-
sourceType: 'module',
|
|
23
|
-
},
|
|
24
|
-
rules: {
|
|
25
|
-
'max-len': 'off',
|
|
26
|
-
/*eslint linebreak-style: ["error", "windows"]*/
|
|
27
|
-
},
|
|
28
|
-
};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
module.exports = {
|
|
2
|
-
env: {
|
|
3
|
-
browser: true,
|
|
4
|
-
es2021: true,
|
|
5
|
-
},
|
|
6
|
-
extends: 'airbnb',
|
|
7
|
-
overrides: [
|
|
8
|
-
{
|
|
9
|
-
env: {
|
|
10
|
-
node: true,
|
|
11
|
-
},
|
|
12
|
-
files: [
|
|
13
|
-
'.eslintrc.{js,cjs}',
|
|
14
|
-
],
|
|
15
|
-
parserOptions: {
|
|
16
|
-
sourceType: 'script',
|
|
17
|
-
},
|
|
18
|
-
},
|
|
19
|
-
],
|
|
20
|
-
parserOptions: {
|
|
21
|
-
ecmaVersion: 'latest',
|
|
22
|
-
sourceType: 'module',
|
|
23
|
-
},
|
|
24
|
-
rules: {
|
|
25
|
-
'max-len': 'off',
|
|
26
|
-
eslint linebreak-style: ["error", "windows"]
|
|
27
|
-
},
|
|
28
|
-
};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
module.exports = {
|
|
2
|
-
env: {
|
|
3
|
-
browser: true,
|
|
4
|
-
es2021: true,
|
|
5
|
-
},
|
|
6
|
-
extends: 'airbnb',
|
|
7
|
-
overrides: [
|
|
8
|
-
{
|
|
9
|
-
env: {
|
|
10
|
-
node: true,
|
|
11
|
-
},
|
|
12
|
-
files: [
|
|
13
|
-
'.eslintrc.{js,cjs}',
|
|
14
|
-
],
|
|
15
|
-
parserOptions: {
|
|
16
|
-
sourceType: 'script',
|
|
17
|
-
},
|
|
18
|
-
},
|
|
19
|
-
],
|
|
20
|
-
parserOptions: {
|
|
21
|
-
ecmaVersion: 'latest',
|
|
22
|
-
sourceType: 'module',
|
|
23
|
-
},
|
|
24
|
-
rules: {
|
|
25
|
-
'max-len': 'off',
|
|
26
|
-
linebreak-style: ["error", "windows"]
|
|
27
|
-
},
|
|
28
|
-
};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
module.exports = {
|
|
2
|
-
env: {
|
|
3
|
-
browser: true,
|
|
4
|
-
es2021: true,
|
|
5
|
-
},
|
|
6
|
-
extends: 'airbnb',
|
|
7
|
-
overrides: [
|
|
8
|
-
{
|
|
9
|
-
env: {
|
|
10
|
-
node: true,
|
|
11
|
-
},
|
|
12
|
-
files: [
|
|
13
|
-
'.eslintrc.{js,cjs}',
|
|
14
|
-
],
|
|
15
|
-
parserOptions: {
|
|
16
|
-
sourceType: 'script',
|
|
17
|
-
},
|
|
18
|
-
},
|
|
19
|
-
],
|
|
20
|
-
parserOptions: {
|
|
21
|
-
ecmaVersion: 'latest',
|
|
22
|
-
sourceType: 'module',
|
|
23
|
-
},
|
|
24
|
-
rules: {
|
|
25
|
-
'max-len': 'off',
|
|
26
|
-
'linebreak-style': ["error", "windows"]
|
|
27
|
-
},
|
|
28
|
-
};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
module.exports = {
|
|
2
|
-
env: {
|
|
3
|
-
browser: true,
|
|
4
|
-
es2021: true,
|
|
5
|
-
},
|
|
6
|
-
extends: 'airbnb',
|
|
7
|
-
overrides: [
|
|
8
|
-
{
|
|
9
|
-
env: {
|
|
10
|
-
node: true,
|
|
11
|
-
},
|
|
12
|
-
files: [
|
|
13
|
-
'.eslintrc.{js,cjs}',
|
|
14
|
-
],
|
|
15
|
-
parserOptions: {
|
|
16
|
-
sourceType: 'script',
|
|
17
|
-
},
|
|
18
|
-
},
|
|
19
|
-
],
|
|
20
|
-
parserOptions: {
|
|
21
|
-
ecmaVersion: 'latest',
|
|
22
|
-
sourceType: 'module',
|
|
23
|
-
},
|
|
24
|
-
rules: {
|
|
25
|
-
'max-len': 'off',
|
|
26
|
-
'linebreak-style': ['error', 'windows']
|
|
27
|
-
},
|
|
28
|
-
};
|