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.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 = _ref => {
10334
- let {
10335
- availableQuarters,
10336
- // ["Q1-2024"]
10337
- label,
10338
- onChange,
10339
- borderRadius,
10340
- required,
10341
- width,
10342
- height,
10343
- placeholder,
10344
- disabled,
10345
- borderColor,
10346
- borderColorFocus,
10347
- textColor,
10348
- selectedValue,
10349
- startYear
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 = _ref => {
10793
- let {
10794
- availableMonths,
10795
- label,
10796
- onChange,
10797
- borderRadius,
10798
- required,
10799
- width,
10800
- height,
10801
- placeholder,
10802
- disabled,
10803
- borderColor,
10804
- borderColorFocus,
10805
- textColor,
10806
- selectedValue,
10807
- startYear
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 = _ref => {
23920
- let {
23921
- label,
23922
- hoverColor,
23923
- options,
23924
- selectedValue,
23925
- placeHolder,
23926
- onChange,
23927
- disabled,
23928
- width,
23929
- error,
23930
- errorMessage,
23931
- xIconShow,
23932
- labelColor,
23933
- showLabelOnTop
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 = _ref => {
24332
- let {
24333
- label,
24334
- labelEmptyValue,
24335
- options,
24336
- selectedValue,
24337
- placeHolder,
24338
- onChange,
24339
- required,
24340
- disabled,
24341
- width,
24342
- error,
24343
- errorMessage,
24344
- labelColor,
24345
- xIconShow,
24346
- checkBoxColor,
24347
- showLabelOnTop
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 {