sag_components 2.0.0-beta152 → 2.0.0-beta153
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 +95 -72
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +95 -72
- package/dist/index.js.map +1 -1
- package/dist/types/icons/UploadIcon.d.ts +7 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -3109,6 +3109,25 @@ const InfoIcon = _ref => {
|
|
|
3109
3109
|
}));
|
|
3110
3110
|
};
|
|
3111
3111
|
|
|
3112
|
+
const UploadIcon = _ref => {
|
|
3113
|
+
let {
|
|
3114
|
+
clicked,
|
|
3115
|
+
color = '#757575',
|
|
3116
|
+
width = '18',
|
|
3117
|
+
height = '18'
|
|
3118
|
+
} = _ref;
|
|
3119
|
+
return /*#__PURE__*/React__default["default"].createElement("svg", {
|
|
3120
|
+
width: width,
|
|
3121
|
+
height: height,
|
|
3122
|
+
viewBox: "0 0 16 16",
|
|
3123
|
+
fill: "none",
|
|
3124
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
3125
|
+
}, /*#__PURE__*/React__default["default"].createElement("path", {
|
|
3126
|
+
d: "M9.3125 1.65625C9.3125 1.30078 9.58594 1 9.96875 1H14.3164C14.6992 1 14.9727 1.30078 14.9727 1.65625V6.03125C14.9727 6.41406 14.6992 6.6875 14.3164 6.6875C13.9609 6.6875 13.6602 6.41406 13.6602 6.03125V3.24219L7.5625 9.33984C7.31641 9.61328 6.90625 9.61328 6.66016 9.33984C6.38672 9.09375 6.38672 8.68359 6.66016 8.41016L12.7578 2.3125H9.96875C9.58594 2.3125 9.3125 2.03906 9.3125 1.65625ZM2.96875 1.875H6.46875C6.82422 1.875 7.125 2.17578 7.125 2.53125C7.125 2.91406 6.82422 3.1875 6.46875 3.1875H2.96875C2.58594 3.1875 2.3125 3.48828 2.3125 3.84375V13.0312C2.3125 13.4141 2.58594 13.6875 2.96875 13.6875H12.1562C12.5117 13.6875 12.8125 13.4141 12.8125 13.0312V9.53125C12.8125 9.17578 13.0859 8.875 13.4688 8.875C13.8242 8.875 14.125 9.17578 14.125 9.53125V13.0312C14.125 14.125 13.2227 15 12.1562 15H2.96875C1.875 15 1 14.125 1 13.0312V3.84375C1 2.77734 1.875 1.875 2.96875 1.875Z",
|
|
3127
|
+
fill: color
|
|
3128
|
+
}));
|
|
3129
|
+
};
|
|
3130
|
+
|
|
3112
3131
|
const LinkButton = _ref => {
|
|
3113
3132
|
let {
|
|
3114
3133
|
text = '',
|
|
@@ -3262,6 +3281,14 @@ const LinkButton = _ref => {
|
|
|
3262
3281
|
width: iconWidth,
|
|
3263
3282
|
color: color
|
|
3264
3283
|
}));
|
|
3284
|
+
case 'upload':
|
|
3285
|
+
return /*#__PURE__*/React__default["default"].createElement(IconWrapper$4, {
|
|
3286
|
+
className: "UploadIcon"
|
|
3287
|
+
}, /*#__PURE__*/React__default["default"].createElement(UploadIcon, {
|
|
3288
|
+
height: iconHeight,
|
|
3289
|
+
width: iconWidth,
|
|
3290
|
+
color: color
|
|
3291
|
+
}));
|
|
3265
3292
|
default:
|
|
3266
3293
|
return '';
|
|
3267
3294
|
}
|
|
@@ -10330,24 +10357,23 @@ const QuarterPopupPicker = ({
|
|
|
10330
10357
|
};
|
|
10331
10358
|
|
|
10332
10359
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
10333
|
-
const QuarterPicker =
|
|
10334
|
-
|
|
10335
|
-
|
|
10336
|
-
|
|
10337
|
-
|
|
10338
|
-
|
|
10339
|
-
|
|
10340
|
-
|
|
10341
|
-
|
|
10342
|
-
|
|
10343
|
-
|
|
10344
|
-
|
|
10345
|
-
|
|
10346
|
-
|
|
10347
|
-
|
|
10348
|
-
|
|
10349
|
-
|
|
10350
|
-
} = _ref;
|
|
10360
|
+
const QuarterPicker = ({
|
|
10361
|
+
availableQuarters,
|
|
10362
|
+
// ["Q1-2024"]
|
|
10363
|
+
label,
|
|
10364
|
+
onChange,
|
|
10365
|
+
borderRadius,
|
|
10366
|
+
required,
|
|
10367
|
+
width,
|
|
10368
|
+
height,
|
|
10369
|
+
placeholder,
|
|
10370
|
+
disabled,
|
|
10371
|
+
borderColor,
|
|
10372
|
+
borderColorFocus,
|
|
10373
|
+
textColor,
|
|
10374
|
+
selectedValue,
|
|
10375
|
+
startYear
|
|
10376
|
+
}) => {
|
|
10351
10377
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
10352
10378
|
const [isOpen, setIsOpen] = React$1.useState(false);
|
|
10353
10379
|
const [value, setValue] = React$1.useState('');
|
|
@@ -10789,23 +10815,22 @@ const MonthPopupPicker = ({
|
|
|
10789
10815
|
};
|
|
10790
10816
|
|
|
10791
10817
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
10792
|
-
const MonthPicker =
|
|
10793
|
-
|
|
10794
|
-
|
|
10795
|
-
|
|
10796
|
-
|
|
10797
|
-
|
|
10798
|
-
|
|
10799
|
-
|
|
10800
|
-
|
|
10801
|
-
|
|
10802
|
-
|
|
10803
|
-
|
|
10804
|
-
|
|
10805
|
-
|
|
10806
|
-
|
|
10807
|
-
|
|
10808
|
-
} = _ref;
|
|
10818
|
+
const MonthPicker = ({
|
|
10819
|
+
availableMonths,
|
|
10820
|
+
label,
|
|
10821
|
+
onChange,
|
|
10822
|
+
borderRadius,
|
|
10823
|
+
required,
|
|
10824
|
+
width,
|
|
10825
|
+
height,
|
|
10826
|
+
placeholder,
|
|
10827
|
+
disabled,
|
|
10828
|
+
borderColor,
|
|
10829
|
+
borderColorFocus,
|
|
10830
|
+
textColor,
|
|
10831
|
+
selectedValue,
|
|
10832
|
+
startYear
|
|
10833
|
+
}) => {
|
|
10809
10834
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
10810
10835
|
const [isOpen, setIsOpen] = React$1.useState(false);
|
|
10811
10836
|
const [value, setValue] = React$1.useState('');
|
|
@@ -23916,22 +23941,21 @@ const DeleteIcon = styled__default["default"].div`
|
|
|
23916
23941
|
position: absolute;
|
|
23917
23942
|
`;
|
|
23918
23943
|
|
|
23919
|
-
const QuickFilterDropdownSingle =
|
|
23920
|
-
|
|
23921
|
-
|
|
23922
|
-
|
|
23923
|
-
|
|
23924
|
-
|
|
23925
|
-
|
|
23926
|
-
|
|
23927
|
-
|
|
23928
|
-
|
|
23929
|
-
|
|
23930
|
-
|
|
23931
|
-
|
|
23932
|
-
|
|
23933
|
-
|
|
23934
|
-
} = _ref;
|
|
23944
|
+
const QuickFilterDropdownSingle = ({
|
|
23945
|
+
label,
|
|
23946
|
+
hoverColor,
|
|
23947
|
+
options,
|
|
23948
|
+
selectedValue,
|
|
23949
|
+
placeHolder,
|
|
23950
|
+
onChange,
|
|
23951
|
+
disabled,
|
|
23952
|
+
width,
|
|
23953
|
+
error,
|
|
23954
|
+
errorMessage,
|
|
23955
|
+
xIconShow,
|
|
23956
|
+
labelColor,
|
|
23957
|
+
showLabelOnTop
|
|
23958
|
+
}) => {
|
|
23935
23959
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
23936
23960
|
const [showOptions, setShowOptions] = React$1.useState(false);
|
|
23937
23961
|
const [inputValue, setInputValue] = React$1.useState("");
|
|
@@ -24328,24 +24352,23 @@ const IconContainer$2 = styled__default["default"].div`
|
|
|
24328
24352
|
cursor: pointer;
|
|
24329
24353
|
`;
|
|
24330
24354
|
|
|
24331
|
-
const QuickFilterDropdownMultiSelection =
|
|
24332
|
-
|
|
24333
|
-
|
|
24334
|
-
|
|
24335
|
-
|
|
24336
|
-
|
|
24337
|
-
|
|
24338
|
-
|
|
24339
|
-
|
|
24340
|
-
|
|
24341
|
-
|
|
24342
|
-
|
|
24343
|
-
|
|
24344
|
-
|
|
24345
|
-
|
|
24346
|
-
|
|
24347
|
-
|
|
24348
|
-
} = _ref;
|
|
24355
|
+
const QuickFilterDropdownMultiSelection = ({
|
|
24356
|
+
label,
|
|
24357
|
+
labelEmptyValue,
|
|
24358
|
+
options,
|
|
24359
|
+
selectedValue,
|
|
24360
|
+
placeHolder,
|
|
24361
|
+
onChange,
|
|
24362
|
+
required,
|
|
24363
|
+
disabled,
|
|
24364
|
+
width,
|
|
24365
|
+
error,
|
|
24366
|
+
errorMessage,
|
|
24367
|
+
labelColor,
|
|
24368
|
+
xIconShow,
|
|
24369
|
+
checkBoxColor,
|
|
24370
|
+
showLabelOnTop
|
|
24371
|
+
}) => {
|
|
24349
24372
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
24350
24373
|
const [showOptions, setShowOptions] = React$1.useState(false);
|
|
24351
24374
|
const [inputValue, setInputValue] = React$1.useState('');
|
|
@@ -35577,9 +35600,9 @@ const ToggleSlider = styled__default["default"].span`
|
|
|
35577
35600
|
}
|
|
35578
35601
|
`;
|
|
35579
35602
|
|
|
35580
|
-
/**
|
|
35581
|
-
* ToggleSwitch component for on/off states.
|
|
35582
|
-
* Supports small/large sizes and disabled state.
|
|
35603
|
+
/**
|
|
35604
|
+
* ToggleSwitch component for on/off states.
|
|
35605
|
+
* Supports small/large sizes and disabled state.
|
|
35583
35606
|
*/
|
|
35584
35607
|
function ToggleSwitch(_ref) {
|
|
35585
35608
|
let {
|