sag_components 2.0.0-beta206 → 2.0.0-beta207
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 +74 -70
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +74 -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('');
|
|
@@ -24174,21 +24176,22 @@ const DeleteIcon = styled__default["default"].div`
|
|
|
24174
24176
|
position: absolute;
|
|
24175
24177
|
`;
|
|
24176
24178
|
|
|
24177
|
-
const QuickFilterDropdownSingle =
|
|
24178
|
-
|
|
24179
|
-
|
|
24180
|
-
|
|
24181
|
-
|
|
24182
|
-
|
|
24183
|
-
|
|
24184
|
-
|
|
24185
|
-
|
|
24186
|
-
|
|
24187
|
-
|
|
24188
|
-
|
|
24189
|
-
|
|
24190
|
-
|
|
24191
|
-
|
|
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;
|
|
24192
24195
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
24193
24196
|
const [showOptions, setShowOptions] = React$1.useState(false);
|
|
24194
24197
|
const [inputValue, setInputValue] = React$1.useState("");
|
|
@@ -24585,23 +24588,24 @@ const IconContainer$2 = styled__default["default"].div`
|
|
|
24585
24588
|
cursor: pointer;
|
|
24586
24589
|
`;
|
|
24587
24590
|
|
|
24588
|
-
const QuickFilterDropdownMultiSelection =
|
|
24589
|
-
|
|
24590
|
-
|
|
24591
|
-
|
|
24592
|
-
|
|
24593
|
-
|
|
24594
|
-
|
|
24595
|
-
|
|
24596
|
-
|
|
24597
|
-
|
|
24598
|
-
|
|
24599
|
-
|
|
24600
|
-
|
|
24601
|
-
|
|
24602
|
-
|
|
24603
|
-
|
|
24604
|
-
|
|
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;
|
|
24605
24609
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
24606
24610
|
const [showOptions, setShowOptions] = React$1.useState(false);
|
|
24607
24611
|
const [inputValue, setInputValue] = React$1.useState('');
|
|
@@ -36043,9 +36047,9 @@ const ToggleSlider = styled__default["default"].span`
|
|
|
36043
36047
|
}
|
|
36044
36048
|
`;
|
|
36045
36049
|
|
|
36046
|
-
/**
|
|
36047
|
-
* ToggleSwitch component for on/off states.
|
|
36048
|
-
* Supports small/large sizes and disabled state.
|
|
36050
|
+
/**
|
|
36051
|
+
* ToggleSwitch component for on/off states.
|
|
36052
|
+
* Supports small/large sizes and disabled state.
|
|
36049
36053
|
*/
|
|
36050
36054
|
function ToggleSwitch(_ref) {
|
|
36051
36055
|
let {
|
|
@@ -38756,7 +38760,7 @@ const TableHeader = ({
|
|
|
38756
38760
|
type: "checkbox",
|
|
38757
38761
|
onChange: e => handleCheckboxChange(column.key, e.target.checked),
|
|
38758
38762
|
"data-column": column.key
|
|
38759
|
-
}), column.fieldType?.toLowerCase() === 'checkbox' && column.showCheckboxInTitle
|
|
38763
|
+
}), column.fieldType?.toLowerCase() === 'checkbox' && column.showCheckboxInTitle === true && /*#__PURE__*/React__default["default"].createElement(ColumnCheckbox, {
|
|
38760
38764
|
type: "checkbox",
|
|
38761
38765
|
checked: headerCheckboxStates[column.key] || false,
|
|
38762
38766
|
onChange: e => handleHeaderCheckboxClick(column.key, e),
|
|
@@ -38773,7 +38777,7 @@ const TableHeader = ({
|
|
|
38773
38777
|
alignItems: 'center',
|
|
38774
38778
|
justifyContent: 'center'
|
|
38775
38779
|
}
|
|
38776
|
-
}), column.
|
|
38780
|
+
}), column.title && /*#__PURE__*/React__default["default"].createElement(ColumnLabel, null, column.title), (column.filter || column.sort) && /*#__PURE__*/React__default["default"].createElement(ColumnActions, null, column.sort && /*#__PURE__*/React__default["default"].createElement(IconButton, {
|
|
38777
38781
|
ref: el => iconRefs.current[`sort-${column.key}`] = el,
|
|
38778
38782
|
onClick: () => handleSort(column.key),
|
|
38779
38783
|
onMouseEnter: () => setFocusedSort(column.key),
|