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.js
CHANGED
|
@@ -10590,23 +10590,24 @@ 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
|
-
|
|
10593
|
+
const QuarterPicker = _ref => {
|
|
10594
|
+
let {
|
|
10595
|
+
availableQuarters,
|
|
10596
|
+
// ["Q1-2024"]
|
|
10597
|
+
label,
|
|
10598
|
+
onChange,
|
|
10599
|
+
borderRadius,
|
|
10600
|
+
required,
|
|
10601
|
+
width,
|
|
10602
|
+
height,
|
|
10603
|
+
placeholder,
|
|
10604
|
+
disabled,
|
|
10605
|
+
borderColor,
|
|
10606
|
+
borderColorFocus,
|
|
10607
|
+
textColor,
|
|
10608
|
+
selectedValue,
|
|
10609
|
+
startYear
|
|
10610
|
+
} = _ref;
|
|
10610
10611
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
10611
10612
|
const [isOpen, setIsOpen] = React$1.useState(false);
|
|
10612
10613
|
const [value, setValue] = React$1.useState('');
|
|
@@ -11048,22 +11049,23 @@ const MonthPopupPicker = ({
|
|
|
11048
11049
|
};
|
|
11049
11050
|
|
|
11050
11051
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
11051
|
-
const MonthPicker =
|
|
11052
|
-
|
|
11053
|
-
|
|
11054
|
-
|
|
11055
|
-
|
|
11056
|
-
|
|
11057
|
-
|
|
11058
|
-
|
|
11059
|
-
|
|
11060
|
-
|
|
11061
|
-
|
|
11062
|
-
|
|
11063
|
-
|
|
11064
|
-
|
|
11065
|
-
|
|
11066
|
-
|
|
11052
|
+
const MonthPicker = _ref => {
|
|
11053
|
+
let {
|
|
11054
|
+
availableMonths,
|
|
11055
|
+
label,
|
|
11056
|
+
onChange,
|
|
11057
|
+
borderRadius,
|
|
11058
|
+
required,
|
|
11059
|
+
width,
|
|
11060
|
+
height,
|
|
11061
|
+
placeholder,
|
|
11062
|
+
disabled,
|
|
11063
|
+
borderColor,
|
|
11064
|
+
borderColorFocus,
|
|
11065
|
+
textColor,
|
|
11066
|
+
selectedValue,
|
|
11067
|
+
startYear
|
|
11068
|
+
} = _ref;
|
|
11067
11069
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
11068
11070
|
const [isOpen, setIsOpen] = React$1.useState(false);
|
|
11069
11071
|
const [value, setValue] = React$1.useState('');
|
|
@@ -12263,13 +12265,16 @@ const Td$1 = styled__default["default"].td`
|
|
|
12263
12265
|
`;
|
|
12264
12266
|
const Tr = styled__default["default"].tr`
|
|
12265
12267
|
border-bottom: 1px solid #f3f4f6;
|
|
12266
|
-
${
|
|
12267
|
-
|
|
12268
|
-
|
|
12269
|
-
|
|
12268
|
+
${_ref => {
|
|
12269
|
+
let {
|
|
12270
|
+
enableHover,
|
|
12271
|
+
selectHoverColor
|
|
12272
|
+
} = _ref;
|
|
12273
|
+
return enableHover && `&:hover {
|
|
12270
12274
|
background-color: ${selectHoverColor};
|
|
12271
12275
|
cursor: pointer;
|
|
12272
|
-
}
|
|
12276
|
+
}`;
|
|
12277
|
+
}}
|
|
12273
12278
|
`;
|
|
12274
12279
|
const InfoText = styled__default["default"].div`
|
|
12275
12280
|
font-weight: 400;
|
|
@@ -24171,21 +24176,22 @@ const DeleteIcon = styled__default["default"].div`
|
|
|
24171
24176
|
position: absolute;
|
|
24172
24177
|
`;
|
|
24173
24178
|
|
|
24174
|
-
const QuickFilterDropdownSingle =
|
|
24175
|
-
|
|
24176
|
-
|
|
24177
|
-
|
|
24178
|
-
|
|
24179
|
-
|
|
24180
|
-
|
|
24181
|
-
|
|
24182
|
-
|
|
24183
|
-
|
|
24184
|
-
|
|
24185
|
-
|
|
24186
|
-
|
|
24187
|
-
|
|
24188
|
-
|
|
24179
|
+
const QuickFilterDropdownSingle = _ref => {
|
|
24180
|
+
let {
|
|
24181
|
+
label,
|
|
24182
|
+
hoverColor,
|
|
24183
|
+
options,
|
|
24184
|
+
selectedValue,
|
|
24185
|
+
placeHolder,
|
|
24186
|
+
onChange,
|
|
24187
|
+
disabled,
|
|
24188
|
+
width,
|
|
24189
|
+
error,
|
|
24190
|
+
errorMessage,
|
|
24191
|
+
xIconShow,
|
|
24192
|
+
labelColor,
|
|
24193
|
+
showLabelOnTop
|
|
24194
|
+
} = _ref;
|
|
24189
24195
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
24190
24196
|
const [showOptions, setShowOptions] = React$1.useState(false);
|
|
24191
24197
|
const [inputValue, setInputValue] = React$1.useState("");
|
|
@@ -24582,23 +24588,24 @@ const IconContainer$2 = styled__default["default"].div`
|
|
|
24582
24588
|
cursor: pointer;
|
|
24583
24589
|
`;
|
|
24584
24590
|
|
|
24585
|
-
const QuickFilterDropdownMultiSelection =
|
|
24586
|
-
|
|
24587
|
-
|
|
24588
|
-
|
|
24589
|
-
|
|
24590
|
-
|
|
24591
|
-
|
|
24592
|
-
|
|
24593
|
-
|
|
24594
|
-
|
|
24595
|
-
|
|
24596
|
-
|
|
24597
|
-
|
|
24598
|
-
|
|
24599
|
-
|
|
24600
|
-
|
|
24601
|
-
|
|
24591
|
+
const QuickFilterDropdownMultiSelection = _ref => {
|
|
24592
|
+
let {
|
|
24593
|
+
label,
|
|
24594
|
+
labelEmptyValue,
|
|
24595
|
+
options,
|
|
24596
|
+
selectedValue,
|
|
24597
|
+
placeHolder,
|
|
24598
|
+
onChange,
|
|
24599
|
+
required,
|
|
24600
|
+
disabled,
|
|
24601
|
+
width,
|
|
24602
|
+
error,
|
|
24603
|
+
errorMessage,
|
|
24604
|
+
labelColor,
|
|
24605
|
+
xIconShow,
|
|
24606
|
+
checkBoxColor,
|
|
24607
|
+
showLabelOnTop
|
|
24608
|
+
} = _ref;
|
|
24602
24609
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
24603
24610
|
const [showOptions, setShowOptions] = React$1.useState(false);
|
|
24604
24611
|
const [inputValue, setInputValue] = React$1.useState('');
|