sag_components 2.0.0-beta201 → 2.0.0-beta202
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 +77 -70
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +77 -70
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -10580,23 +10580,24 @@ const QuarterPopupPicker = ({
|
|
|
10580
10580
|
};
|
|
10581
10581
|
|
|
10582
10582
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
10583
|
-
const QuarterPicker =
|
|
10584
|
-
|
|
10585
|
-
|
|
10586
|
-
|
|
10587
|
-
|
|
10588
|
-
|
|
10589
|
-
|
|
10590
|
-
|
|
10591
|
-
|
|
10592
|
-
|
|
10593
|
-
|
|
10594
|
-
|
|
10595
|
-
|
|
10596
|
-
|
|
10597
|
-
|
|
10598
|
-
|
|
10599
|
-
|
|
10583
|
+
const QuarterPicker = _ref => {
|
|
10584
|
+
let {
|
|
10585
|
+
availableQuarters,
|
|
10586
|
+
// ["Q1-2024"]
|
|
10587
|
+
label,
|
|
10588
|
+
onChange,
|
|
10589
|
+
borderRadius,
|
|
10590
|
+
required,
|
|
10591
|
+
width,
|
|
10592
|
+
height,
|
|
10593
|
+
placeholder,
|
|
10594
|
+
disabled,
|
|
10595
|
+
borderColor,
|
|
10596
|
+
borderColorFocus,
|
|
10597
|
+
textColor,
|
|
10598
|
+
selectedValue,
|
|
10599
|
+
startYear
|
|
10600
|
+
} = _ref;
|
|
10600
10601
|
const [isFocused, setIsFocused] = useState(false);
|
|
10601
10602
|
const [isOpen, setIsOpen] = useState(false);
|
|
10602
10603
|
const [value, setValue] = useState('');
|
|
@@ -11038,22 +11039,23 @@ const MonthPopupPicker = ({
|
|
|
11038
11039
|
};
|
|
11039
11040
|
|
|
11040
11041
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
11041
|
-
const MonthPicker =
|
|
11042
|
-
|
|
11043
|
-
|
|
11044
|
-
|
|
11045
|
-
|
|
11046
|
-
|
|
11047
|
-
|
|
11048
|
-
|
|
11049
|
-
|
|
11050
|
-
|
|
11051
|
-
|
|
11052
|
-
|
|
11053
|
-
|
|
11054
|
-
|
|
11055
|
-
|
|
11056
|
-
|
|
11042
|
+
const MonthPicker = _ref => {
|
|
11043
|
+
let {
|
|
11044
|
+
availableMonths,
|
|
11045
|
+
label,
|
|
11046
|
+
onChange,
|
|
11047
|
+
borderRadius,
|
|
11048
|
+
required,
|
|
11049
|
+
width,
|
|
11050
|
+
height,
|
|
11051
|
+
placeholder,
|
|
11052
|
+
disabled,
|
|
11053
|
+
borderColor,
|
|
11054
|
+
borderColorFocus,
|
|
11055
|
+
textColor,
|
|
11056
|
+
selectedValue,
|
|
11057
|
+
startYear
|
|
11058
|
+
} = _ref;
|
|
11057
11059
|
const [isFocused, setIsFocused] = useState(false);
|
|
11058
11060
|
const [isOpen, setIsOpen] = useState(false);
|
|
11059
11061
|
const [value, setValue] = useState('');
|
|
@@ -12253,13 +12255,16 @@ const Td$1 = styled.td`
|
|
|
12253
12255
|
`;
|
|
12254
12256
|
const Tr = styled.tr`
|
|
12255
12257
|
border-bottom: 1px solid #f3f4f6;
|
|
12256
|
-
${
|
|
12257
|
-
|
|
12258
|
-
|
|
12259
|
-
|
|
12258
|
+
${_ref => {
|
|
12259
|
+
let {
|
|
12260
|
+
enableHover,
|
|
12261
|
+
selectHoverColor
|
|
12262
|
+
} = _ref;
|
|
12263
|
+
return enableHover && `&:hover {
|
|
12260
12264
|
background-color: ${selectHoverColor};
|
|
12261
12265
|
cursor: pointer;
|
|
12262
|
-
}
|
|
12266
|
+
}`;
|
|
12267
|
+
}}
|
|
12263
12268
|
`;
|
|
12264
12269
|
const InfoText = styled.div`
|
|
12265
12270
|
font-weight: 400;
|
|
@@ -24161,21 +24166,22 @@ const DeleteIcon = styled.div`
|
|
|
24161
24166
|
position: absolute;
|
|
24162
24167
|
`;
|
|
24163
24168
|
|
|
24164
|
-
const QuickFilterDropdownSingle =
|
|
24165
|
-
|
|
24166
|
-
|
|
24167
|
-
|
|
24168
|
-
|
|
24169
|
-
|
|
24170
|
-
|
|
24171
|
-
|
|
24172
|
-
|
|
24173
|
-
|
|
24174
|
-
|
|
24175
|
-
|
|
24176
|
-
|
|
24177
|
-
|
|
24178
|
-
|
|
24169
|
+
const QuickFilterDropdownSingle = _ref => {
|
|
24170
|
+
let {
|
|
24171
|
+
label,
|
|
24172
|
+
hoverColor,
|
|
24173
|
+
options,
|
|
24174
|
+
selectedValue,
|
|
24175
|
+
placeHolder,
|
|
24176
|
+
onChange,
|
|
24177
|
+
disabled,
|
|
24178
|
+
width,
|
|
24179
|
+
error,
|
|
24180
|
+
errorMessage,
|
|
24181
|
+
xIconShow,
|
|
24182
|
+
labelColor,
|
|
24183
|
+
showLabelOnTop
|
|
24184
|
+
} = _ref;
|
|
24179
24185
|
const [isFocused, setIsFocused] = useState(false);
|
|
24180
24186
|
const [showOptions, setShowOptions] = useState(false);
|
|
24181
24187
|
const [inputValue, setInputValue] = useState("");
|
|
@@ -24572,23 +24578,24 @@ const IconContainer$2 = styled.div`
|
|
|
24572
24578
|
cursor: pointer;
|
|
24573
24579
|
`;
|
|
24574
24580
|
|
|
24575
|
-
const QuickFilterDropdownMultiSelection =
|
|
24576
|
-
|
|
24577
|
-
|
|
24578
|
-
|
|
24579
|
-
|
|
24580
|
-
|
|
24581
|
-
|
|
24582
|
-
|
|
24583
|
-
|
|
24584
|
-
|
|
24585
|
-
|
|
24586
|
-
|
|
24587
|
-
|
|
24588
|
-
|
|
24589
|
-
|
|
24590
|
-
|
|
24591
|
-
|
|
24581
|
+
const QuickFilterDropdownMultiSelection = _ref => {
|
|
24582
|
+
let {
|
|
24583
|
+
label,
|
|
24584
|
+
labelEmptyValue,
|
|
24585
|
+
options,
|
|
24586
|
+
selectedValue,
|
|
24587
|
+
placeHolder,
|
|
24588
|
+
onChange,
|
|
24589
|
+
required,
|
|
24590
|
+
disabled,
|
|
24591
|
+
width,
|
|
24592
|
+
error,
|
|
24593
|
+
errorMessage,
|
|
24594
|
+
labelColor,
|
|
24595
|
+
xIconShow,
|
|
24596
|
+
checkBoxColor,
|
|
24597
|
+
showLabelOnTop
|
|
24598
|
+
} = _ref;
|
|
24592
24599
|
const [isFocused, setIsFocused] = useState(false);
|
|
24593
24600
|
const [showOptions, setShowOptions] = useState(false);
|
|
24594
24601
|
const [inputValue, setInputValue] = useState('');
|