sag_components 2.0.0-beta295 → 2.0.0-beta297
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 +88 -83
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +88 -83
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -10600,23 +10600,24 @@ const QuarterPopupPicker = ({
|
|
|
10600
10600
|
};
|
|
10601
10601
|
|
|
10602
10602
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
10603
|
-
const QuarterPicker =
|
|
10604
|
-
|
|
10605
|
-
|
|
10606
|
-
|
|
10607
|
-
|
|
10608
|
-
|
|
10609
|
-
|
|
10610
|
-
|
|
10611
|
-
|
|
10612
|
-
|
|
10613
|
-
|
|
10614
|
-
|
|
10615
|
-
|
|
10616
|
-
|
|
10617
|
-
|
|
10618
|
-
|
|
10619
|
-
|
|
10603
|
+
const QuarterPicker = _ref => {
|
|
10604
|
+
let {
|
|
10605
|
+
availableQuarters,
|
|
10606
|
+
// ["Q1-2024"]
|
|
10607
|
+
label,
|
|
10608
|
+
onChange,
|
|
10609
|
+
borderRadius,
|
|
10610
|
+
required,
|
|
10611
|
+
width,
|
|
10612
|
+
height,
|
|
10613
|
+
placeholder,
|
|
10614
|
+
disabled,
|
|
10615
|
+
borderColor,
|
|
10616
|
+
borderColorFocus,
|
|
10617
|
+
textColor,
|
|
10618
|
+
selectedValue,
|
|
10619
|
+
startYear
|
|
10620
|
+
} = _ref;
|
|
10620
10621
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
10621
10622
|
const [isOpen, setIsOpen] = React$1.useState(false);
|
|
10622
10623
|
const [value, setValue] = React$1.useState('');
|
|
@@ -11058,22 +11059,23 @@ const MonthPopupPicker = ({
|
|
|
11058
11059
|
};
|
|
11059
11060
|
|
|
11060
11061
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
11061
|
-
const MonthPicker =
|
|
11062
|
-
|
|
11063
|
-
|
|
11064
|
-
|
|
11065
|
-
|
|
11066
|
-
|
|
11067
|
-
|
|
11068
|
-
|
|
11069
|
-
|
|
11070
|
-
|
|
11071
|
-
|
|
11072
|
-
|
|
11073
|
-
|
|
11074
|
-
|
|
11075
|
-
|
|
11076
|
-
|
|
11062
|
+
const MonthPicker = _ref => {
|
|
11063
|
+
let {
|
|
11064
|
+
availableMonths,
|
|
11065
|
+
label,
|
|
11066
|
+
onChange,
|
|
11067
|
+
borderRadius,
|
|
11068
|
+
required,
|
|
11069
|
+
width,
|
|
11070
|
+
height,
|
|
11071
|
+
placeholder,
|
|
11072
|
+
disabled,
|
|
11073
|
+
borderColor,
|
|
11074
|
+
borderColorFocus,
|
|
11075
|
+
textColor,
|
|
11076
|
+
selectedValue,
|
|
11077
|
+
startYear
|
|
11078
|
+
} = _ref;
|
|
11077
11079
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
11078
11080
|
const [isOpen, setIsOpen] = React$1.useState(false);
|
|
11079
11081
|
const [value, setValue] = React$1.useState('');
|
|
@@ -24184,21 +24186,22 @@ const DeleteIcon = styled__default["default"].div`
|
|
|
24184
24186
|
position: absolute;
|
|
24185
24187
|
`;
|
|
24186
24188
|
|
|
24187
|
-
const QuickFilterDropdownSingle =
|
|
24188
|
-
|
|
24189
|
-
|
|
24190
|
-
|
|
24191
|
-
|
|
24192
|
-
|
|
24193
|
-
|
|
24194
|
-
|
|
24195
|
-
|
|
24196
|
-
|
|
24197
|
-
|
|
24198
|
-
|
|
24199
|
-
|
|
24200
|
-
|
|
24201
|
-
|
|
24189
|
+
const QuickFilterDropdownSingle = _ref => {
|
|
24190
|
+
let {
|
|
24191
|
+
label,
|
|
24192
|
+
hoverColor,
|
|
24193
|
+
options,
|
|
24194
|
+
selectedValue,
|
|
24195
|
+
placeHolder,
|
|
24196
|
+
onChange,
|
|
24197
|
+
disabled,
|
|
24198
|
+
width,
|
|
24199
|
+
error,
|
|
24200
|
+
errorMessage,
|
|
24201
|
+
xIconShow,
|
|
24202
|
+
labelColor,
|
|
24203
|
+
showLabelOnTop
|
|
24204
|
+
} = _ref;
|
|
24202
24205
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
24203
24206
|
const [showOptions, setShowOptions] = React$1.useState(false);
|
|
24204
24207
|
const [inputValue, setInputValue] = React$1.useState("");
|
|
@@ -24650,25 +24653,26 @@ const IconContainer$2 = styled__default["default"].div`
|
|
|
24650
24653
|
cursor: pointer;
|
|
24651
24654
|
`;
|
|
24652
24655
|
|
|
24653
|
-
const QuickFilterDropdownMultiSelection =
|
|
24654
|
-
|
|
24655
|
-
|
|
24656
|
-
|
|
24657
|
-
|
|
24658
|
-
|
|
24659
|
-
|
|
24660
|
-
|
|
24661
|
-
|
|
24662
|
-
|
|
24663
|
-
|
|
24664
|
-
|
|
24665
|
-
|
|
24666
|
-
|
|
24667
|
-
|
|
24668
|
-
|
|
24669
|
-
|
|
24670
|
-
|
|
24671
|
-
|
|
24656
|
+
const QuickFilterDropdownMultiSelection = _ref => {
|
|
24657
|
+
let {
|
|
24658
|
+
label,
|
|
24659
|
+
labelEmptyValue,
|
|
24660
|
+
options,
|
|
24661
|
+
selectedValue,
|
|
24662
|
+
placeHolder,
|
|
24663
|
+
onChange,
|
|
24664
|
+
required,
|
|
24665
|
+
disabled,
|
|
24666
|
+
width,
|
|
24667
|
+
height,
|
|
24668
|
+
error,
|
|
24669
|
+
errorMessage,
|
|
24670
|
+
labelColor,
|
|
24671
|
+
xIconShow,
|
|
24672
|
+
checkBoxColor,
|
|
24673
|
+
showLabelOnTop,
|
|
24674
|
+
dropdownHeight
|
|
24675
|
+
} = _ref;
|
|
24672
24676
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
24673
24677
|
const [showOptions, setShowOptions] = React$1.useState(false);
|
|
24674
24678
|
const [inputValue, setInputValue] = React$1.useState('');
|
|
@@ -34998,17 +35002,18 @@ styled.css`
|
|
|
34998
35002
|
* • onApply(start,end) — callback, both numbers (inclusive)
|
|
34999
35003
|
* • onCancel() — callback
|
|
35000
35004
|
*/
|
|
35001
|
-
const WeeksCalendar =
|
|
35002
|
-
|
|
35003
|
-
|
|
35004
|
-
|
|
35005
|
-
|
|
35006
|
-
|
|
35007
|
-
|
|
35008
|
-
|
|
35009
|
-
|
|
35010
|
-
|
|
35011
|
-
|
|
35005
|
+
const WeeksCalendar = _ref => {
|
|
35006
|
+
let {
|
|
35007
|
+
year,
|
|
35008
|
+
defaultStartWeek = null,
|
|
35009
|
+
defaultEndWeek = null,
|
|
35010
|
+
backgroundColor = "#066768",
|
|
35011
|
+
hoverBackgroundColor = "#E6F0F0",
|
|
35012
|
+
allowedWeekRange = null,
|
|
35013
|
+
// New prop for range restriction
|
|
35014
|
+
onApply,
|
|
35015
|
+
onCancel
|
|
35016
|
+
} = _ref;
|
|
35012
35017
|
// state -------------------------------------------------
|
|
35013
35018
|
const [startWeek, setStartWeek] = React$1.useState(defaultStartWeek);
|
|
35014
35019
|
const [endWeek, setEndWeek] = React$1.useState(defaultEndWeek);
|
|
@@ -36208,9 +36213,9 @@ const ToggleSlider = styled__default["default"].span`
|
|
|
36208
36213
|
}
|
|
36209
36214
|
`;
|
|
36210
36215
|
|
|
36211
|
-
/**
|
|
36212
|
-
* ToggleSwitch component for on/off states.
|
|
36213
|
-
* Supports small/large sizes and disabled state.
|
|
36216
|
+
/**
|
|
36217
|
+
* ToggleSwitch component for on/off states.
|
|
36218
|
+
* Supports small/large sizes and disabled state.
|
|
36214
36219
|
*/
|
|
36215
36220
|
function ToggleSwitch(_ref) {
|
|
36216
36221
|
let {
|
|
@@ -47158,7 +47163,7 @@ const Table = props => {
|
|
|
47158
47163
|
onHeroClick = () => {},
|
|
47159
47164
|
dotIndicatorColor = "#34D399",
|
|
47160
47165
|
onEditableClick = () => {},
|
|
47161
|
-
activeFilters =
|
|
47166
|
+
activeFilters = [],
|
|
47162
47167
|
resetFiltersKey = 0,
|
|
47163
47168
|
ref = null,
|
|
47164
47169
|
titleSize,
|
|
@@ -47628,7 +47633,7 @@ const VendorSelectionTitle = styled__default["default"].h5`
|
|
|
47628
47633
|
`;
|
|
47629
47634
|
const VendorBackTitle = styled__default["default"].span`
|
|
47630
47635
|
margin-left: 4px;
|
|
47631
|
-
font-size:
|
|
47636
|
+
font-size: 14px;
|
|
47632
47637
|
font-weight: 400;
|
|
47633
47638
|
`;
|
|
47634
47639
|
const VendorRoute = styled__default["default"].div`
|