sag_components 2.0.0-beta239 → 2.0.0-beta240
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.esm.js +75 -71
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +75 -71
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -10591,23 +10591,24 @@ const QuarterPopupPicker = ({
|
|
|
10591
10591
|
};
|
|
10592
10592
|
|
|
10593
10593
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
10594
|
-
const QuarterPicker =
|
|
10595
|
-
|
|
10596
|
-
|
|
10597
|
-
|
|
10598
|
-
|
|
10599
|
-
|
|
10600
|
-
|
|
10601
|
-
|
|
10602
|
-
|
|
10603
|
-
|
|
10604
|
-
|
|
10605
|
-
|
|
10606
|
-
|
|
10607
|
-
|
|
10608
|
-
|
|
10609
|
-
|
|
10610
|
-
|
|
10594
|
+
const QuarterPicker = _ref => {
|
|
10595
|
+
let {
|
|
10596
|
+
availableQuarters,
|
|
10597
|
+
// ["Q1-2024"]
|
|
10598
|
+
label,
|
|
10599
|
+
onChange,
|
|
10600
|
+
borderRadius,
|
|
10601
|
+
required,
|
|
10602
|
+
width,
|
|
10603
|
+
height,
|
|
10604
|
+
placeholder,
|
|
10605
|
+
disabled,
|
|
10606
|
+
borderColor,
|
|
10607
|
+
borderColorFocus,
|
|
10608
|
+
textColor,
|
|
10609
|
+
selectedValue,
|
|
10610
|
+
startYear
|
|
10611
|
+
} = _ref;
|
|
10611
10612
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
10612
10613
|
const [isOpen, setIsOpen] = React$1.useState(false);
|
|
10613
10614
|
const [value, setValue] = React$1.useState('');
|
|
@@ -11049,22 +11050,23 @@ const MonthPopupPicker = ({
|
|
|
11049
11050
|
};
|
|
11050
11051
|
|
|
11051
11052
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
11052
|
-
const MonthPicker =
|
|
11053
|
-
|
|
11054
|
-
|
|
11055
|
-
|
|
11056
|
-
|
|
11057
|
-
|
|
11058
|
-
|
|
11059
|
-
|
|
11060
|
-
|
|
11061
|
-
|
|
11062
|
-
|
|
11063
|
-
|
|
11064
|
-
|
|
11065
|
-
|
|
11066
|
-
|
|
11067
|
-
|
|
11053
|
+
const MonthPicker = _ref => {
|
|
11054
|
+
let {
|
|
11055
|
+
availableMonths,
|
|
11056
|
+
label,
|
|
11057
|
+
onChange,
|
|
11058
|
+
borderRadius,
|
|
11059
|
+
required,
|
|
11060
|
+
width,
|
|
11061
|
+
height,
|
|
11062
|
+
placeholder,
|
|
11063
|
+
disabled,
|
|
11064
|
+
borderColor,
|
|
11065
|
+
borderColorFocus,
|
|
11066
|
+
textColor,
|
|
11067
|
+
selectedValue,
|
|
11068
|
+
startYear
|
|
11069
|
+
} = _ref;
|
|
11068
11070
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
11069
11071
|
const [isOpen, setIsOpen] = React$1.useState(false);
|
|
11070
11072
|
const [value, setValue] = React$1.useState('');
|
|
@@ -24175,21 +24177,22 @@ const DeleteIcon = styled__default["default"].div`
|
|
|
24175
24177
|
position: absolute;
|
|
24176
24178
|
`;
|
|
24177
24179
|
|
|
24178
|
-
const QuickFilterDropdownSingle =
|
|
24179
|
-
|
|
24180
|
-
|
|
24181
|
-
|
|
24182
|
-
|
|
24183
|
-
|
|
24184
|
-
|
|
24185
|
-
|
|
24186
|
-
|
|
24187
|
-
|
|
24188
|
-
|
|
24189
|
-
|
|
24190
|
-
|
|
24191
|
-
|
|
24192
|
-
|
|
24180
|
+
const QuickFilterDropdownSingle = _ref => {
|
|
24181
|
+
let {
|
|
24182
|
+
label,
|
|
24183
|
+
hoverColor,
|
|
24184
|
+
options,
|
|
24185
|
+
selectedValue,
|
|
24186
|
+
placeHolder,
|
|
24187
|
+
onChange,
|
|
24188
|
+
disabled,
|
|
24189
|
+
width,
|
|
24190
|
+
error,
|
|
24191
|
+
errorMessage,
|
|
24192
|
+
xIconShow,
|
|
24193
|
+
labelColor,
|
|
24194
|
+
showLabelOnTop
|
|
24195
|
+
} = _ref;
|
|
24193
24196
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
24194
24197
|
const [showOptions, setShowOptions] = React$1.useState(false);
|
|
24195
24198
|
const [inputValue, setInputValue] = React$1.useState("");
|
|
@@ -24646,25 +24649,26 @@ const IconContainer$2 = styled__default["default"].div`
|
|
|
24646
24649
|
cursor: pointer;
|
|
24647
24650
|
`;
|
|
24648
24651
|
|
|
24649
|
-
const QuickFilterDropdownMultiSelection =
|
|
24650
|
-
|
|
24651
|
-
|
|
24652
|
-
|
|
24653
|
-
|
|
24654
|
-
|
|
24655
|
-
|
|
24656
|
-
|
|
24657
|
-
|
|
24658
|
-
|
|
24659
|
-
|
|
24660
|
-
|
|
24661
|
-
|
|
24662
|
-
|
|
24663
|
-
|
|
24664
|
-
|
|
24665
|
-
|
|
24666
|
-
|
|
24667
|
-
|
|
24652
|
+
const QuickFilterDropdownMultiSelection = _ref => {
|
|
24653
|
+
let {
|
|
24654
|
+
label,
|
|
24655
|
+
labelEmptyValue,
|
|
24656
|
+
options,
|
|
24657
|
+
selectedValue,
|
|
24658
|
+
placeHolder,
|
|
24659
|
+
onChange,
|
|
24660
|
+
required,
|
|
24661
|
+
disabled,
|
|
24662
|
+
width,
|
|
24663
|
+
height,
|
|
24664
|
+
error,
|
|
24665
|
+
errorMessage,
|
|
24666
|
+
labelColor,
|
|
24667
|
+
xIconShow,
|
|
24668
|
+
checkBoxColor,
|
|
24669
|
+
showLabelOnTop,
|
|
24670
|
+
dropdownHeight
|
|
24671
|
+
} = _ref;
|
|
24668
24672
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
24669
24673
|
const [showOptions, setShowOptions] = React$1.useState(false);
|
|
24670
24674
|
const [inputValue, setInputValue] = React$1.useState('');
|
|
@@ -34478,7 +34482,7 @@ const ProgressBarContainer = styled__default["default"].div`
|
|
|
34478
34482
|
margin: 5px 0;
|
|
34479
34483
|
`;
|
|
34480
34484
|
const ProgressBarFiller = styled__default["default"].div`
|
|
34481
|
-
background
|
|
34485
|
+
background: ${props => props.color};
|
|
34482
34486
|
height: 100%;
|
|
34483
34487
|
text-align: center;
|
|
34484
34488
|
border-radius: 12px;
|
|
@@ -36162,9 +36166,9 @@ const ToggleSlider = styled__default["default"].span`
|
|
|
36162
36166
|
}
|
|
36163
36167
|
`;
|
|
36164
36168
|
|
|
36165
|
-
/**
|
|
36166
|
-
* ToggleSwitch component for on/off states.
|
|
36167
|
-
* Supports small/large sizes and disabled state.
|
|
36169
|
+
/**
|
|
36170
|
+
* ToggleSwitch component for on/off states.
|
|
36171
|
+
* Supports small/large sizes and disabled state.
|
|
36168
36172
|
*/
|
|
36169
36173
|
function ToggleSwitch(_ref) {
|
|
36170
36174
|
let {
|