sag_components 2.0.0-beta7 → 2.0.0-beta9
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.d.ts +5 -52
- package/dist/index.esm.js +165 -160
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +165 -160
- package/dist/index.js.map +1 -1
- package/dist/types/components/FilterPanel/FilterPanel.d.ts +4 -0
- package/dist/types/components/QuickFilter/QuickFilter.d.ts +0 -52
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -44316,18 +44316,19 @@ const InfoIcon = _ref => {
|
|
|
44316
44316
|
}));
|
|
44317
44317
|
};
|
|
44318
44318
|
|
|
44319
|
-
const LinkButton =
|
|
44320
|
-
|
|
44321
|
-
|
|
44322
|
-
|
|
44323
|
-
|
|
44324
|
-
|
|
44325
|
-
|
|
44326
|
-
|
|
44327
|
-
|
|
44328
|
-
|
|
44329
|
-
|
|
44330
|
-
|
|
44319
|
+
const LinkButton = _ref => {
|
|
44320
|
+
let {
|
|
44321
|
+
text = '',
|
|
44322
|
+
type = 'primary',
|
|
44323
|
+
size = 'small',
|
|
44324
|
+
height = '',
|
|
44325
|
+
width = '',
|
|
44326
|
+
disabled = false,
|
|
44327
|
+
textColor = '',
|
|
44328
|
+
onClick,
|
|
44329
|
+
leftIcon = 'none',
|
|
44330
|
+
rightIcon = 'none'
|
|
44331
|
+
} = _ref;
|
|
44331
44332
|
// const {
|
|
44332
44333
|
// text,
|
|
44333
44334
|
// type,
|
|
@@ -51274,70 +51275,67 @@ const DropdownMain = dt.div`
|
|
|
51274
51275
|
`;
|
|
51275
51276
|
|
|
51276
51277
|
/* eslint-disable react/prop-types */
|
|
51277
|
-
const DropdownNew =
|
|
51278
|
-
|
|
51279
|
-
|
|
51280
|
-
|
|
51281
|
-
|
|
51282
|
-
|
|
51283
|
-
|
|
51284
|
-
|
|
51285
|
-
|
|
51286
|
-
|
|
51287
|
-
|
|
51288
|
-
|
|
51289
|
-
|
|
51290
|
-
|
|
51291
|
-
|
|
51292
|
-
|
|
51293
|
-
|
|
51294
|
-
|
|
51295
|
-
|
|
51296
|
-
|
|
51297
|
-
|
|
51298
|
-
|
|
51299
|
-
|
|
51300
|
-
|
|
51301
|
-
|
|
51302
|
-
|
|
51303
|
-
|
|
51304
|
-
|
|
51305
|
-
|
|
51306
|
-
|
|
51307
|
-
|
|
51308
|
-
|
|
51309
|
-
|
|
51310
|
-
|
|
51311
|
-
|
|
51312
|
-
|
|
51313
|
-
|
|
51314
|
-
|
|
51315
|
-
|
|
51316
|
-
|
|
51317
|
-
|
|
51318
|
-
|
|
51319
|
-
|
|
51320
|
-
|
|
51321
|
-
|
|
51322
|
-
|
|
51323
|
-
|
|
51324
|
-
|
|
51325
|
-
|
|
51326
|
-
|
|
51327
|
-
|
|
51328
|
-
|
|
51329
|
-
|
|
51330
|
-
|
|
51331
|
-
|
|
51332
|
-
|
|
51333
|
-
|
|
51334
|
-
|
|
51335
|
-
|
|
51336
|
-
|
|
51337
|
-
|
|
51338
|
-
elementType: elementType
|
|
51339
|
-
}));
|
|
51340
|
-
};
|
|
51278
|
+
const DropdownNew = ({
|
|
51279
|
+
isMulti,
|
|
51280
|
+
label,
|
|
51281
|
+
labelEmptyValue,
|
|
51282
|
+
options,
|
|
51283
|
+
selectedValue,
|
|
51284
|
+
placeHolder,
|
|
51285
|
+
onChange,
|
|
51286
|
+
required,
|
|
51287
|
+
disabled,
|
|
51288
|
+
width,
|
|
51289
|
+
error,
|
|
51290
|
+
errorMessage,
|
|
51291
|
+
labelColor,
|
|
51292
|
+
checkBoxColor,
|
|
51293
|
+
xIconShow,
|
|
51294
|
+
showLabelOnTop,
|
|
51295
|
+
orderBy,
|
|
51296
|
+
elementType
|
|
51297
|
+
}) => /*#__PURE__*/React__default["default"].createElement(DropdownMain, {
|
|
51298
|
+
className: "DropdownMain",
|
|
51299
|
+
width: width
|
|
51300
|
+
}, isMulti ? /*#__PURE__*/React__default["default"].createElement(DropdownMultiNew, {
|
|
51301
|
+
className: "DropdownMultiNew",
|
|
51302
|
+
placeHolder: placeHolder,
|
|
51303
|
+
label: label,
|
|
51304
|
+
labelEmptyValue: labelEmptyValue,
|
|
51305
|
+
labelColor: labelColor,
|
|
51306
|
+
checkBoxColor: checkBoxColor,
|
|
51307
|
+
required: required,
|
|
51308
|
+
options: options,
|
|
51309
|
+
width: width,
|
|
51310
|
+
disabled: disabled,
|
|
51311
|
+
error: error,
|
|
51312
|
+
errorMessage: errorMessage,
|
|
51313
|
+
selectedValue: selectedValue,
|
|
51314
|
+
xIconShow: xIconShow,
|
|
51315
|
+
onChange: onChange,
|
|
51316
|
+
showLabelOnTop: showLabelOnTop,
|
|
51317
|
+
orderBy: orderBy,
|
|
51318
|
+
elementType: elementType
|
|
51319
|
+
}) : /*#__PURE__*/React__default["default"].createElement(DropdownSingleNew, {
|
|
51320
|
+
className: "DropdownSingleNew",
|
|
51321
|
+
placeHolder: placeHolder,
|
|
51322
|
+
label: label,
|
|
51323
|
+
labelEmptyValue: labelEmptyValue,
|
|
51324
|
+
labelColor: labelColor,
|
|
51325
|
+
checkBoxColor: checkBoxColor,
|
|
51326
|
+
required: required,
|
|
51327
|
+
options: options,
|
|
51328
|
+
width: width,
|
|
51329
|
+
disabled: disabled,
|
|
51330
|
+
error: error,
|
|
51331
|
+
errorMessage: errorMessage,
|
|
51332
|
+
selectedValue: selectedValue,
|
|
51333
|
+
xIconShow: xIconShow,
|
|
51334
|
+
onChange: onChange,
|
|
51335
|
+
showLabelOnTop: showLabelOnTop,
|
|
51336
|
+
orderBy: orderBy,
|
|
51337
|
+
elementType: elementType
|
|
51338
|
+
}));
|
|
51341
51339
|
DropdownNew.propTypes = {
|
|
51342
51340
|
placeHolder: PropTypes.string,
|
|
51343
51341
|
label: PropTypes.string,
|
|
@@ -51751,21 +51749,20 @@ const DatePicker = ({
|
|
|
51751
51749
|
};
|
|
51752
51750
|
|
|
51753
51751
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
51754
|
-
const RangePicker =
|
|
51755
|
-
|
|
51756
|
-
|
|
51757
|
-
|
|
51758
|
-
|
|
51759
|
-
|
|
51760
|
-
|
|
51761
|
-
|
|
51762
|
-
|
|
51763
|
-
|
|
51764
|
-
|
|
51765
|
-
|
|
51766
|
-
|
|
51767
|
-
|
|
51768
|
-
} = _ref;
|
|
51752
|
+
const RangePicker = ({
|
|
51753
|
+
label,
|
|
51754
|
+
onChange,
|
|
51755
|
+
borderRadius,
|
|
51756
|
+
required,
|
|
51757
|
+
width,
|
|
51758
|
+
height,
|
|
51759
|
+
placeholder,
|
|
51760
|
+
disabled,
|
|
51761
|
+
borderColor,
|
|
51762
|
+
borderColorFocus,
|
|
51763
|
+
textColor,
|
|
51764
|
+
selectedValue
|
|
51765
|
+
}) => {
|
|
51769
51766
|
const [isFocused, setIsFocused] = React.useState(false);
|
|
51770
51767
|
const [isOpen, setIsOpen] = React.useState(false);
|
|
51771
51768
|
const [value, setValue] = React.useState(''); // Added value state
|
|
@@ -52197,23 +52194,22 @@ const QuarterPopupPicker = ({
|
|
|
52197
52194
|
};
|
|
52198
52195
|
|
|
52199
52196
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
52200
|
-
const QuarterPicker =
|
|
52201
|
-
|
|
52202
|
-
|
|
52203
|
-
|
|
52204
|
-
|
|
52205
|
-
|
|
52206
|
-
|
|
52207
|
-
|
|
52208
|
-
|
|
52209
|
-
|
|
52210
|
-
|
|
52211
|
-
|
|
52212
|
-
|
|
52213
|
-
|
|
52214
|
-
|
|
52215
|
-
|
|
52216
|
-
} = _ref;
|
|
52197
|
+
const QuarterPicker = ({
|
|
52198
|
+
availableQuarters,
|
|
52199
|
+
// ["Q1-2024"]
|
|
52200
|
+
label,
|
|
52201
|
+
onChange,
|
|
52202
|
+
borderRadius,
|
|
52203
|
+
required,
|
|
52204
|
+
width,
|
|
52205
|
+
height,
|
|
52206
|
+
placeholder,
|
|
52207
|
+
disabled,
|
|
52208
|
+
borderColor,
|
|
52209
|
+
borderColorFocus,
|
|
52210
|
+
textColor,
|
|
52211
|
+
selectedValue
|
|
52212
|
+
}) => {
|
|
52217
52213
|
const [isFocused, setIsFocused] = React.useState(false);
|
|
52218
52214
|
const [isOpen, setIsOpen] = React.useState(false);
|
|
52219
52215
|
const [value, setValue] = React.useState('');
|
|
@@ -52652,22 +52648,21 @@ const MonthPopupPicker = ({
|
|
|
52652
52648
|
};
|
|
52653
52649
|
|
|
52654
52650
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
52655
|
-
const MonthPicker =
|
|
52656
|
-
|
|
52657
|
-
|
|
52658
|
-
|
|
52659
|
-
|
|
52660
|
-
|
|
52661
|
-
|
|
52662
|
-
|
|
52663
|
-
|
|
52664
|
-
|
|
52665
|
-
|
|
52666
|
-
|
|
52667
|
-
|
|
52668
|
-
|
|
52669
|
-
|
|
52670
|
-
} = _ref;
|
|
52651
|
+
const MonthPicker = ({
|
|
52652
|
+
availableMonths,
|
|
52653
|
+
label,
|
|
52654
|
+
onChange,
|
|
52655
|
+
borderRadius,
|
|
52656
|
+
required,
|
|
52657
|
+
width,
|
|
52658
|
+
height,
|
|
52659
|
+
placeholder,
|
|
52660
|
+
disabled,
|
|
52661
|
+
borderColor,
|
|
52662
|
+
borderColorFocus,
|
|
52663
|
+
textColor,
|
|
52664
|
+
selectedValue
|
|
52665
|
+
}) => {
|
|
52671
52666
|
const [isFocused, setIsFocused] = React.useState(false);
|
|
52672
52667
|
const [isOpen, setIsOpen] = React.useState(false);
|
|
52673
52668
|
const [value, setValue] = React.useState('');
|
|
@@ -53493,6 +53488,10 @@ FilterPanel.propTypes = {
|
|
|
53493
53488
|
elementType: PropTypes.string,
|
|
53494
53489
|
value: PropTypes.number,
|
|
53495
53490
|
color: PropTypes.string,
|
|
53491
|
+
defaultValueYears: PropTypes.shape({
|
|
53492
|
+
value: PropTypes.string,
|
|
53493
|
+
label: PropTypes.string
|
|
53494
|
+
}),
|
|
53496
53495
|
dropdownOptions: PropTypes.arrayOf(PropTypes.shape({
|
|
53497
53496
|
value: PropTypes.string,
|
|
53498
53497
|
label: PropTypes.string
|
|
@@ -66635,42 +66634,48 @@ const QuickFilter = _ref => {
|
|
|
66635
66634
|
xIconShow: xIconShow
|
|
66636
66635
|
}));
|
|
66637
66636
|
};
|
|
66638
|
-
|
|
66639
|
-
|
|
66640
|
-
|
|
66641
|
-
|
|
66642
|
-
|
|
66643
|
-
|
|
66644
|
-
|
|
66645
|
-
|
|
66646
|
-
|
|
66647
|
-
|
|
66648
|
-
|
|
66649
|
-
|
|
66650
|
-
|
|
66651
|
-
|
|
66652
|
-
|
|
66653
|
-
|
|
66654
|
-
|
|
66655
|
-
|
|
66656
|
-
|
|
66657
|
-
|
|
66658
|
-
|
|
66659
|
-
|
|
66660
|
-
|
|
66661
|
-
|
|
66662
|
-
|
|
66663
|
-
|
|
66664
|
-
|
|
66665
|
-
|
|
66666
|
-
|
|
66667
|
-
|
|
66668
|
-
|
|
66669
|
-
|
|
66670
|
-
|
|
66671
|
-
|
|
66672
|
-
|
|
66673
|
-
|
|
66637
|
+
|
|
66638
|
+
// QuickFilter.propTypes = {
|
|
66639
|
+
// hoverColor: PropTypes.string,
|
|
66640
|
+
// multipleSelection: PropTypes.bool,
|
|
66641
|
+
// disabled: PropTypes.bool,
|
|
66642
|
+
// error: PropTypes.bool,
|
|
66643
|
+
// errorMessage: "",
|
|
66644
|
+
// label: PropTypes.string,
|
|
66645
|
+
// labelColor: PropTypes.string,
|
|
66646
|
+
// placeHolder: PropTypes.string,
|
|
66647
|
+
// width: PropTypes.string,
|
|
66648
|
+
// checkBoxColor: PropTypes.string,
|
|
66649
|
+
// onChange: PropTypes.func,
|
|
66650
|
+
// options: PropTypes.arrayOf(
|
|
66651
|
+
// PropTypes.shape({
|
|
66652
|
+
// id: PropTypes.string,
|
|
66653
|
+
// label: PropTypes.string,
|
|
66654
|
+
// })
|
|
66655
|
+
// ),
|
|
66656
|
+
// selectedValue: PropTypes.arrayOf(
|
|
66657
|
+
// PropTypes.shape({
|
|
66658
|
+
// id: PropTypes.string,
|
|
66659
|
+
// label: PropTypes.string,
|
|
66660
|
+
// })
|
|
66661
|
+
// ),
|
|
66662
|
+
// };
|
|
66663
|
+
|
|
66664
|
+
// QuickFilter.defaultProps = {
|
|
66665
|
+
// hoverColor: "#066768",
|
|
66666
|
+
// multipleSelection: false,
|
|
66667
|
+
// disabled: false,
|
|
66668
|
+
// error: false,
|
|
66669
|
+
// errorMessage: "",
|
|
66670
|
+
// label: "Unit Type:",
|
|
66671
|
+
// labelColor: "#066768",
|
|
66672
|
+
// placeHolder: "Select From List",
|
|
66673
|
+
// width: "auto",
|
|
66674
|
+
// checkBoxColor: "#229E38",
|
|
66675
|
+
// onChange: () => {},
|
|
66676
|
+
// options: [],
|
|
66677
|
+
// selectedValue: [],
|
|
66678
|
+
// };
|
|
66674
66679
|
|
|
66675
66680
|
var classnames = {exports: {}};
|
|
66676
66681
|
|