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.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('');
|