sag_components 2.0.0-beta208 → 2.0.0-beta210

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 {
@@ -44826,7 +44813,6 @@ const NewItemList = ({
44826
44813
  }), /*#__PURE__*/React__default["default"].createElement(VendorSearchResult, null, search !== "" ? `${filteredItems.length === 0 ? "No" : filteredItems.length} Vendors Found` : " ")), /*#__PURE__*/React__default["default"].createElement(VendorListWrapper$1, {
44827
44814
  headerHeight: headerHeight
44828
44815
  }, /*#__PURE__*/React__default["default"].createElement(VendorList$1, null, filteredItems.map((item, idx) => {
44829
- console.log("item", item);
44830
44816
  let packagesLength = 0;
44831
44817
  let sentPackagesLength = 0;
44832
44818
  if (item.packages !== null) {
@@ -45180,11 +45166,6 @@ const NewSubitemList = props => {
45180
45166
  setSelectedPackage(item);
45181
45167
  handleSubitemDetail(item); // Pass the package object for editing
45182
45168
  };
45183
-
45184
- // useEffect(() => {
45185
- // console.log("Vendor items updated:", vendorItems);
45186
- // console.log("Props:", props);
45187
- // }, [vendorItems]);
45188
45169
  const setupTooltip = (el, tooltipText) => {
45189
45170
  if (el && tooltipText) {
45190
45171
  const rect = el.getBoundingClientRect();
@@ -45425,7 +45406,6 @@ const NewSubitem = ({
45425
45406
  // Form state
45426
45407
  const [isApplyEnabled, setIsApplyEnabled] = React$1.useState(negotiatedBrands.trim().length > 2);
45427
45408
  React$1.useEffect(() => {
45428
- console.log("packageObject", vendor);
45429
45409
  if (!packageObject) return;
45430
45410
  if (!packageObject.brands) return;
45431
45411
  setNegotiatedBrands(packageObject.brands);
@@ -47036,9 +47016,9 @@ var layers = [
47036
47016
  c: {
47037
47017
  a: 0,
47038
47018
  k: [
47039
- 0.1628,
47040
- 0.9172,
47041
- 0.7915,
47019
+ 0.03529411764705882,
47020
+ 0.403921568627451,
47021
+ 0.40784313725490196,
47042
47022
  1
47043
47023
  ],
47044
47024
  ix: 4
@@ -47293,9 +47273,9 @@ var layers = [
47293
47273
  c: {
47294
47274
  a: 0,
47295
47275
  k: [
47296
- 0,
47297
- 1,
47298
- 0.8333,
47276
+ 0.03529411764705882,
47277
+ 0.403921568627451,
47278
+ 0.40784313725490196,
47299
47279
  1
47300
47280
  ],
47301
47281
  ix: 3
@@ -47323,9 +47303,9 @@ var layers = [
47323
47303
  c: {
47324
47304
  a: 0,
47325
47305
  k: [
47326
- 0,
47327
- 1,
47328
- 0.8333,
47306
+ 0.03529411764705882,
47307
+ 0.403921568627451,
47308
+ 0.40784313725490196,
47329
47309
  1
47330
47310
  ],
47331
47311
  ix: 4
@@ -47706,9 +47686,9 @@ var layers = [
47706
47686
  c: {
47707
47687
  a: 0,
47708
47688
  k: [
47709
- 0,
47710
- 1,
47711
- 0.8333,
47689
+ 0.03529411764705882,
47690
+ 0.403921568627451,
47691
+ 0.40784313725490196,
47712
47692
  1
47713
47693
  ],
47714
47694
  ix: 3
@@ -47736,9 +47716,9 @@ var layers = [
47736
47716
  c: {
47737
47717
  a: 0,
47738
47718
  k: [
47739
- 0,
47740
- 1,
47741
- 0.8333,
47719
+ 0.03529411764705882,
47720
+ 0.403921568627451,
47721
+ 0.40784313725490196,
47742
47722
  1
47743
47723
  ],
47744
47724
  ix: 4
@@ -48119,9 +48099,9 @@ var layers = [
48119
48099
  c: {
48120
48100
  a: 0,
48121
48101
  k: [
48122
- 0,
48123
- 1,
48124
- 0.8333,
48102
+ 0.03529411764705882,
48103
+ 0.403921568627451,
48104
+ 0.40784313725490196,
48125
48105
  1
48126
48106
  ],
48127
48107
  ix: 3
@@ -48149,9 +48129,9 @@ var layers = [
48149
48129
  c: {
48150
48130
  a: 0,
48151
48131
  k: [
48152
- 0,
48153
- 1,
48154
- 0.8333,
48132
+ 0.03529411764705882,
48133
+ 0.403921568627451,
48134
+ 0.40784313725490196,
48155
48135
  1
48156
48136
  ],
48157
48137
  ix: 4
@@ -48532,9 +48512,9 @@ var layers = [
48532
48512
  c: {
48533
48513
  a: 0,
48534
48514
  k: [
48535
- 0,
48536
- 1,
48537
- 0.8333,
48515
+ 0.03529411764705882,
48516
+ 0.403921568627451,
48517
+ 0.40784313725490196,
48538
48518
  1
48539
48519
  ],
48540
48520
  ix: 3
@@ -48562,9 +48542,9 @@ var layers = [
48562
48542
  c: {
48563
48543
  a: 0,
48564
48544
  k: [
48565
- 0,
48566
- 1,
48567
- 0.8333,
48545
+ 0.03529411764705882,
48546
+ 0.403921568627451,
48547
+ 0.40784313725490196,
48568
48548
  1
48569
48549
  ],
48570
48550
  ix: 4
@@ -48945,9 +48925,9 @@ var layers = [
48945
48925
  c: {
48946
48926
  a: 0,
48947
48927
  k: [
48948
- 0,
48949
- 1,
48950
- 0.8333,
48928
+ 0.03529411764705882,
48929
+ 0.403921568627451,
48930
+ 0.40784313725490196,
48951
48931
  1
48952
48932
  ],
48953
48933
  ix: 3
@@ -48975,9 +48955,9 @@ var layers = [
48975
48955
  c: {
48976
48956
  a: 0,
48977
48957
  k: [
48978
- 0,
48979
- 1,
48980
- 0.8333,
48958
+ 0.03529411764705882,
48959
+ 0.403921568627451,
48960
+ 0.40784313725490196,
48981
48961
  1
48982
48962
  ],
48983
48963
  ix: 4
@@ -49358,9 +49338,9 @@ var layers = [
49358
49338
  c: {
49359
49339
  a: 0,
49360
49340
  k: [
49361
- 0,
49362
- 1,
49363
- 0.8333,
49341
+ 0.03529411764705882,
49342
+ 0.403921568627451,
49343
+ 0.40784313725490196,
49364
49344
  1
49365
49345
  ],
49366
49346
  ix: 3
@@ -49388,9 +49368,9 @@ var layers = [
49388
49368
  c: {
49389
49369
  a: 0,
49390
49370
  k: [
49391
- 0,
49392
- 1,
49393
- 0.8333,
49371
+ 0.03529411764705882,
49372
+ 0.403921568627451,
49373
+ 0.40784313725490196,
49394
49374
  1
49395
49375
  ],
49396
49376
  ix: 4
@@ -49771,9 +49751,9 @@ var layers = [
49771
49751
  c: {
49772
49752
  a: 0,
49773
49753
  k: [
49774
- 0,
49775
- 1,
49776
- 0.8333,
49754
+ 0.03529411764705882,
49755
+ 0.403921568627451,
49756
+ 0.40784313725490196,
49777
49757
  1
49778
49758
  ],
49779
49759
  ix: 3
@@ -49801,9 +49781,9 @@ var layers = [
49801
49781
  c: {
49802
49782
  a: 0,
49803
49783
  k: [
49804
- 0,
49805
- 1,
49806
- 0.8333,
49784
+ 0.03529411764705882,
49785
+ 0.403921568627451,
49786
+ 0.40784313725490196,
49807
49787
  1
49808
49788
  ],
49809
49789
  ix: 4
@@ -50184,9 +50164,9 @@ var layers = [
50184
50164
  c: {
50185
50165
  a: 0,
50186
50166
  k: [
50187
- 0,
50188
- 1,
50189
- 0.8333,
50167
+ 0.03529411764705882,
50168
+ 0.403921568627451,
50169
+ 0.40784313725490196,
50190
50170
  1
50191
50171
  ],
50192
50172
  ix: 3
@@ -50214,9 +50194,9 @@ var layers = [
50214
50194
  c: {
50215
50195
  a: 0,
50216
50196
  k: [
50217
- 0,
50218
- 1,
50219
- 0.8333,
50197
+ 0.03529411764705882,
50198
+ 0.403921568627451,
50199
+ 0.40784313725490196,
50220
50200
  1
50221
50201
  ],
50222
50202
  ix: 4
@@ -50597,9 +50577,9 @@ var layers = [
50597
50577
  c: {
50598
50578
  a: 0,
50599
50579
  k: [
50600
- 0,
50601
- 1,
50602
- 0.8333,
50580
+ 0.03529411764705882,
50581
+ 0.403921568627451,
50582
+ 0.40784313725490196,
50603
50583
  1
50604
50584
  ],
50605
50585
  ix: 3
@@ -50627,9 +50607,9 @@ var layers = [
50627
50607
  c: {
50628
50608
  a: 0,
50629
50609
  k: [
50630
- 0,
50631
- 1,
50632
- 0.8333,
50610
+ 0.03529411764705882,
50611
+ 0.403921568627451,
50612
+ 0.40784313725490196,
50633
50613
  1
50634
50614
  ],
50635
50615
  ix: 4
@@ -51010,9 +50990,9 @@ var layers = [
51010
50990
  c: {
51011
50991
  a: 0,
51012
50992
  k: [
51013
- 0,
51014
- 1,
51015
- 0.8333,
50993
+ 0.03529411764705882,
50994
+ 0.403921568627451,
50995
+ 0.40784313725490196,
51016
50996
  1
51017
50997
  ],
51018
50998
  ix: 3
@@ -51040,9 +51020,9 @@ var layers = [
51040
51020
  c: {
51041
51021
  a: 0,
51042
51022
  k: [
51043
- 0,
51044
- 1,
51045
- 0.8333,
51023
+ 0.03529411764705882,
51024
+ 0.403921568627451,
51025
+ 0.40784313725490196,
51046
51026
  1
51047
51027
  ],
51048
51028
  ix: 4
@@ -51423,9 +51403,9 @@ var layers = [
51423
51403
  c: {
51424
51404
  a: 0,
51425
51405
  k: [
51426
- 0,
51427
- 1,
51428
- 0.8333,
51406
+ 0.03529411764705882,
51407
+ 0.403921568627451,
51408
+ 0.40784313725490196,
51429
51409
  1
51430
51410
  ],
51431
51411
  ix: 3
@@ -51453,9 +51433,9 @@ var layers = [
51453
51433
  c: {
51454
51434
  a: 0,
51455
51435
  k: [
51456
- 0,
51457
- 1,
51458
- 0.8333,
51436
+ 0.03529411764705882,
51437
+ 0.403921568627451,
51438
+ 0.40784313725490196,
51459
51439
  1
51460
51440
  ],
51461
51441
  ix: 4
@@ -51836,9 +51816,9 @@ var layers = [
51836
51816
  c: {
51837
51817
  a: 0,
51838
51818
  k: [
51839
- 0,
51840
- 1,
51841
- 0.8333,
51819
+ 0.03529411764705882,
51820
+ 0.403921568627451,
51821
+ 0.40784313725490196,
51842
51822
  1
51843
51823
  ],
51844
51824
  ix: 3
@@ -51866,9 +51846,9 @@ var layers = [
51866
51846
  c: {
51867
51847
  a: 0,
51868
51848
  k: [
51869
- 0,
51870
- 1,
51871
- 0.8333,
51849
+ 0.03529411764705882,
51850
+ 0.403921568627451,
51851
+ 0.40784313725490196,
51872
51852
  1
51873
51853
  ],
51874
51854
  ix: 4
@@ -52249,9 +52229,9 @@ var layers = [
52249
52229
  c: {
52250
52230
  a: 0,
52251
52231
  k: [
52252
- 0,
52253
- 1,
52254
- 0.8333,
52232
+ 0.03529411764705882,
52233
+ 0.403921568627451,
52234
+ 0.40784313725490196,
52255
52235
  1
52256
52236
  ],
52257
52237
  ix: 3
@@ -52279,9 +52259,9 @@ var layers = [
52279
52259
  c: {
52280
52260
  a: 0,
52281
52261
  k: [
52282
- 0,
52283
- 1,
52284
- 0.8333,
52262
+ 0.03529411764705882,
52263
+ 0.403921568627451,
52264
+ 0.40784313725490196,
52285
52265
  1
52286
52266
  ],
52287
52267
  ix: 4
@@ -52662,9 +52642,9 @@ var layers = [
52662
52642
  c: {
52663
52643
  a: 0,
52664
52644
  k: [
52665
- 0,
52666
- 1,
52667
- 0.8333,
52645
+ 0.03529411764705882,
52646
+ 0.403921568627451,
52647
+ 0.40784313725490196,
52668
52648
  1
52669
52649
  ],
52670
52650
  ix: 3
@@ -52692,9 +52672,9 @@ var layers = [
52692
52672
  c: {
52693
52673
  a: 0,
52694
52674
  k: [
52695
- 0,
52696
- 1,
52697
- 0.8333,
52675
+ 0.03529411764705882,
52676
+ 0.403921568627451,
52677
+ 0.40784313725490196,
52698
52678
  1
52699
52679
  ],
52700
52680
  ix: 4
@@ -53075,9 +53055,9 @@ var layers = [
53075
53055
  c: {
53076
53056
  a: 0,
53077
53057
  k: [
53078
- 0,
53079
- 0.6941,
53080
- 0.5765,
53058
+ 0.03529411764705882,
53059
+ 0.403921568627451,
53060
+ 0.40784313725490196,
53081
53061
  1
53082
53062
  ],
53083
53063
  ix: 3
@@ -53105,9 +53085,9 @@ var layers = [
53105
53085
  c: {
53106
53086
  a: 0,
53107
53087
  k: [
53108
- 0,
53109
- 1,
53110
- 0.8333,
53088
+ 0.03529411764705882,
53089
+ 0.403921568627451,
53090
+ 0.40784313725490196,
53111
53091
  1
53112
53092
  ],
53113
53093
  ix: 4
@@ -53488,9 +53468,9 @@ var layers = [
53488
53468
  c: {
53489
53469
  a: 0,
53490
53470
  k: [
53491
- 0,
53492
- 1,
53493
- 0.8333,
53471
+ 0.03529411764705882,
53472
+ 0.403921568627451,
53473
+ 0.40784313725490196,
53494
53474
  1
53495
53475
  ],
53496
53476
  ix: 3
@@ -53518,9 +53498,9 @@ var layers = [
53518
53498
  c: {
53519
53499
  a: 0,
53520
53500
  k: [
53521
- 0,
53522
- 1,
53523
- 0.8333,
53501
+ 0.03529411764705882,
53502
+ 0.403921568627451,
53503
+ 0.40784313725490196,
53524
53504
  1
53525
53505
  ],
53526
53506
  ix: 4
@@ -53975,9 +53955,9 @@ var layers = [
53975
53955
  c: {
53976
53956
  a: 0,
53977
53957
  k: [
53978
- 0.05,
53979
- 0.95,
53980
- 0.8,
53958
+ 0.03529411764705882,
53959
+ 0.403921568627451,
53960
+ 0.40784313725490196,
53981
53961
  1
53982
53962
  ],
53983
53963
  ix: 3
@@ -54005,9 +53985,9 @@ var layers = [
54005
53985
  c: {
54006
53986
  a: 0,
54007
53987
  k: [
54008
- 1,
54009
- 1,
54010
- 1,
53988
+ 0.03529411764705882,
53989
+ 0.403921568627451,
53990
+ 0.40784313725490196,
54011
53991
  1
54012
53992
  ],
54013
53993
  ix: 4
@@ -55318,7 +55298,7 @@ const ToasterMessageBox = _ref => {
55318
55298
  linkText = '',
55319
55299
  duration = 5,
55320
55300
  width = '500px',
55321
- icon = OkCircleIcon,
55301
+ icon = 'ok',
55322
55302
  onLinkClick = () => {},
55323
55303
  onClose = () => {}
55324
55304
  } = _ref;