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.
- package/dist/index.esm.js +159 -150
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +159 -150
- package/dist/index.js.map +1 -1
- package/dist/types/icons/ArrowDownIcon.d.ts +6 -0
- package/dist/types/icons/ArrowDropDownIcon.d.ts +6 -0
- package/dist/types/icons/ArrowSelectIcon.d.ts +6 -0
- package/dist/types/icons/ArrowUpIcon.d.ts +6 -0
- package/dist/types/icons/AttachedIcon.d.ts +6 -0
- package/dist/types/icons/BellIcon.d.ts +6 -0
- package/dist/types/icons/ButtonArrowRight.d.ts +5 -0
- package/dist/types/icons/Calendar.d.ts +2 -0
- package/dist/types/icons/CalendarIcon.d.ts +6 -0
- package/dist/types/icons/CalendarInOpen.d.ts +2 -0
- package/dist/types/icons/CheckBoxButtonCheckedIcon.d.ts +7 -0
- package/dist/types/icons/CheckBoxCheckedIcon.d.ts +7 -0
- package/dist/types/icons/CheckBoxNotCheckedIcon.d.ts +7 -0
- package/dist/types/icons/ChervronLeftIcon.d.ts +2 -0
- package/dist/types/icons/ChervronRightIcon.d.ts +2 -0
- package/dist/types/icons/ChevronLeftIcon.d.ts +4 -0
- package/dist/types/icons/ChevronRightIcon.d.ts +4 -0
- package/dist/types/icons/ClockIcon.d.ts +6 -0
- package/dist/types/icons/CloseIcon.d.ts +6 -0
- package/dist/types/icons/CloseXIcon.d.ts +6 -0
- package/dist/types/icons/ComboBoxArrowDownIcon.d.ts +7 -0
- package/dist/types/icons/ComboBoxArrowUpIcon.d.ts +7 -0
- package/dist/types/icons/DocumentIcon.d.ts +6 -0
- package/dist/types/icons/DownloadIcon.d.ts +6 -0
- package/dist/types/icons/ErrorIcon.d.ts +6 -0
- package/dist/types/icons/ExitIcon.d.ts +7 -0
- package/dist/types/icons/ExportIcon.d.ts +7 -0
- package/dist/types/icons/EyeIcon.d.ts +7 -0
- package/dist/types/icons/FileIcon.d.ts +6 -0
- package/dist/types/icons/FilterIcon.d.ts +6 -0
- package/dist/types/icons/FlyIcon.d.ts +7 -0
- package/dist/types/icons/FoodLionChartIcon.d.ts +2 -0
- package/dist/types/icons/FoodLionIcon.d.ts +6 -0
- package/dist/types/icons/FoodLionNewIcon.d.ts +5 -0
- package/dist/types/icons/GiantFoodChartIcon.d.ts +2 -0
- package/dist/types/icons/GiantFoodIcon.d.ts +7 -0
- package/dist/types/icons/GiantFoodIcon_new.d.ts +7 -0
- package/dist/types/icons/HannafordChartIcon.d.ts +2 -0
- package/dist/types/icons/HannafordIcon.d.ts +6 -0
- package/dist/types/icons/HannafordIcon_new.d.ts +6 -0
- package/dist/types/icons/InfoIcon.d.ts +7 -0
- package/dist/types/icons/LampIcon.d.ts +6 -0
- package/dist/types/icons/LegendLineIcon.d.ts +6 -0
- package/dist/types/icons/LegendUnionIcon.d.ts +6 -0
- package/dist/types/icons/MaintenanceIcon.d.ts +7 -0
- package/dist/types/icons/MenuItemClosedIcon.d.ts +7 -0
- package/dist/types/icons/MenuItemOpenIcon.d.ts +7 -0
- package/dist/types/icons/MenuItemRightIcon.d.ts +7 -0
- package/dist/types/icons/MenuItemUpIcon.d.ts +7 -0
- package/dist/types/icons/NoDataFoundIcon.d.ts +12 -0
- package/dist/types/icons/OptionsIcon.d.ts +6 -0
- package/dist/types/icons/ReselectIcon.d.ts +6 -0
- package/dist/types/icons/SearchIcon.d.ts +6 -0
- package/dist/types/icons/ShoppingCartIcon.d.ts +6 -0
- package/dist/types/icons/ShoutIcon.d.ts +6 -0
- package/dist/types/icons/SortIcon.d.ts +7 -0
- package/dist/types/icons/SpotlightProductIcon.d.ts +7 -0
- package/dist/types/icons/StopAndShopChartIcon.d.ts +2 -0
- package/dist/types/icons/StopAndShopIcon.d.ts +7 -0
- package/dist/types/icons/StopAndShopNewIcon.d.ts +6 -0
- package/dist/types/icons/SucceededIcon.d.ts +6 -0
- package/dist/types/icons/TheGiantCompanyChartIcon.d.ts +2 -0
- package/dist/types/icons/TheGiantCompanyIcon.d.ts +5 -0
- package/dist/types/icons/TheGiantCompanyNewIcon.d.ts +6 -0
- package/dist/types/utils/IconsHandler.d.ts +1 -1
- package/package.json +2 -1
- package/dist/types/utils/ComponentFactory.d.ts +0 -4
- 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
|
-
|
|
4746
|
-
|
|
4747
|
-
|
|
4748
|
-
|
|
4749
|
-
|
|
4750
|
-
|
|
4751
|
-
|
|
4752
|
-
|
|
4753
|
-
|
|
4754
|
-
|
|
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
|
-
|
|
11704
|
-
|
|
11705
|
-
|
|
11706
|
-
|
|
11707
|
-
|
|
11708
|
-
|
|
11709
|
-
|
|
11710
|
-
|
|
11711
|
-
|
|
11712
|
-
|
|
11713
|
-
|
|
11714
|
-
|
|
11715
|
-
|
|
11716
|
-
|
|
11717
|
-
|
|
11718
|
-
|
|
11719
|
-
|
|
11720
|
-
|
|
11721
|
-
|
|
11722
|
-
|
|
11723
|
-
|
|
11724
|
-
|
|
11725
|
-
|
|
11726
|
-
|
|
11727
|
-
|
|
11728
|
-
|
|
11729
|
-
|
|
11730
|
-
|
|
11731
|
-
|
|
11732
|
-
|
|
11733
|
-
|
|
11734
|
-
|
|
11735
|
-
|
|
11736
|
-
|
|
11737
|
-
|
|
11738
|
-
|
|
11739
|
-
|
|
11740
|
-
|
|
11741
|
-
|
|
11742
|
-
|
|
11743
|
-
|
|
11744
|
-
|
|
11745
|
-
|
|
11746
|
-
|
|
11747
|
-
|
|
11748
|
-
|
|
11749
|
-
|
|
11750
|
-
|
|
11751
|
-
|
|
11752
|
-
|
|
11753
|
-
|
|
11754
|
-
|
|
11755
|
-
|
|
11756
|
-
|
|
11757
|
-
|
|
11758
|
-
|
|
11759
|
-
|
|
11760
|
-
|
|
11761
|
-
|
|
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
|
-
|
|
12178
|
-
|
|
12179
|
-
|
|
12180
|
-
|
|
12181
|
-
|
|
12182
|
-
|
|
12183
|
-
|
|
12184
|
-
|
|
12185
|
-
|
|
12186
|
-
|
|
12187
|
-
|
|
12188
|
-
|
|
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
|
-
|
|
12619
|
-
|
|
12620
|
-
|
|
12621
|
-
|
|
12622
|
-
|
|
12623
|
-
|
|
12624
|
-
|
|
12625
|
-
|
|
12626
|
-
|
|
12627
|
-
|
|
12628
|
-
|
|
12629
|
-
|
|
12630
|
-
|
|
12631
|
-
|
|
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
|
-
|
|
13071
|
-
|
|
13072
|
-
|
|
13073
|
-
|
|
13074
|
-
|
|
13075
|
-
|
|
13076
|
-
|
|
13077
|
-
|
|
13078
|
-
|
|
13079
|
-
|
|
13080
|
-
|
|
13081
|
-
|
|
13082
|
-
|
|
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
|
-
|
|
26271
|
-
|
|
26272
|
-
|
|
26273
|
-
|
|
26274
|
-
|
|
26275
|
-
|
|
26276
|
-
|
|
26277
|
-
|
|
26278
|
-
|
|
26279
|
-
|
|
26280
|
-
|
|
26281
|
-
|
|
26282
|
-
|
|
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
|
-
|
|
26683
|
-
|
|
26684
|
-
|
|
26685
|
-
|
|
26686
|
-
|
|
26687
|
-
|
|
26688
|
-
|
|
26689
|
-
|
|
26690
|
-
|
|
26691
|
-
|
|
26692
|
-
|
|
26693
|
-
|
|
26694
|
-
|
|
26695
|
-
|
|
26696
|
-
|
|
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('');
|