sag_components 2.0.0-beta208 → 2.0.0-beta209

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
@@ -10590,24 +10590,23 @@ const QuarterPopupPicker = ({
10590
10590
  };
10591
10591
 
10592
10592
  /* eslint-disable import/no-extraneous-dependencies */
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;
10593
+ const QuarterPicker = ({
10594
+ availableQuarters,
10595
+ // ["Q1-2024"]
10596
+ label,
10597
+ onChange,
10598
+ borderRadius,
10599
+ required,
10600
+ width,
10601
+ height,
10602
+ placeholder,
10603
+ disabled,
10604
+ borderColor,
10605
+ borderColorFocus,
10606
+ textColor,
10607
+ selectedValue,
10608
+ startYear
10609
+ }) => {
10611
10610
  const [isFocused, setIsFocused] = React$1.useState(false);
10612
10611
  const [isOpen, setIsOpen] = React$1.useState(false);
10613
10612
  const [value, setValue] = React$1.useState('');
@@ -11049,23 +11048,22 @@ const MonthPopupPicker = ({
11049
11048
  };
11050
11049
 
11051
11050
  /* eslint-disable import/no-extraneous-dependencies */
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;
11051
+ const MonthPicker = ({
11052
+ availableMonths,
11053
+ label,
11054
+ onChange,
11055
+ borderRadius,
11056
+ required,
11057
+ width,
11058
+ height,
11059
+ placeholder,
11060
+ disabled,
11061
+ borderColor,
11062
+ borderColorFocus,
11063
+ textColor,
11064
+ selectedValue,
11065
+ startYear
11066
+ }) => {
11069
11067
  const [isFocused, setIsFocused] = React$1.useState(false);
11070
11068
  const [isOpen, setIsOpen] = React$1.useState(false);
11071
11069
  const [value, setValue] = React$1.useState('');
@@ -24176,22 +24174,21 @@ const DeleteIcon = styled__default["default"].div`
24176
24174
  position: absolute;
24177
24175
  `;
24178
24176
 
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;
24177
+ const QuickFilterDropdownSingle = ({
24178
+ label,
24179
+ hoverColor,
24180
+ options,
24181
+ selectedValue,
24182
+ placeHolder,
24183
+ onChange,
24184
+ disabled,
24185
+ width,
24186
+ error,
24187
+ errorMessage,
24188
+ xIconShow,
24189
+ labelColor,
24190
+ showLabelOnTop
24191
+ }) => {
24195
24192
  const [isFocused, setIsFocused] = React$1.useState(false);
24196
24193
  const [showOptions, setShowOptions] = React$1.useState(false);
24197
24194
  const [inputValue, setInputValue] = React$1.useState("");
@@ -24588,24 +24585,23 @@ const IconContainer$2 = styled__default["default"].div`
24588
24585
  cursor: pointer;
24589
24586
  `;
24590
24587
 
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;
24588
+ const QuickFilterDropdownMultiSelection = ({
24589
+ label,
24590
+ labelEmptyValue,
24591
+ options,
24592
+ selectedValue,
24593
+ placeHolder,
24594
+ onChange,
24595
+ required,
24596
+ disabled,
24597
+ width,
24598
+ error,
24599
+ errorMessage,
24600
+ labelColor,
24601
+ xIconShow,
24602
+ checkBoxColor,
24603
+ showLabelOnTop
24604
+ }) => {
24609
24605
  const [isFocused, setIsFocused] = React$1.useState(false);
24610
24606
  const [showOptions, setShowOptions] = React$1.useState(false);
24611
24607
  const [inputValue, setInputValue] = React$1.useState('');
@@ -35981,12 +35977,9 @@ const ToggleSwitchLabel = styled__default["default"].label`
35981
35977
  position: relative;
35982
35978
  cursor: pointer;
35983
35979
  user-select: none;
35984
- opacity: ${_ref => {
35985
- let {
35986
- disabled
35987
- } = _ref;
35988
- return disabled ? 0.5 : 1;
35989
- }};
35980
+ opacity: ${({
35981
+ disabled
35982
+ }) => disabled ? 0.5 : 1};
35990
35983
  `;
35991
35984
  const ToggleInput = styled__default["default"].input`
35992
35985
  display: none;
@@ -35994,19 +35987,15 @@ const ToggleInput = styled__default["default"].input`
35994
35987
  const ToggleSlider = styled__default["default"].span`
35995
35988
  display: block;
35996
35989
  position: relative;
35997
- background: ${_ref2 => {
35998
- let {
35999
- checked,
36000
- disabled
36001
- } = _ref2;
36002
- return checked ? disabled ? "#7bb1b0" : "#006d6a" : "#cfd8dc";
36003
- }};
35990
+ background: ${({
35991
+ checked,
35992
+ disabled
35993
+ }) => checked ? disabled ? "#7bb1b0" : "#006d6a" : "#cfd8dc"};
36004
35994
  border-radius: 999px;
36005
35995
  transition: background 0.2s;
36006
- ${_ref3 => {
36007
- let {
36008
- size
36009
- } = _ref3;
35996
+ ${({
35997
+ size
35998
+ }) => {
36010
35999
  switch (size) {
36011
36000
  case "s":
36012
36001
  return styled.css`width: 40px; height: 20px;`;
@@ -36025,10 +36014,9 @@ const ToggleSlider = styled__default["default"].span`
36025
36014
  background: #fff;
36026
36015
  border-radius: 50%;
36027
36016
  transition: left 0.2s, width 0.2s, height 0.2s;
36028
- ${_ref4 => {
36029
- let {
36030
- size
36031
- } = _ref4;
36017
+ ${({
36018
+ size
36019
+ }) => {
36032
36020
  switch (size) {
36033
36021
  case "s":
36034
36022
  return styled.css`width: 14px; height: 14px;`;
@@ -36038,11 +36026,10 @@ const ToggleSlider = styled__default["default"].span`
36038
36026
  return styled.css`width: 20px; height: 20px;`;
36039
36027
  }
36040
36028
  }}
36041
- left: ${_ref5 => {
36042
- let {
36043
- checked,
36044
- size
36045
- } = _ref5;
36029
+ left: ${({
36030
+ checked,
36031
+ size
36032
+ }) => {
36046
36033
  if (!checked) return "3px";
36047
36034
  switch (size) {
36048
36035
  case "s":
@@ -36056,9 +36043,9 @@ const ToggleSlider = styled__default["default"].span`
36056
36043
  }
36057
36044
  `;
36058
36045
 
36059
- /**
36060
- * ToggleSwitch component for on/off states.
36061
- * Supports small/large sizes and disabled state.
36046
+ /**
36047
+ * ToggleSwitch component for on/off states.
36048
+ * Supports small/large sizes and disabled state.
36062
36049
  */
36063
36050
  function ToggleSwitch(_ref) {
36064
36051
  let {
@@ -55318,7 +55305,7 @@ const ToasterMessageBox = _ref => {
55318
55305
  linkText = '',
55319
55306
  duration = 5,
55320
55307
  width = '500px',
55321
- icon = OkCircleIcon,
55308
+ icon = 'ok',
55322
55309
  onLinkClick = () => {},
55323
55310
  onClose = () => {}
55324
55311
  } = _ref;