sag_components 2.0.0-beta193 → 2.0.0-beta194
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 +6 -1
- package/dist/index.esm.js +76 -69
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +76 -69
- package/dist/index.js.map +1 -1
- package/dist/types/components/ToasterMessageBox/ToasterMessageBox.d.ts +6 -1
- package/dist/types/components/ToasterMessageBox/ToasterMessageBox.stories.d.ts +10 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -10589,23 +10589,24 @@ const QuarterPopupPicker = ({
|
|
|
10589
10589
|
};
|
|
10590
10590
|
|
|
10591
10591
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
10592
|
-
const QuarterPicker =
|
|
10593
|
-
|
|
10594
|
-
|
|
10595
|
-
|
|
10596
|
-
|
|
10597
|
-
|
|
10598
|
-
|
|
10599
|
-
|
|
10600
|
-
|
|
10601
|
-
|
|
10602
|
-
|
|
10603
|
-
|
|
10604
|
-
|
|
10605
|
-
|
|
10606
|
-
|
|
10607
|
-
|
|
10608
|
-
|
|
10592
|
+
const QuarterPicker = _ref => {
|
|
10593
|
+
let {
|
|
10594
|
+
availableQuarters,
|
|
10595
|
+
// ["Q1-2024"]
|
|
10596
|
+
label,
|
|
10597
|
+
onChange,
|
|
10598
|
+
borderRadius,
|
|
10599
|
+
required,
|
|
10600
|
+
width,
|
|
10601
|
+
height,
|
|
10602
|
+
placeholder,
|
|
10603
|
+
disabled,
|
|
10604
|
+
borderColor,
|
|
10605
|
+
borderColorFocus,
|
|
10606
|
+
textColor,
|
|
10607
|
+
selectedValue,
|
|
10608
|
+
startYear
|
|
10609
|
+
} = _ref;
|
|
10609
10610
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
10610
10611
|
const [isOpen, setIsOpen] = React$1.useState(false);
|
|
10611
10612
|
const [value, setValue] = React$1.useState('');
|
|
@@ -11047,22 +11048,23 @@ const MonthPopupPicker = ({
|
|
|
11047
11048
|
};
|
|
11048
11049
|
|
|
11049
11050
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
11050
|
-
const MonthPicker =
|
|
11051
|
-
|
|
11052
|
-
|
|
11053
|
-
|
|
11054
|
-
|
|
11055
|
-
|
|
11056
|
-
|
|
11057
|
-
|
|
11058
|
-
|
|
11059
|
-
|
|
11060
|
-
|
|
11061
|
-
|
|
11062
|
-
|
|
11063
|
-
|
|
11064
|
-
|
|
11065
|
-
|
|
11051
|
+
const MonthPicker = _ref => {
|
|
11052
|
+
let {
|
|
11053
|
+
availableMonths,
|
|
11054
|
+
label,
|
|
11055
|
+
onChange,
|
|
11056
|
+
borderRadius,
|
|
11057
|
+
required,
|
|
11058
|
+
width,
|
|
11059
|
+
height,
|
|
11060
|
+
placeholder,
|
|
11061
|
+
disabled,
|
|
11062
|
+
borderColor,
|
|
11063
|
+
borderColorFocus,
|
|
11064
|
+
textColor,
|
|
11065
|
+
selectedValue,
|
|
11066
|
+
startYear
|
|
11067
|
+
} = _ref;
|
|
11066
11068
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
11067
11069
|
const [isOpen, setIsOpen] = React$1.useState(false);
|
|
11068
11070
|
const [value, setValue] = React$1.useState('');
|
|
@@ -24173,21 +24175,22 @@ const DeleteIcon = styled__default["default"].div`
|
|
|
24173
24175
|
position: absolute;
|
|
24174
24176
|
`;
|
|
24175
24177
|
|
|
24176
|
-
const QuickFilterDropdownSingle =
|
|
24177
|
-
|
|
24178
|
-
|
|
24179
|
-
|
|
24180
|
-
|
|
24181
|
-
|
|
24182
|
-
|
|
24183
|
-
|
|
24184
|
-
|
|
24185
|
-
|
|
24186
|
-
|
|
24187
|
-
|
|
24188
|
-
|
|
24189
|
-
|
|
24190
|
-
|
|
24178
|
+
const QuickFilterDropdownSingle = _ref => {
|
|
24179
|
+
let {
|
|
24180
|
+
label,
|
|
24181
|
+
hoverColor,
|
|
24182
|
+
options,
|
|
24183
|
+
selectedValue,
|
|
24184
|
+
placeHolder,
|
|
24185
|
+
onChange,
|
|
24186
|
+
disabled,
|
|
24187
|
+
width,
|
|
24188
|
+
error,
|
|
24189
|
+
errorMessage,
|
|
24190
|
+
xIconShow,
|
|
24191
|
+
labelColor,
|
|
24192
|
+
showLabelOnTop
|
|
24193
|
+
} = _ref;
|
|
24191
24194
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
24192
24195
|
const [showOptions, setShowOptions] = React$1.useState(false);
|
|
24193
24196
|
const [inputValue, setInputValue] = React$1.useState("");
|
|
@@ -24584,23 +24587,24 @@ const IconContainer$2 = styled__default["default"].div`
|
|
|
24584
24587
|
cursor: pointer;
|
|
24585
24588
|
`;
|
|
24586
24589
|
|
|
24587
|
-
const QuickFilterDropdownMultiSelection =
|
|
24588
|
-
|
|
24589
|
-
|
|
24590
|
-
|
|
24591
|
-
|
|
24592
|
-
|
|
24593
|
-
|
|
24594
|
-
|
|
24595
|
-
|
|
24596
|
-
|
|
24597
|
-
|
|
24598
|
-
|
|
24599
|
-
|
|
24600
|
-
|
|
24601
|
-
|
|
24602
|
-
|
|
24603
|
-
|
|
24590
|
+
const QuickFilterDropdownMultiSelection = _ref => {
|
|
24591
|
+
let {
|
|
24592
|
+
label,
|
|
24593
|
+
labelEmptyValue,
|
|
24594
|
+
options,
|
|
24595
|
+
selectedValue,
|
|
24596
|
+
placeHolder,
|
|
24597
|
+
onChange,
|
|
24598
|
+
required,
|
|
24599
|
+
disabled,
|
|
24600
|
+
width,
|
|
24601
|
+
error,
|
|
24602
|
+
errorMessage,
|
|
24603
|
+
labelColor,
|
|
24604
|
+
xIconShow,
|
|
24605
|
+
checkBoxColor,
|
|
24606
|
+
showLabelOnTop
|
|
24607
|
+
} = _ref;
|
|
24604
24608
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
24605
24609
|
const [showOptions, setShowOptions] = React$1.useState(false);
|
|
24606
24610
|
const [inputValue, setInputValue] = React$1.useState('');
|
|
@@ -35931,9 +35935,9 @@ const ToggleSlider = styled__default["default"].span`
|
|
|
35931
35935
|
}
|
|
35932
35936
|
`;
|
|
35933
35937
|
|
|
35934
|
-
/**
|
|
35935
|
-
* ToggleSwitch component for on/off states.
|
|
35936
|
-
* Supports small/large sizes and disabled state.
|
|
35938
|
+
/**
|
|
35939
|
+
* ToggleSwitch component for on/off states.
|
|
35940
|
+
* Supports small/large sizes and disabled state.
|
|
35937
35941
|
*/
|
|
35938
35942
|
function ToggleSwitch(_ref) {
|
|
35939
35943
|
let {
|
|
@@ -55049,6 +55053,7 @@ const ToasterMessageBox = _ref => {
|
|
|
55049
55053
|
linkText = '',
|
|
55050
55054
|
duration = 5,
|
|
55051
55055
|
width = '500px',
|
|
55056
|
+
icon = OkCircleIcon,
|
|
55052
55057
|
onLinkClick = () => {},
|
|
55053
55058
|
onClose = () => {}
|
|
55054
55059
|
} = _ref;
|
|
@@ -55087,7 +55092,9 @@ const ToasterMessageBox = _ref => {
|
|
|
55087
55092
|
$isClosing: isClosing
|
|
55088
55093
|
}, /*#__PURE__*/React__default["default"].createElement(IconWrapper, {
|
|
55089
55094
|
$color: color
|
|
55090
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
55095
|
+
}, icon === 'error' ? /*#__PURE__*/React__default["default"].createElement(ErrorIcon, {
|
|
55096
|
+
color: "white"
|
|
55097
|
+
}) : /*#__PURE__*/React__default["default"].createElement(OkCircleIcon, {
|
|
55091
55098
|
color: color,
|
|
55092
55099
|
width: "40",
|
|
55093
55100
|
height: "40"
|