sag_components 2.0.0-beta22 → 2.0.0-beta24

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.
Files changed (72) hide show
  1. package/dist/index.esm.js +159 -150
  2. package/dist/index.esm.js.map +1 -1
  3. package/dist/index.js +159 -150
  4. package/dist/index.js.map +1 -1
  5. package/dist/types/icons/ArrowDownIcon.d.ts +6 -0
  6. package/dist/types/icons/ArrowDropDownIcon.d.ts +6 -0
  7. package/dist/types/icons/ArrowSelectIcon.d.ts +6 -0
  8. package/dist/types/icons/ArrowUpIcon.d.ts +6 -0
  9. package/dist/types/icons/AttachedIcon.d.ts +6 -0
  10. package/dist/types/icons/BellIcon.d.ts +6 -0
  11. package/dist/types/icons/ButtonArrowRight.d.ts +5 -0
  12. package/dist/types/icons/Calendar.d.ts +2 -0
  13. package/dist/types/icons/CalendarIcon.d.ts +6 -0
  14. package/dist/types/icons/CalendarInOpen.d.ts +2 -0
  15. package/dist/types/icons/CheckBoxButtonCheckedIcon.d.ts +7 -0
  16. package/dist/types/icons/CheckBoxCheckedIcon.d.ts +7 -0
  17. package/dist/types/icons/CheckBoxNotCheckedIcon.d.ts +7 -0
  18. package/dist/types/icons/ChervronLeftIcon.d.ts +2 -0
  19. package/dist/types/icons/ChervronRightIcon.d.ts +2 -0
  20. package/dist/types/icons/ChevronLeftIcon.d.ts +4 -0
  21. package/dist/types/icons/ChevronRightIcon.d.ts +4 -0
  22. package/dist/types/icons/ClockIcon.d.ts +6 -0
  23. package/dist/types/icons/CloseIcon.d.ts +6 -0
  24. package/dist/types/icons/CloseXIcon.d.ts +6 -0
  25. package/dist/types/icons/ComboBoxArrowDownIcon.d.ts +7 -0
  26. package/dist/types/icons/ComboBoxArrowUpIcon.d.ts +7 -0
  27. package/dist/types/icons/DocumentIcon.d.ts +6 -0
  28. package/dist/types/icons/DownloadIcon.d.ts +6 -0
  29. package/dist/types/icons/ErrorIcon.d.ts +6 -0
  30. package/dist/types/icons/ExitIcon.d.ts +7 -0
  31. package/dist/types/icons/ExportIcon.d.ts +7 -0
  32. package/dist/types/icons/EyeIcon.d.ts +7 -0
  33. package/dist/types/icons/FileIcon.d.ts +6 -0
  34. package/dist/types/icons/FilterIcon.d.ts +6 -0
  35. package/dist/types/icons/FlyIcon.d.ts +7 -0
  36. package/dist/types/icons/FoodLionChartIcon.d.ts +2 -0
  37. package/dist/types/icons/FoodLionIcon.d.ts +6 -0
  38. package/dist/types/icons/FoodLionNewIcon.d.ts +5 -0
  39. package/dist/types/icons/GiantFoodChartIcon.d.ts +2 -0
  40. package/dist/types/icons/GiantFoodIcon.d.ts +7 -0
  41. package/dist/types/icons/GiantFoodIcon_new.d.ts +7 -0
  42. package/dist/types/icons/HannafordChartIcon.d.ts +2 -0
  43. package/dist/types/icons/HannafordIcon.d.ts +6 -0
  44. package/dist/types/icons/HannafordIcon_new.d.ts +6 -0
  45. package/dist/types/icons/InfoIcon.d.ts +7 -0
  46. package/dist/types/icons/LampIcon.d.ts +6 -0
  47. package/dist/types/icons/LegendLineIcon.d.ts +6 -0
  48. package/dist/types/icons/LegendUnionIcon.d.ts +6 -0
  49. package/dist/types/icons/MaintenanceIcon.d.ts +7 -0
  50. package/dist/types/icons/MenuItemClosedIcon.d.ts +7 -0
  51. package/dist/types/icons/MenuItemOpenIcon.d.ts +7 -0
  52. package/dist/types/icons/MenuItemRightIcon.d.ts +7 -0
  53. package/dist/types/icons/MenuItemUpIcon.d.ts +7 -0
  54. package/dist/types/icons/NoDataFoundIcon.d.ts +12 -0
  55. package/dist/types/icons/OptionsIcon.d.ts +6 -0
  56. package/dist/types/icons/ReselectIcon.d.ts +6 -0
  57. package/dist/types/icons/SearchIcon.d.ts +6 -0
  58. package/dist/types/icons/ShoppingCartIcon.d.ts +6 -0
  59. package/dist/types/icons/ShoutIcon.d.ts +6 -0
  60. package/dist/types/icons/SortIcon.d.ts +7 -0
  61. package/dist/types/icons/SpotlightProductIcon.d.ts +7 -0
  62. package/dist/types/icons/StopAndShopChartIcon.d.ts +2 -0
  63. package/dist/types/icons/StopAndShopIcon.d.ts +7 -0
  64. package/dist/types/icons/StopAndShopNewIcon.d.ts +6 -0
  65. package/dist/types/icons/SucceededIcon.d.ts +6 -0
  66. package/dist/types/icons/TheGiantCompanyChartIcon.d.ts +2 -0
  67. package/dist/types/icons/TheGiantCompanyIcon.d.ts +5 -0
  68. package/dist/types/icons/TheGiantCompanyNewIcon.d.ts +6 -0
  69. package/dist/types/utils/IconsHandler.d.ts +1 -1
  70. package/package.json +2 -1
  71. package/dist/types/utils/ComponentFactory.d.ts +0 -4
  72. package/dist/types/utils/regex/OnlyEnglishLetters.regex.d.ts +0 -1
package/dist/index.esm.js CHANGED
@@ -4732,18 +4732,19 @@ const InfoIcon = _ref => {
4732
4732
  }));
4733
4733
  };
4734
4734
 
4735
- const LinkButton = ({
4736
- text = '',
4737
- type = 'primary',
4738
- size = 'small',
4739
- height = '',
4740
- width = '',
4741
- disabled = false,
4742
- textColor = '',
4743
- onClick,
4744
- leftIcon = 'none',
4745
- rightIcon = 'none'
4746
- }) => {
4735
+ const LinkButton = _ref => {
4736
+ let {
4737
+ text = '',
4738
+ type = 'primary',
4739
+ size = 'small',
4740
+ height = '',
4741
+ width = '',
4742
+ disabled = false,
4743
+ textColor = '',
4744
+ onClick,
4745
+ leftIcon = 'none',
4746
+ rightIcon = 'none'
4747
+ } = _ref;
4747
4748
  // const {
4748
4749
  // text,
4749
4750
  // type,
@@ -11690,67 +11691,70 @@ const DropdownMain = dt.div`
11690
11691
  `;
11691
11692
 
11692
11693
  /* eslint-disable react/prop-types */
11693
- const DropdownNew = ({
11694
- isMulti,
11695
- label,
11696
- labelEmptyValue,
11697
- options,
11698
- selectedValue,
11699
- placeHolder,
11700
- onChange,
11701
- required,
11702
- disabled,
11703
- width,
11704
- error,
11705
- errorMessage,
11706
- labelColor,
11707
- checkBoxColor,
11708
- xIconShow,
11709
- showLabelOnTop,
11710
- orderBy,
11711
- elementType
11712
- }) => /*#__PURE__*/React$1.createElement(DropdownMain, {
11713
- className: "DropdownMain",
11714
- width: width
11715
- }, isMulti ? /*#__PURE__*/React$1.createElement(DropdownMultiNew, {
11716
- className: "DropdownMultiNew",
11717
- placeHolder: placeHolder,
11718
- label: label,
11719
- labelEmptyValue: labelEmptyValue,
11720
- labelColor: labelColor,
11721
- checkBoxColor: checkBoxColor,
11722
- required: required,
11723
- options: options,
11724
- width: width,
11725
- disabled: disabled,
11726
- error: error,
11727
- errorMessage: errorMessage,
11728
- selectedValue: selectedValue,
11729
- xIconShow: xIconShow,
11730
- onChange: onChange,
11731
- showLabelOnTop: showLabelOnTop,
11732
- orderBy: orderBy,
11733
- elementType: elementType
11734
- }) : /*#__PURE__*/React$1.createElement(DropdownSingleNew, {
11735
- className: "DropdownSingleNew",
11736
- placeHolder: placeHolder,
11737
- label: label,
11738
- labelEmptyValue: labelEmptyValue,
11739
- labelColor: labelColor,
11740
- checkBoxColor: checkBoxColor,
11741
- required: required,
11742
- options: options,
11743
- width: width,
11744
- disabled: disabled,
11745
- error: error,
11746
- errorMessage: errorMessage,
11747
- selectedValue: selectedValue,
11748
- xIconShow: xIconShow,
11749
- onChange: onChange,
11750
- showLabelOnTop: showLabelOnTop,
11751
- orderBy: orderBy,
11752
- elementType: elementType
11753
- }));
11694
+ const DropdownNew = _ref => {
11695
+ let {
11696
+ isMulti,
11697
+ label,
11698
+ labelEmptyValue,
11699
+ options,
11700
+ selectedValue,
11701
+ placeHolder,
11702
+ onChange,
11703
+ required,
11704
+ disabled,
11705
+ width,
11706
+ error,
11707
+ errorMessage,
11708
+ labelColor,
11709
+ checkBoxColor,
11710
+ xIconShow,
11711
+ showLabelOnTop,
11712
+ orderBy,
11713
+ elementType
11714
+ } = _ref;
11715
+ return /*#__PURE__*/React$1.createElement(DropdownMain, {
11716
+ className: "DropdownMain",
11717
+ width: width
11718
+ }, isMulti ? /*#__PURE__*/React$1.createElement(DropdownMultiNew, {
11719
+ className: "DropdownMultiNew",
11720
+ placeHolder: placeHolder,
11721
+ label: label,
11722
+ labelEmptyValue: labelEmptyValue,
11723
+ labelColor: labelColor,
11724
+ checkBoxColor: checkBoxColor,
11725
+ required: required,
11726
+ options: options,
11727
+ width: width,
11728
+ disabled: disabled,
11729
+ error: error,
11730
+ errorMessage: errorMessage,
11731
+ selectedValue: selectedValue,
11732
+ xIconShow: xIconShow,
11733
+ onChange: onChange,
11734
+ showLabelOnTop: showLabelOnTop,
11735
+ orderBy: orderBy,
11736
+ elementType: elementType
11737
+ }) : /*#__PURE__*/React$1.createElement(DropdownSingleNew, {
11738
+ className: "DropdownSingleNew",
11739
+ placeHolder: placeHolder,
11740
+ label: label,
11741
+ labelEmptyValue: labelEmptyValue,
11742
+ labelColor: labelColor,
11743
+ checkBoxColor: checkBoxColor,
11744
+ required: required,
11745
+ options: options,
11746
+ width: width,
11747
+ disabled: disabled,
11748
+ error: error,
11749
+ errorMessage: errorMessage,
11750
+ selectedValue: selectedValue,
11751
+ xIconShow: xIconShow,
11752
+ onChange: onChange,
11753
+ showLabelOnTop: showLabelOnTop,
11754
+ orderBy: orderBy,
11755
+ elementType: elementType
11756
+ }));
11757
+ };
11754
11758
  DropdownNew.propTypes = {
11755
11759
  placeHolder: PropTypes.string,
11756
11760
  label: PropTypes.string,
@@ -12164,20 +12168,21 @@ const DatePicker = ({
12164
12168
  };
12165
12169
 
12166
12170
  /* eslint-disable import/no-extraneous-dependencies */
12167
- const RangePicker = ({
12168
- label,
12169
- onChange,
12170
- borderRadius,
12171
- required,
12172
- width,
12173
- height,
12174
- placeholder,
12175
- disabled,
12176
- borderColor,
12177
- borderColorFocus,
12178
- textColor,
12179
- selectedValue
12180
- }) => {
12171
+ const RangePicker = _ref => {
12172
+ let {
12173
+ label,
12174
+ onChange,
12175
+ borderRadius,
12176
+ required,
12177
+ width,
12178
+ height,
12179
+ placeholder,
12180
+ disabled,
12181
+ borderColor,
12182
+ borderColorFocus,
12183
+ textColor,
12184
+ selectedValue
12185
+ } = _ref;
12181
12186
  const [isFocused, setIsFocused] = useState(false);
12182
12187
  const [isOpen, setIsOpen] = useState(false);
12183
12188
  const [value, setValue] = useState(''); // Added value state
@@ -12605,22 +12610,23 @@ const QuarterPopupPicker = ({
12605
12610
  };
12606
12611
 
12607
12612
  /* eslint-disable import/no-extraneous-dependencies */
12608
- const QuarterPicker = ({
12609
- availableQuarters,
12610
- // ["Q1-2024"]
12611
- label,
12612
- onChange,
12613
- borderRadius,
12614
- required,
12615
- width,
12616
- height,
12617
- placeholder,
12618
- disabled,
12619
- borderColor,
12620
- borderColorFocus,
12621
- textColor,
12622
- selectedValue
12623
- }) => {
12613
+ const QuarterPicker = _ref => {
12614
+ let {
12615
+ availableQuarters,
12616
+ // ["Q1-2024"]
12617
+ label,
12618
+ onChange,
12619
+ borderRadius,
12620
+ required,
12621
+ width,
12622
+ height,
12623
+ placeholder,
12624
+ disabled,
12625
+ borderColor,
12626
+ borderColorFocus,
12627
+ textColor,
12628
+ selectedValue
12629
+ } = _ref;
12624
12630
  const [isFocused, setIsFocused] = useState(false);
12625
12631
  const [isOpen, setIsOpen] = useState(false);
12626
12632
  const [value, setValue] = useState('');
@@ -13057,21 +13063,22 @@ const MonthPopupPicker = ({
13057
13063
  };
13058
13064
 
13059
13065
  /* eslint-disable import/no-extraneous-dependencies */
13060
- const MonthPicker = ({
13061
- availableMonths,
13062
- label,
13063
- onChange,
13064
- borderRadius,
13065
- required,
13066
- width,
13067
- height,
13068
- placeholder,
13069
- disabled,
13070
- borderColor,
13071
- borderColorFocus,
13072
- textColor,
13073
- selectedValue
13074
- }) => {
13066
+ const MonthPicker = _ref => {
13067
+ let {
13068
+ availableMonths,
13069
+ label,
13070
+ onChange,
13071
+ borderRadius,
13072
+ required,
13073
+ width,
13074
+ height,
13075
+ placeholder,
13076
+ disabled,
13077
+ borderColor,
13078
+ borderColorFocus,
13079
+ textColor,
13080
+ selectedValue
13081
+ } = _ref;
13075
13082
  const [isFocused, setIsFocused] = useState(false);
13076
13083
  const [isOpen, setIsOpen] = useState(false);
13077
13084
  const [value, setValue] = useState('');
@@ -26257,21 +26264,22 @@ const DeleteIcon = dt.div`
26257
26264
  position: absolute;
26258
26265
  `;
26259
26266
 
26260
- const QuickFilterDropdownSingle = ({
26261
- label,
26262
- hoverColor,
26263
- options,
26264
- selectedValue,
26265
- placeHolder,
26266
- onChange,
26267
- disabled,
26268
- width,
26269
- error,
26270
- errorMessage,
26271
- xIconShow,
26272
- labelColor,
26273
- showLabelOnTop
26274
- }) => {
26267
+ const QuickFilterDropdownSingle = _ref => {
26268
+ let {
26269
+ label,
26270
+ hoverColor,
26271
+ options,
26272
+ selectedValue,
26273
+ placeHolder,
26274
+ onChange,
26275
+ disabled,
26276
+ width,
26277
+ error,
26278
+ errorMessage,
26279
+ xIconShow,
26280
+ labelColor,
26281
+ showLabelOnTop
26282
+ } = _ref;
26275
26283
  const [isFocused, setIsFocused] = useState(false);
26276
26284
  const [showOptions, setShowOptions] = useState(false);
26277
26285
  const [inputValue, setInputValue] = useState("");
@@ -26669,23 +26677,24 @@ const IconContainer$1 = dt.div`
26669
26677
  cursor: pointer;
26670
26678
  `;
26671
26679
 
26672
- const QuickFilterDropdownMultiSelection = ({
26673
- label,
26674
- labelEmptyValue,
26675
- options,
26676
- selectedValue,
26677
- placeHolder,
26678
- onChange,
26679
- required,
26680
- disabled,
26681
- width,
26682
- error,
26683
- errorMessage,
26684
- labelColor,
26685
- xIconShow,
26686
- checkBoxColor,
26687
- showLabelOnTop
26688
- }) => {
26680
+ const QuickFilterDropdownMultiSelection = _ref => {
26681
+ let {
26682
+ label,
26683
+ labelEmptyValue,
26684
+ options,
26685
+ selectedValue,
26686
+ placeHolder,
26687
+ onChange,
26688
+ required,
26689
+ disabled,
26690
+ width,
26691
+ error,
26692
+ errorMessage,
26693
+ labelColor,
26694
+ xIconShow,
26695
+ checkBoxColor,
26696
+ showLabelOnTop
26697
+ } = _ref;
26689
26698
  const [isFocused, setIsFocused] = useState(false);
26690
26699
  const [showOptions, setShowOptions] = useState(false);
26691
26700
  const [inputValue, setInputValue] = useState('');