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.js CHANGED
@@ -4741,18 +4741,19 @@ const InfoIcon = _ref => {
4741
4741
  }));
4742
4742
  };
4743
4743
 
4744
- const LinkButton = ({
4745
- text = '',
4746
- type = 'primary',
4747
- size = 'small',
4748
- height = '',
4749
- width = '',
4750
- disabled = false,
4751
- textColor = '',
4752
- onClick,
4753
- leftIcon = 'none',
4754
- rightIcon = 'none'
4755
- }) => {
4744
+ const LinkButton = _ref => {
4745
+ let {
4746
+ text = '',
4747
+ type = 'primary',
4748
+ size = 'small',
4749
+ height = '',
4750
+ width = '',
4751
+ disabled = false,
4752
+ textColor = '',
4753
+ onClick,
4754
+ leftIcon = 'none',
4755
+ rightIcon = 'none'
4756
+ } = _ref;
4756
4757
  // const {
4757
4758
  // text,
4758
4759
  // type,
@@ -11699,67 +11700,70 @@ const DropdownMain = dt.div`
11699
11700
  `;
11700
11701
 
11701
11702
  /* eslint-disable react/prop-types */
11702
- const DropdownNew = ({
11703
- isMulti,
11704
- label,
11705
- labelEmptyValue,
11706
- options,
11707
- selectedValue,
11708
- placeHolder,
11709
- onChange,
11710
- required,
11711
- disabled,
11712
- width,
11713
- error,
11714
- errorMessage,
11715
- labelColor,
11716
- checkBoxColor,
11717
- xIconShow,
11718
- showLabelOnTop,
11719
- orderBy,
11720
- elementType
11721
- }) => /*#__PURE__*/React__default["default"].createElement(DropdownMain, {
11722
- className: "DropdownMain",
11723
- width: width
11724
- }, isMulti ? /*#__PURE__*/React__default["default"].createElement(DropdownMultiNew, {
11725
- className: "DropdownMultiNew",
11726
- placeHolder: placeHolder,
11727
- label: label,
11728
- labelEmptyValue: labelEmptyValue,
11729
- labelColor: labelColor,
11730
- checkBoxColor: checkBoxColor,
11731
- required: required,
11732
- options: options,
11733
- width: width,
11734
- disabled: disabled,
11735
- error: error,
11736
- errorMessage: errorMessage,
11737
- selectedValue: selectedValue,
11738
- xIconShow: xIconShow,
11739
- onChange: onChange,
11740
- showLabelOnTop: showLabelOnTop,
11741
- orderBy: orderBy,
11742
- elementType: elementType
11743
- }) : /*#__PURE__*/React__default["default"].createElement(DropdownSingleNew, {
11744
- className: "DropdownSingleNew",
11745
- placeHolder: placeHolder,
11746
- label: label,
11747
- labelEmptyValue: labelEmptyValue,
11748
- labelColor: labelColor,
11749
- checkBoxColor: checkBoxColor,
11750
- required: required,
11751
- options: options,
11752
- width: width,
11753
- disabled: disabled,
11754
- error: error,
11755
- errorMessage: errorMessage,
11756
- selectedValue: selectedValue,
11757
- xIconShow: xIconShow,
11758
- onChange: onChange,
11759
- showLabelOnTop: showLabelOnTop,
11760
- orderBy: orderBy,
11761
- elementType: elementType
11762
- }));
11703
+ const DropdownNew = _ref => {
11704
+ let {
11705
+ isMulti,
11706
+ label,
11707
+ labelEmptyValue,
11708
+ options,
11709
+ selectedValue,
11710
+ placeHolder,
11711
+ onChange,
11712
+ required,
11713
+ disabled,
11714
+ width,
11715
+ error,
11716
+ errorMessage,
11717
+ labelColor,
11718
+ checkBoxColor,
11719
+ xIconShow,
11720
+ showLabelOnTop,
11721
+ orderBy,
11722
+ elementType
11723
+ } = _ref;
11724
+ return /*#__PURE__*/React__default["default"].createElement(DropdownMain, {
11725
+ className: "DropdownMain",
11726
+ width: width
11727
+ }, isMulti ? /*#__PURE__*/React__default["default"].createElement(DropdownMultiNew, {
11728
+ className: "DropdownMultiNew",
11729
+ placeHolder: placeHolder,
11730
+ label: label,
11731
+ labelEmptyValue: labelEmptyValue,
11732
+ labelColor: labelColor,
11733
+ checkBoxColor: checkBoxColor,
11734
+ required: required,
11735
+ options: options,
11736
+ width: width,
11737
+ disabled: disabled,
11738
+ error: error,
11739
+ errorMessage: errorMessage,
11740
+ selectedValue: selectedValue,
11741
+ xIconShow: xIconShow,
11742
+ onChange: onChange,
11743
+ showLabelOnTop: showLabelOnTop,
11744
+ orderBy: orderBy,
11745
+ elementType: elementType
11746
+ }) : /*#__PURE__*/React__default["default"].createElement(DropdownSingleNew, {
11747
+ className: "DropdownSingleNew",
11748
+ placeHolder: placeHolder,
11749
+ label: label,
11750
+ labelEmptyValue: labelEmptyValue,
11751
+ labelColor: labelColor,
11752
+ checkBoxColor: checkBoxColor,
11753
+ required: required,
11754
+ options: options,
11755
+ width: width,
11756
+ disabled: disabled,
11757
+ error: error,
11758
+ errorMessage: errorMessage,
11759
+ selectedValue: selectedValue,
11760
+ xIconShow: xIconShow,
11761
+ onChange: onChange,
11762
+ showLabelOnTop: showLabelOnTop,
11763
+ orderBy: orderBy,
11764
+ elementType: elementType
11765
+ }));
11766
+ };
11763
11767
  DropdownNew.propTypes = {
11764
11768
  placeHolder: PropTypes.string,
11765
11769
  label: PropTypes.string,
@@ -12173,20 +12177,21 @@ const DatePicker = ({
12173
12177
  };
12174
12178
 
12175
12179
  /* eslint-disable import/no-extraneous-dependencies */
12176
- const RangePicker = ({
12177
- label,
12178
- onChange,
12179
- borderRadius,
12180
- required,
12181
- width,
12182
- height,
12183
- placeholder,
12184
- disabled,
12185
- borderColor,
12186
- borderColorFocus,
12187
- textColor,
12188
- selectedValue
12189
- }) => {
12180
+ const RangePicker = _ref => {
12181
+ let {
12182
+ label,
12183
+ onChange,
12184
+ borderRadius,
12185
+ required,
12186
+ width,
12187
+ height,
12188
+ placeholder,
12189
+ disabled,
12190
+ borderColor,
12191
+ borderColorFocus,
12192
+ textColor,
12193
+ selectedValue
12194
+ } = _ref;
12190
12195
  const [isFocused, setIsFocused] = React$1.useState(false);
12191
12196
  const [isOpen, setIsOpen] = React$1.useState(false);
12192
12197
  const [value, setValue] = React$1.useState(''); // Added value state
@@ -12614,22 +12619,23 @@ const QuarterPopupPicker = ({
12614
12619
  };
12615
12620
 
12616
12621
  /* eslint-disable import/no-extraneous-dependencies */
12617
- const QuarterPicker = ({
12618
- availableQuarters,
12619
- // ["Q1-2024"]
12620
- label,
12621
- onChange,
12622
- borderRadius,
12623
- required,
12624
- width,
12625
- height,
12626
- placeholder,
12627
- disabled,
12628
- borderColor,
12629
- borderColorFocus,
12630
- textColor,
12631
- selectedValue
12632
- }) => {
12622
+ const QuarterPicker = _ref => {
12623
+ let {
12624
+ availableQuarters,
12625
+ // ["Q1-2024"]
12626
+ label,
12627
+ onChange,
12628
+ borderRadius,
12629
+ required,
12630
+ width,
12631
+ height,
12632
+ placeholder,
12633
+ disabled,
12634
+ borderColor,
12635
+ borderColorFocus,
12636
+ textColor,
12637
+ selectedValue
12638
+ } = _ref;
12633
12639
  const [isFocused, setIsFocused] = React$1.useState(false);
12634
12640
  const [isOpen, setIsOpen] = React$1.useState(false);
12635
12641
  const [value, setValue] = React$1.useState('');
@@ -13066,21 +13072,22 @@ const MonthPopupPicker = ({
13066
13072
  };
13067
13073
 
13068
13074
  /* eslint-disable import/no-extraneous-dependencies */
13069
- const MonthPicker = ({
13070
- availableMonths,
13071
- label,
13072
- onChange,
13073
- borderRadius,
13074
- required,
13075
- width,
13076
- height,
13077
- placeholder,
13078
- disabled,
13079
- borderColor,
13080
- borderColorFocus,
13081
- textColor,
13082
- selectedValue
13083
- }) => {
13075
+ const MonthPicker = _ref => {
13076
+ let {
13077
+ availableMonths,
13078
+ label,
13079
+ onChange,
13080
+ borderRadius,
13081
+ required,
13082
+ width,
13083
+ height,
13084
+ placeholder,
13085
+ disabled,
13086
+ borderColor,
13087
+ borderColorFocus,
13088
+ textColor,
13089
+ selectedValue
13090
+ } = _ref;
13084
13091
  const [isFocused, setIsFocused] = React$1.useState(false);
13085
13092
  const [isOpen, setIsOpen] = React$1.useState(false);
13086
13093
  const [value, setValue] = React$1.useState('');
@@ -26266,21 +26273,22 @@ const DeleteIcon = dt.div`
26266
26273
  position: absolute;
26267
26274
  `;
26268
26275
 
26269
- const QuickFilterDropdownSingle = ({
26270
- label,
26271
- hoverColor,
26272
- options,
26273
- selectedValue,
26274
- placeHolder,
26275
- onChange,
26276
- disabled,
26277
- width,
26278
- error,
26279
- errorMessage,
26280
- xIconShow,
26281
- labelColor,
26282
- showLabelOnTop
26283
- }) => {
26276
+ const QuickFilterDropdownSingle = _ref => {
26277
+ let {
26278
+ label,
26279
+ hoverColor,
26280
+ options,
26281
+ selectedValue,
26282
+ placeHolder,
26283
+ onChange,
26284
+ disabled,
26285
+ width,
26286
+ error,
26287
+ errorMessage,
26288
+ xIconShow,
26289
+ labelColor,
26290
+ showLabelOnTop
26291
+ } = _ref;
26284
26292
  const [isFocused, setIsFocused] = React$1.useState(false);
26285
26293
  const [showOptions, setShowOptions] = React$1.useState(false);
26286
26294
  const [inputValue, setInputValue] = React$1.useState("");
@@ -26678,23 +26686,24 @@ const IconContainer$1 = dt.div`
26678
26686
  cursor: pointer;
26679
26687
  `;
26680
26688
 
26681
- const QuickFilterDropdownMultiSelection = ({
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
- }) => {
26689
+ const QuickFilterDropdownMultiSelection = _ref => {
26690
+ let {
26691
+ label,
26692
+ labelEmptyValue,
26693
+ options,
26694
+ selectedValue,
26695
+ placeHolder,
26696
+ onChange,
26697
+ required,
26698
+ disabled,
26699
+ width,
26700
+ error,
26701
+ errorMessage,
26702
+ labelColor,
26703
+ xIconShow,
26704
+ checkBoxColor,
26705
+ showLabelOnTop
26706
+ } = _ref;
26698
26707
  const [isFocused, setIsFocused] = React$1.useState(false);
26699
26708
  const [showOptions, setShowOptions] = React$1.useState(false);
26700
26709
  const [inputValue, setInputValue] = React$1.useState('');