sag_components 2.0.0-beta208 → 2.0.0-beta209
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.js
CHANGED
|
@@ -10590,24 +10590,23 @@ const QuarterPopupPicker = ({
|
|
|
10590
10590
|
};
|
|
10591
10591
|
|
|
10592
10592
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
10593
|
-
const QuarterPicker =
|
|
10594
|
-
|
|
10595
|
-
|
|
10596
|
-
|
|
10597
|
-
|
|
10598
|
-
|
|
10599
|
-
|
|
10600
|
-
|
|
10601
|
-
|
|
10602
|
-
|
|
10603
|
-
|
|
10604
|
-
|
|
10605
|
-
|
|
10606
|
-
|
|
10607
|
-
|
|
10608
|
-
|
|
10609
|
-
|
|
10610
|
-
} = _ref;
|
|
10593
|
+
const QuarterPicker = ({
|
|
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
|
+
}) => {
|
|
10611
10610
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
10612
10611
|
const [isOpen, setIsOpen] = React$1.useState(false);
|
|
10613
10612
|
const [value, setValue] = React$1.useState('');
|
|
@@ -11049,23 +11048,22 @@ const MonthPopupPicker = ({
|
|
|
11049
11048
|
};
|
|
11050
11049
|
|
|
11051
11050
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
11052
|
-
const MonthPicker =
|
|
11053
|
-
|
|
11054
|
-
|
|
11055
|
-
|
|
11056
|
-
|
|
11057
|
-
|
|
11058
|
-
|
|
11059
|
-
|
|
11060
|
-
|
|
11061
|
-
|
|
11062
|
-
|
|
11063
|
-
|
|
11064
|
-
|
|
11065
|
-
|
|
11066
|
-
|
|
11067
|
-
|
|
11068
|
-
} = _ref;
|
|
11051
|
+
const MonthPicker = ({
|
|
11052
|
+
availableMonths,
|
|
11053
|
+
label,
|
|
11054
|
+
onChange,
|
|
11055
|
+
borderRadius,
|
|
11056
|
+
required,
|
|
11057
|
+
width,
|
|
11058
|
+
height,
|
|
11059
|
+
placeholder,
|
|
11060
|
+
disabled,
|
|
11061
|
+
borderColor,
|
|
11062
|
+
borderColorFocus,
|
|
11063
|
+
textColor,
|
|
11064
|
+
selectedValue,
|
|
11065
|
+
startYear
|
|
11066
|
+
}) => {
|
|
11069
11067
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
11070
11068
|
const [isOpen, setIsOpen] = React$1.useState(false);
|
|
11071
11069
|
const [value, setValue] = React$1.useState('');
|
|
@@ -24176,22 +24174,21 @@ const DeleteIcon = styled__default["default"].div`
|
|
|
24176
24174
|
position: absolute;
|
|
24177
24175
|
`;
|
|
24178
24176
|
|
|
24179
|
-
const QuickFilterDropdownSingle =
|
|
24180
|
-
|
|
24181
|
-
|
|
24182
|
-
|
|
24183
|
-
|
|
24184
|
-
|
|
24185
|
-
|
|
24186
|
-
|
|
24187
|
-
|
|
24188
|
-
|
|
24189
|
-
|
|
24190
|
-
|
|
24191
|
-
|
|
24192
|
-
|
|
24193
|
-
|
|
24194
|
-
} = _ref;
|
|
24177
|
+
const QuickFilterDropdownSingle = ({
|
|
24178
|
+
label,
|
|
24179
|
+
hoverColor,
|
|
24180
|
+
options,
|
|
24181
|
+
selectedValue,
|
|
24182
|
+
placeHolder,
|
|
24183
|
+
onChange,
|
|
24184
|
+
disabled,
|
|
24185
|
+
width,
|
|
24186
|
+
error,
|
|
24187
|
+
errorMessage,
|
|
24188
|
+
xIconShow,
|
|
24189
|
+
labelColor,
|
|
24190
|
+
showLabelOnTop
|
|
24191
|
+
}) => {
|
|
24195
24192
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
24196
24193
|
const [showOptions, setShowOptions] = React$1.useState(false);
|
|
24197
24194
|
const [inputValue, setInputValue] = React$1.useState("");
|
|
@@ -24588,24 +24585,23 @@ const IconContainer$2 = styled__default["default"].div`
|
|
|
24588
24585
|
cursor: pointer;
|
|
24589
24586
|
`;
|
|
24590
24587
|
|
|
24591
|
-
const QuickFilterDropdownMultiSelection =
|
|
24592
|
-
|
|
24593
|
-
|
|
24594
|
-
|
|
24595
|
-
|
|
24596
|
-
|
|
24597
|
-
|
|
24598
|
-
|
|
24599
|
-
|
|
24600
|
-
|
|
24601
|
-
|
|
24602
|
-
|
|
24603
|
-
|
|
24604
|
-
|
|
24605
|
-
|
|
24606
|
-
|
|
24607
|
-
|
|
24608
|
-
} = _ref;
|
|
24588
|
+
const QuickFilterDropdownMultiSelection = ({
|
|
24589
|
+
label,
|
|
24590
|
+
labelEmptyValue,
|
|
24591
|
+
options,
|
|
24592
|
+
selectedValue,
|
|
24593
|
+
placeHolder,
|
|
24594
|
+
onChange,
|
|
24595
|
+
required,
|
|
24596
|
+
disabled,
|
|
24597
|
+
width,
|
|
24598
|
+
error,
|
|
24599
|
+
errorMessage,
|
|
24600
|
+
labelColor,
|
|
24601
|
+
xIconShow,
|
|
24602
|
+
checkBoxColor,
|
|
24603
|
+
showLabelOnTop
|
|
24604
|
+
}) => {
|
|
24609
24605
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
24610
24606
|
const [showOptions, setShowOptions] = React$1.useState(false);
|
|
24611
24607
|
const [inputValue, setInputValue] = React$1.useState('');
|
|
@@ -35981,12 +35977,9 @@ const ToggleSwitchLabel = styled__default["default"].label`
|
|
|
35981
35977
|
position: relative;
|
|
35982
35978
|
cursor: pointer;
|
|
35983
35979
|
user-select: none;
|
|
35984
|
-
opacity: ${
|
|
35985
|
-
|
|
35986
|
-
|
|
35987
|
-
} = _ref;
|
|
35988
|
-
return disabled ? 0.5 : 1;
|
|
35989
|
-
}};
|
|
35980
|
+
opacity: ${({
|
|
35981
|
+
disabled
|
|
35982
|
+
}) => disabled ? 0.5 : 1};
|
|
35990
35983
|
`;
|
|
35991
35984
|
const ToggleInput = styled__default["default"].input`
|
|
35992
35985
|
display: none;
|
|
@@ -35994,19 +35987,15 @@ const ToggleInput = styled__default["default"].input`
|
|
|
35994
35987
|
const ToggleSlider = styled__default["default"].span`
|
|
35995
35988
|
display: block;
|
|
35996
35989
|
position: relative;
|
|
35997
|
-
background: ${
|
|
35998
|
-
|
|
35999
|
-
|
|
36000
|
-
|
|
36001
|
-
} = _ref2;
|
|
36002
|
-
return checked ? disabled ? "#7bb1b0" : "#006d6a" : "#cfd8dc";
|
|
36003
|
-
}};
|
|
35990
|
+
background: ${({
|
|
35991
|
+
checked,
|
|
35992
|
+
disabled
|
|
35993
|
+
}) => checked ? disabled ? "#7bb1b0" : "#006d6a" : "#cfd8dc"};
|
|
36004
35994
|
border-radius: 999px;
|
|
36005
35995
|
transition: background 0.2s;
|
|
36006
|
-
${
|
|
36007
|
-
|
|
36008
|
-
|
|
36009
|
-
} = _ref3;
|
|
35996
|
+
${({
|
|
35997
|
+
size
|
|
35998
|
+
}) => {
|
|
36010
35999
|
switch (size) {
|
|
36011
36000
|
case "s":
|
|
36012
36001
|
return styled.css`width: 40px; height: 20px;`;
|
|
@@ -36025,10 +36014,9 @@ const ToggleSlider = styled__default["default"].span`
|
|
|
36025
36014
|
background: #fff;
|
|
36026
36015
|
border-radius: 50%;
|
|
36027
36016
|
transition: left 0.2s, width 0.2s, height 0.2s;
|
|
36028
|
-
${
|
|
36029
|
-
|
|
36030
|
-
|
|
36031
|
-
} = _ref4;
|
|
36017
|
+
${({
|
|
36018
|
+
size
|
|
36019
|
+
}) => {
|
|
36032
36020
|
switch (size) {
|
|
36033
36021
|
case "s":
|
|
36034
36022
|
return styled.css`width: 14px; height: 14px;`;
|
|
@@ -36038,11 +36026,10 @@ const ToggleSlider = styled__default["default"].span`
|
|
|
36038
36026
|
return styled.css`width: 20px; height: 20px;`;
|
|
36039
36027
|
}
|
|
36040
36028
|
}}
|
|
36041
|
-
left: ${
|
|
36042
|
-
|
|
36043
|
-
|
|
36044
|
-
|
|
36045
|
-
} = _ref5;
|
|
36029
|
+
left: ${({
|
|
36030
|
+
checked,
|
|
36031
|
+
size
|
|
36032
|
+
}) => {
|
|
36046
36033
|
if (!checked) return "3px";
|
|
36047
36034
|
switch (size) {
|
|
36048
36035
|
case "s":
|
|
@@ -36056,9 +36043,9 @@ const ToggleSlider = styled__default["default"].span`
|
|
|
36056
36043
|
}
|
|
36057
36044
|
`;
|
|
36058
36045
|
|
|
36059
|
-
/**
|
|
36060
|
-
* ToggleSwitch component for on/off states.
|
|
36061
|
-
* Supports small/large sizes and disabled state.
|
|
36046
|
+
/**
|
|
36047
|
+
* ToggleSwitch component for on/off states.
|
|
36048
|
+
* Supports small/large sizes and disabled state.
|
|
36062
36049
|
*/
|
|
36063
36050
|
function ToggleSwitch(_ref) {
|
|
36064
36051
|
let {
|
|
@@ -55318,7 +55305,7 @@ const ToasterMessageBox = _ref => {
|
|
|
55318
55305
|
linkText = '',
|
|
55319
55306
|
duration = 5,
|
|
55320
55307
|
width = '500px',
|
|
55321
|
-
icon =
|
|
55308
|
+
icon = 'ok',
|
|
55322
55309
|
onLinkClick = () => {},
|
|
55323
55310
|
onClose = () => {}
|
|
55324
55311
|
} = _ref;
|