sag_components 2.0.0-beta23 → 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/utils/IconsHandler.d.ts +1 -1
- package/package.json +2 -1
- package/dist/types/reactTestApp/App.d.ts +0 -2
- package/dist/types/reactTestApp/index.d.ts +0 -1
- package/dist/types/reactTestApp/vite.config.d.ts +0 -2
- package/dist/types/utils/ComponentFactory.d.ts +0 -4
- 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
|
-
|
|
4737
|
-
|
|
4738
|
-
|
|
4739
|
-
|
|
4740
|
-
|
|
4741
|
-
|
|
4742
|
-
|
|
4743
|
-
|
|
4744
|
-
|
|
4745
|
-
|
|
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
|
-
|
|
11695
|
-
|
|
11696
|
-
|
|
11697
|
-
|
|
11698
|
-
|
|
11699
|
-
|
|
11700
|
-
|
|
11701
|
-
|
|
11702
|
-
|
|
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
|
-
|
|
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
|
-
|
|
12169
|
-
|
|
12170
|
-
|
|
12171
|
-
|
|
12172
|
-
|
|
12173
|
-
|
|
12174
|
-
|
|
12175
|
-
|
|
12176
|
-
|
|
12177
|
-
|
|
12178
|
-
|
|
12179
|
-
|
|
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
|
-
|
|
12610
|
-
|
|
12611
|
-
|
|
12612
|
-
|
|
12613
|
-
|
|
12614
|
-
|
|
12615
|
-
|
|
12616
|
-
|
|
12617
|
-
|
|
12618
|
-
|
|
12619
|
-
|
|
12620
|
-
|
|
12621
|
-
|
|
12622
|
-
|
|
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
|
-
|
|
13062
|
-
|
|
13063
|
-
|
|
13064
|
-
|
|
13065
|
-
|
|
13066
|
-
|
|
13067
|
-
|
|
13068
|
-
|
|
13069
|
-
|
|
13070
|
-
|
|
13071
|
-
|
|
13072
|
-
|
|
13073
|
-
|
|
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
|
-
|
|
26262
|
-
|
|
26263
|
-
|
|
26264
|
-
|
|
26265
|
-
|
|
26266
|
-
|
|
26267
|
-
|
|
26268
|
-
|
|
26269
|
-
|
|
26270
|
-
|
|
26271
|
-
|
|
26272
|
-
|
|
26273
|
-
|
|
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
|
-
|
|
26674
|
-
|
|
26675
|
-
|
|
26676
|
-
|
|
26677
|
-
|
|
26678
|
-
|
|
26679
|
-
|
|
26680
|
-
|
|
26681
|
-
|
|
26682
|
-
|
|
26683
|
-
|
|
26684
|
-
|
|
26685
|
-
|
|
26686
|
-
|
|
26687
|
-
|
|
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('');
|