sag_components 2.0.0-beta94 → 2.0.0-beta95
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/index.d.ts +2 -1
- package/dist/index.esm.js +122 -111
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +122 -111
- package/dist/index.js.map +1 -1
- package/dist/types/components/BubbleChart/BubbleChart.d.ts +2 -1
- package/dist/types/components/BubbleChart/BubbleChart.stories.d.ts +7 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -9473,67 +9473,70 @@ const DropdownMain = styled__default["default"].div`
|
|
|
9473
9473
|
`;
|
|
9474
9474
|
|
|
9475
9475
|
/* eslint-disable react/prop-types */
|
|
9476
|
-
const DropdownNew =
|
|
9477
|
-
|
|
9478
|
-
|
|
9479
|
-
|
|
9480
|
-
|
|
9481
|
-
|
|
9482
|
-
|
|
9483
|
-
|
|
9484
|
-
|
|
9485
|
-
|
|
9486
|
-
|
|
9487
|
-
|
|
9488
|
-
|
|
9489
|
-
|
|
9490
|
-
|
|
9491
|
-
|
|
9492
|
-
|
|
9493
|
-
|
|
9494
|
-
|
|
9495
|
-
|
|
9496
|
-
|
|
9497
|
-
|
|
9498
|
-
|
|
9499
|
-
|
|
9500
|
-
|
|
9501
|
-
|
|
9502
|
-
|
|
9503
|
-
|
|
9504
|
-
|
|
9505
|
-
|
|
9506
|
-
|
|
9507
|
-
|
|
9508
|
-
|
|
9509
|
-
|
|
9510
|
-
|
|
9511
|
-
|
|
9512
|
-
|
|
9513
|
-
|
|
9514
|
-
|
|
9515
|
-
|
|
9516
|
-
|
|
9517
|
-
|
|
9518
|
-
|
|
9519
|
-
|
|
9520
|
-
|
|
9521
|
-
|
|
9522
|
-
|
|
9523
|
-
|
|
9524
|
-
|
|
9525
|
-
|
|
9526
|
-
|
|
9527
|
-
|
|
9528
|
-
|
|
9529
|
-
|
|
9530
|
-
|
|
9531
|
-
|
|
9532
|
-
|
|
9533
|
-
|
|
9534
|
-
|
|
9535
|
-
|
|
9536
|
-
|
|
9476
|
+
const DropdownNew = _ref => {
|
|
9477
|
+
let {
|
|
9478
|
+
isMulti,
|
|
9479
|
+
label,
|
|
9480
|
+
labelEmptyValue,
|
|
9481
|
+
options,
|
|
9482
|
+
selectedValue,
|
|
9483
|
+
placeHolder,
|
|
9484
|
+
onChange,
|
|
9485
|
+
required,
|
|
9486
|
+
disabled,
|
|
9487
|
+
width,
|
|
9488
|
+
error,
|
|
9489
|
+
errorMessage,
|
|
9490
|
+
labelColor,
|
|
9491
|
+
checkBoxColor,
|
|
9492
|
+
xIconShow,
|
|
9493
|
+
showLabelOnTop,
|
|
9494
|
+
orderBy,
|
|
9495
|
+
elementType
|
|
9496
|
+
} = _ref;
|
|
9497
|
+
return /*#__PURE__*/React__default["default"].createElement(DropdownMain, {
|
|
9498
|
+
className: "DropdownMain",
|
|
9499
|
+
width: width
|
|
9500
|
+
}, isMulti ? /*#__PURE__*/React__default["default"].createElement(DropdownMultiNew, {
|
|
9501
|
+
className: "DropdownMultiNew",
|
|
9502
|
+
placeHolder: placeHolder,
|
|
9503
|
+
label: label,
|
|
9504
|
+
labelEmptyValue: labelEmptyValue,
|
|
9505
|
+
labelColor: labelColor,
|
|
9506
|
+
checkBoxColor: checkBoxColor,
|
|
9507
|
+
required: required,
|
|
9508
|
+
options: options,
|
|
9509
|
+
width: width,
|
|
9510
|
+
disabled: disabled,
|
|
9511
|
+
error: error,
|
|
9512
|
+
errorMessage: errorMessage,
|
|
9513
|
+
selectedValue: selectedValue,
|
|
9514
|
+
xIconShow: xIconShow,
|
|
9515
|
+
onChange: onChange,
|
|
9516
|
+
showLabelOnTop: showLabelOnTop,
|
|
9517
|
+
orderBy: orderBy,
|
|
9518
|
+
elementType: elementType
|
|
9519
|
+
}) : /*#__PURE__*/React__default["default"].createElement(DropdownSingleNew, {
|
|
9520
|
+
className: "DropdownSingleNew",
|
|
9521
|
+
placeHolder: placeHolder,
|
|
9522
|
+
label: label,
|
|
9523
|
+
labelEmptyValue: labelEmptyValue,
|
|
9524
|
+
labelColor: labelColor,
|
|
9525
|
+
checkBoxColor: checkBoxColor,
|
|
9526
|
+
required: required,
|
|
9527
|
+
options: options,
|
|
9528
|
+
width: width,
|
|
9529
|
+
disabled: disabled,
|
|
9530
|
+
error: error,
|
|
9531
|
+
errorMessage: errorMessage,
|
|
9532
|
+
selectedValue: selectedValue,
|
|
9533
|
+
xIconShow: xIconShow,
|
|
9534
|
+
onChange: onChange,
|
|
9535
|
+
showLabelOnTop: showLabelOnTop,
|
|
9536
|
+
orderBy: orderBy,
|
|
9537
|
+
elementType: elementType
|
|
9538
|
+
}));
|
|
9539
|
+
};
|
|
9537
9540
|
DropdownNew.propTypes = {
|
|
9538
9541
|
placeHolder: PropTypes.string,
|
|
9539
9542
|
label: PropTypes.string,
|
|
@@ -9961,20 +9964,21 @@ const DatePicker = ({
|
|
|
9961
9964
|
};
|
|
9962
9965
|
|
|
9963
9966
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
9964
|
-
const RangePicker =
|
|
9965
|
-
|
|
9966
|
-
|
|
9967
|
-
|
|
9968
|
-
|
|
9969
|
-
|
|
9970
|
-
|
|
9971
|
-
|
|
9972
|
-
|
|
9973
|
-
|
|
9974
|
-
|
|
9975
|
-
|
|
9976
|
-
|
|
9977
|
-
|
|
9967
|
+
const RangePicker = _ref => {
|
|
9968
|
+
let {
|
|
9969
|
+
label,
|
|
9970
|
+
onChange,
|
|
9971
|
+
borderRadius,
|
|
9972
|
+
required,
|
|
9973
|
+
width,
|
|
9974
|
+
height,
|
|
9975
|
+
placeholder,
|
|
9976
|
+
disabled,
|
|
9977
|
+
borderColor,
|
|
9978
|
+
borderColorFocus,
|
|
9979
|
+
textColor,
|
|
9980
|
+
selectedValue
|
|
9981
|
+
} = _ref;
|
|
9978
9982
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
9979
9983
|
const [isOpen, setIsOpen] = React$1.useState(false);
|
|
9980
9984
|
const [value, setValue] = React$1.useState(''); // Added value state
|
|
@@ -10398,23 +10402,24 @@ const QuarterPopupPicker = ({
|
|
|
10398
10402
|
};
|
|
10399
10403
|
|
|
10400
10404
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
10401
|
-
const QuarterPicker =
|
|
10402
|
-
|
|
10403
|
-
|
|
10404
|
-
|
|
10405
|
-
|
|
10406
|
-
|
|
10407
|
-
|
|
10408
|
-
|
|
10409
|
-
|
|
10410
|
-
|
|
10411
|
-
|
|
10412
|
-
|
|
10413
|
-
|
|
10414
|
-
|
|
10415
|
-
|
|
10416
|
-
|
|
10417
|
-
|
|
10405
|
+
const QuarterPicker = _ref => {
|
|
10406
|
+
let {
|
|
10407
|
+
availableQuarters,
|
|
10408
|
+
// ["Q1-2024"]
|
|
10409
|
+
label,
|
|
10410
|
+
onChange,
|
|
10411
|
+
borderRadius,
|
|
10412
|
+
required,
|
|
10413
|
+
width,
|
|
10414
|
+
height,
|
|
10415
|
+
placeholder,
|
|
10416
|
+
disabled,
|
|
10417
|
+
borderColor,
|
|
10418
|
+
borderColorFocus,
|
|
10419
|
+
textColor,
|
|
10420
|
+
selectedValue,
|
|
10421
|
+
startYear
|
|
10422
|
+
} = _ref;
|
|
10418
10423
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
10419
10424
|
const [isOpen, setIsOpen] = React$1.useState(false);
|
|
10420
10425
|
const [value, setValue] = React$1.useState('');
|
|
@@ -10856,22 +10861,23 @@ const MonthPopupPicker = ({
|
|
|
10856
10861
|
};
|
|
10857
10862
|
|
|
10858
10863
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
10859
|
-
const MonthPicker =
|
|
10860
|
-
|
|
10861
|
-
|
|
10862
|
-
|
|
10863
|
-
|
|
10864
|
-
|
|
10865
|
-
|
|
10866
|
-
|
|
10867
|
-
|
|
10868
|
-
|
|
10869
|
-
|
|
10870
|
-
|
|
10871
|
-
|
|
10872
|
-
|
|
10873
|
-
|
|
10874
|
-
|
|
10864
|
+
const MonthPicker = _ref => {
|
|
10865
|
+
let {
|
|
10866
|
+
availableMonths,
|
|
10867
|
+
label,
|
|
10868
|
+
onChange,
|
|
10869
|
+
borderRadius,
|
|
10870
|
+
required,
|
|
10871
|
+
width,
|
|
10872
|
+
height,
|
|
10873
|
+
placeholder,
|
|
10874
|
+
disabled,
|
|
10875
|
+
borderColor,
|
|
10876
|
+
borderColorFocus,
|
|
10877
|
+
textColor,
|
|
10878
|
+
selectedValue,
|
|
10879
|
+
startYear
|
|
10880
|
+
} = _ref;
|
|
10875
10881
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
10876
10882
|
const [isOpen, setIsOpen] = React$1.useState(false);
|
|
10877
10883
|
const [value, setValue] = React$1.useState('');
|
|
@@ -30279,7 +30285,8 @@ const BubbleChart = _ref => {
|
|
|
30279
30285
|
height = '600px',
|
|
30280
30286
|
width = '100%',
|
|
30281
30287
|
backgroundColor = 'white',
|
|
30282
|
-
showAxis = false
|
|
30288
|
+
showAxis = false,
|
|
30289
|
+
noDataText = ''
|
|
30283
30290
|
} = _ref;
|
|
30284
30291
|
const [curosrMouse, setCurosrMouse] = React$1.useState("default");
|
|
30285
30292
|
|
|
@@ -30768,7 +30775,11 @@ const BubbleChart = _ref => {
|
|
|
30768
30775
|
},
|
|
30769
30776
|
backgroundColor: backgroundColor,
|
|
30770
30777
|
"data-testid": "bubble-chart-container"
|
|
30771
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
30778
|
+
}, !data || data.length === 0 ? /*#__PURE__*/React__default["default"].createElement(NoDataFoundMessage, {
|
|
30779
|
+
noDataText: noDataText,
|
|
30780
|
+
width: width,
|
|
30781
|
+
height: height
|
|
30782
|
+
}) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(HeaderContainer, {
|
|
30772
30783
|
"data-testid": "header-container"
|
|
30773
30784
|
}, /*#__PURE__*/React__default["default"].createElement(ChartTitle, {
|
|
30774
30785
|
"data-testid": "chart-title"
|
|
@@ -31013,7 +31024,7 @@ const BubbleChart = _ref => {
|
|
|
31013
31024
|
}, "+"), /*#__PURE__*/React__default["default"].createElement(ZoomResetButton, {
|
|
31014
31025
|
onClick: handleReset,
|
|
31015
31026
|
"data-testid": "zoom-reset-button"
|
|
31016
|
-
}, "Reset")));
|
|
31027
|
+
}, "Reset"))));
|
|
31017
31028
|
};
|
|
31018
31029
|
|
|
31019
31030
|
const BatteryChartContainer = styled__default["default"].div`
|