sag_components 2.0.0-beta6 → 2.0.0-beta7
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 +6 -0
- package/dist/index.esm.js +118 -106
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +118 -106
- package/dist/index.js.map +1 -1
- package/dist/types/components/FilterPanel/FilterPanel.d.ts +6 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -51274,67 +51274,70 @@ const DropdownMain = dt.div`
|
|
|
51274
51274
|
`;
|
|
51275
51275
|
|
|
51276
51276
|
/* 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
|
-
|
|
51277
|
+
const DropdownNew = _ref => {
|
|
51278
|
+
let {
|
|
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
|
+
} = _ref;
|
|
51298
|
+
return /*#__PURE__*/React__default["default"].createElement(DropdownMain, {
|
|
51299
|
+
className: "DropdownMain",
|
|
51300
|
+
width: width
|
|
51301
|
+
}, isMulti ? /*#__PURE__*/React__default["default"].createElement(DropdownMultiNew, {
|
|
51302
|
+
className: "DropdownMultiNew",
|
|
51303
|
+
placeHolder: placeHolder,
|
|
51304
|
+
label: label,
|
|
51305
|
+
labelEmptyValue: labelEmptyValue,
|
|
51306
|
+
labelColor: labelColor,
|
|
51307
|
+
checkBoxColor: checkBoxColor,
|
|
51308
|
+
required: required,
|
|
51309
|
+
options: options,
|
|
51310
|
+
width: width,
|
|
51311
|
+
disabled: disabled,
|
|
51312
|
+
error: error,
|
|
51313
|
+
errorMessage: errorMessage,
|
|
51314
|
+
selectedValue: selectedValue,
|
|
51315
|
+
xIconShow: xIconShow,
|
|
51316
|
+
onChange: onChange,
|
|
51317
|
+
showLabelOnTop: showLabelOnTop,
|
|
51318
|
+
orderBy: orderBy,
|
|
51319
|
+
elementType: elementType
|
|
51320
|
+
}) : /*#__PURE__*/React__default["default"].createElement(DropdownSingleNew, {
|
|
51321
|
+
className: "DropdownSingleNew",
|
|
51322
|
+
placeHolder: placeHolder,
|
|
51323
|
+
label: label,
|
|
51324
|
+
labelEmptyValue: labelEmptyValue,
|
|
51325
|
+
labelColor: labelColor,
|
|
51326
|
+
checkBoxColor: checkBoxColor,
|
|
51327
|
+
required: required,
|
|
51328
|
+
options: options,
|
|
51329
|
+
width: width,
|
|
51330
|
+
disabled: disabled,
|
|
51331
|
+
error: error,
|
|
51332
|
+
errorMessage: errorMessage,
|
|
51333
|
+
selectedValue: selectedValue,
|
|
51334
|
+
xIconShow: xIconShow,
|
|
51335
|
+
onChange: onChange,
|
|
51336
|
+
showLabelOnTop: showLabelOnTop,
|
|
51337
|
+
orderBy: orderBy,
|
|
51338
|
+
elementType: elementType
|
|
51339
|
+
}));
|
|
51340
|
+
};
|
|
51338
51341
|
DropdownNew.propTypes = {
|
|
51339
51342
|
placeHolder: PropTypes.string,
|
|
51340
51343
|
label: PropTypes.string,
|
|
@@ -51748,20 +51751,21 @@ const DatePicker = ({
|
|
|
51748
51751
|
};
|
|
51749
51752
|
|
|
51750
51753
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
51751
|
-
const RangePicker =
|
|
51752
|
-
|
|
51753
|
-
|
|
51754
|
-
|
|
51755
|
-
|
|
51756
|
-
|
|
51757
|
-
|
|
51758
|
-
|
|
51759
|
-
|
|
51760
|
-
|
|
51761
|
-
|
|
51762
|
-
|
|
51763
|
-
|
|
51764
|
-
|
|
51754
|
+
const RangePicker = _ref => {
|
|
51755
|
+
let {
|
|
51756
|
+
label,
|
|
51757
|
+
onChange,
|
|
51758
|
+
borderRadius,
|
|
51759
|
+
required,
|
|
51760
|
+
width,
|
|
51761
|
+
height,
|
|
51762
|
+
placeholder,
|
|
51763
|
+
disabled,
|
|
51764
|
+
borderColor,
|
|
51765
|
+
borderColorFocus,
|
|
51766
|
+
textColor,
|
|
51767
|
+
selectedValue
|
|
51768
|
+
} = _ref;
|
|
51765
51769
|
const [isFocused, setIsFocused] = React.useState(false);
|
|
51766
51770
|
const [isOpen, setIsOpen] = React.useState(false);
|
|
51767
51771
|
const [value, setValue] = React.useState(''); // Added value state
|
|
@@ -52193,22 +52197,23 @@ const QuarterPopupPicker = ({
|
|
|
52193
52197
|
};
|
|
52194
52198
|
|
|
52195
52199
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
52196
|
-
const QuarterPicker =
|
|
52197
|
-
|
|
52198
|
-
|
|
52199
|
-
|
|
52200
|
-
|
|
52201
|
-
|
|
52202
|
-
|
|
52203
|
-
|
|
52204
|
-
|
|
52205
|
-
|
|
52206
|
-
|
|
52207
|
-
|
|
52208
|
-
|
|
52209
|
-
|
|
52210
|
-
|
|
52211
|
-
|
|
52200
|
+
const QuarterPicker = _ref => {
|
|
52201
|
+
let {
|
|
52202
|
+
availableQuarters,
|
|
52203
|
+
// ["Q1-2024"]
|
|
52204
|
+
label,
|
|
52205
|
+
onChange,
|
|
52206
|
+
borderRadius,
|
|
52207
|
+
required,
|
|
52208
|
+
width,
|
|
52209
|
+
height,
|
|
52210
|
+
placeholder,
|
|
52211
|
+
disabled,
|
|
52212
|
+
borderColor,
|
|
52213
|
+
borderColorFocus,
|
|
52214
|
+
textColor,
|
|
52215
|
+
selectedValue
|
|
52216
|
+
} = _ref;
|
|
52212
52217
|
const [isFocused, setIsFocused] = React.useState(false);
|
|
52213
52218
|
const [isOpen, setIsOpen] = React.useState(false);
|
|
52214
52219
|
const [value, setValue] = React.useState('');
|
|
@@ -52647,21 +52652,22 @@ const MonthPopupPicker = ({
|
|
|
52647
52652
|
};
|
|
52648
52653
|
|
|
52649
52654
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
52650
|
-
const MonthPicker =
|
|
52651
|
-
|
|
52652
|
-
|
|
52653
|
-
|
|
52654
|
-
|
|
52655
|
-
|
|
52656
|
-
|
|
52657
|
-
|
|
52658
|
-
|
|
52659
|
-
|
|
52660
|
-
|
|
52661
|
-
|
|
52662
|
-
|
|
52663
|
-
|
|
52664
|
-
|
|
52655
|
+
const MonthPicker = _ref => {
|
|
52656
|
+
let {
|
|
52657
|
+
availableMonths,
|
|
52658
|
+
label,
|
|
52659
|
+
onChange,
|
|
52660
|
+
borderRadius,
|
|
52661
|
+
required,
|
|
52662
|
+
width,
|
|
52663
|
+
height,
|
|
52664
|
+
placeholder,
|
|
52665
|
+
disabled,
|
|
52666
|
+
borderColor,
|
|
52667
|
+
borderColorFocus,
|
|
52668
|
+
textColor,
|
|
52669
|
+
selectedValue
|
|
52670
|
+
} = _ref;
|
|
52665
52671
|
const [isFocused, setIsFocused] = React.useState(false);
|
|
52666
52672
|
const [isOpen, setIsOpen] = React.useState(false);
|
|
52667
52673
|
const [value, setValue] = React.useState('');
|
|
@@ -53475,10 +53481,16 @@ FilterPanel.propTypes = {
|
|
|
53475
53481
|
label: PropTypes.string,
|
|
53476
53482
|
labelEmptyValue: PropTypes.string,
|
|
53477
53483
|
name: PropTypes.string,
|
|
53484
|
+
periodPickerSelectedValue: PropTypes.arrayOf(PropTypes.shape({
|
|
53485
|
+
value: PropTypes.string,
|
|
53486
|
+
label: PropTypes.string
|
|
53487
|
+
})),
|
|
53478
53488
|
selectedValue: PropTypes.arrayOf(PropTypes.shape({
|
|
53479
53489
|
value: PropTypes.string,
|
|
53480
53490
|
label: PropTypes.string
|
|
53481
53491
|
})),
|
|
53492
|
+
orderBy: PropTypes.string,
|
|
53493
|
+
elementType: PropTypes.string,
|
|
53482
53494
|
value: PropTypes.number,
|
|
53483
53495
|
color: PropTypes.string,
|
|
53484
53496
|
dropdownOptions: PropTypes.arrayOf(PropTypes.shape({
|