sag_components 2.0.0-beta5 → 2.0.0-beta6
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 +4 -1
- package/dist/index.esm.js +122 -126
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +122 -126
- package/dist/index.js.map +1 -1
- package/dist/types/components/FilterPanel/FilterPanel.d.ts +4 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -273,7 +273,10 @@ declare namespace FilterPanel {
|
|
|
273
273
|
label: PropTypes.Requireable<string>;
|
|
274
274
|
labelEmptyValue: PropTypes.Requireable<string>;
|
|
275
275
|
name: PropTypes.Requireable<string>;
|
|
276
|
-
selectedValue: PropTypes.Requireable<
|
|
276
|
+
selectedValue: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
277
|
+
value: PropTypes.Requireable<string>;
|
|
278
|
+
label: PropTypes.Requireable<string>;
|
|
279
|
+
}> | null | undefined)[]>;
|
|
277
280
|
value: PropTypes.Requireable<number>;
|
|
278
281
|
color: PropTypes.Requireable<string>;
|
|
279
282
|
dropdownOptions: PropTypes.Requireable<(PropTypes.InferProps<{
|
package/dist/index.esm.js
CHANGED
|
@@ -44289,19 +44289,18 @@ const InfoIcon = _ref => {
|
|
|
44289
44289
|
}));
|
|
44290
44290
|
};
|
|
44291
44291
|
|
|
44292
|
-
const LinkButton =
|
|
44293
|
-
|
|
44294
|
-
|
|
44295
|
-
|
|
44296
|
-
|
|
44297
|
-
|
|
44298
|
-
|
|
44299
|
-
|
|
44300
|
-
|
|
44301
|
-
|
|
44302
|
-
|
|
44303
|
-
|
|
44304
|
-
} = _ref;
|
|
44292
|
+
const LinkButton = ({
|
|
44293
|
+
text = '',
|
|
44294
|
+
type = 'primary',
|
|
44295
|
+
size = 'small',
|
|
44296
|
+
height = '',
|
|
44297
|
+
width = '',
|
|
44298
|
+
disabled = false,
|
|
44299
|
+
textColor = '',
|
|
44300
|
+
onClick,
|
|
44301
|
+
leftIcon = 'none',
|
|
44302
|
+
rightIcon = 'none'
|
|
44303
|
+
}) => {
|
|
44305
44304
|
// const {
|
|
44306
44305
|
// text,
|
|
44307
44306
|
// type,
|
|
@@ -51248,70 +51247,67 @@ const DropdownMain = dt.div`
|
|
|
51248
51247
|
`;
|
|
51249
51248
|
|
|
51250
51249
|
/* eslint-disable react/prop-types */
|
|
51251
|
-
const DropdownNew =
|
|
51252
|
-
|
|
51253
|
-
|
|
51254
|
-
|
|
51255
|
-
|
|
51256
|
-
|
|
51257
|
-
|
|
51258
|
-
|
|
51259
|
-
|
|
51260
|
-
|
|
51261
|
-
|
|
51262
|
-
|
|
51263
|
-
|
|
51264
|
-
|
|
51265
|
-
|
|
51266
|
-
|
|
51267
|
-
|
|
51268
|
-
|
|
51269
|
-
|
|
51270
|
-
|
|
51271
|
-
|
|
51272
|
-
|
|
51273
|
-
|
|
51274
|
-
|
|
51275
|
-
|
|
51276
|
-
|
|
51277
|
-
|
|
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
|
-
elementType: elementType
|
|
51313
|
-
}));
|
|
51314
|
-
};
|
|
51250
|
+
const DropdownNew = ({
|
|
51251
|
+
isMulti,
|
|
51252
|
+
label,
|
|
51253
|
+
labelEmptyValue,
|
|
51254
|
+
options,
|
|
51255
|
+
selectedValue,
|
|
51256
|
+
placeHolder,
|
|
51257
|
+
onChange,
|
|
51258
|
+
required,
|
|
51259
|
+
disabled,
|
|
51260
|
+
width,
|
|
51261
|
+
error,
|
|
51262
|
+
errorMessage,
|
|
51263
|
+
labelColor,
|
|
51264
|
+
checkBoxColor,
|
|
51265
|
+
xIconShow,
|
|
51266
|
+
showLabelOnTop,
|
|
51267
|
+
orderBy,
|
|
51268
|
+
elementType
|
|
51269
|
+
}) => /*#__PURE__*/React__default.createElement(DropdownMain, {
|
|
51270
|
+
className: "DropdownMain",
|
|
51271
|
+
width: width
|
|
51272
|
+
}, isMulti ? /*#__PURE__*/React__default.createElement(DropdownMultiNew, {
|
|
51273
|
+
className: "DropdownMultiNew",
|
|
51274
|
+
placeHolder: placeHolder,
|
|
51275
|
+
label: label,
|
|
51276
|
+
labelEmptyValue: labelEmptyValue,
|
|
51277
|
+
labelColor: labelColor,
|
|
51278
|
+
checkBoxColor: checkBoxColor,
|
|
51279
|
+
required: required,
|
|
51280
|
+
options: options,
|
|
51281
|
+
width: width,
|
|
51282
|
+
disabled: disabled,
|
|
51283
|
+
error: error,
|
|
51284
|
+
errorMessage: errorMessage,
|
|
51285
|
+
selectedValue: selectedValue,
|
|
51286
|
+
xIconShow: xIconShow,
|
|
51287
|
+
onChange: onChange,
|
|
51288
|
+
showLabelOnTop: showLabelOnTop,
|
|
51289
|
+
orderBy: orderBy,
|
|
51290
|
+
elementType: elementType
|
|
51291
|
+
}) : /*#__PURE__*/React__default.createElement(DropdownSingleNew, {
|
|
51292
|
+
className: "DropdownSingleNew",
|
|
51293
|
+
placeHolder: placeHolder,
|
|
51294
|
+
label: label,
|
|
51295
|
+
labelEmptyValue: labelEmptyValue,
|
|
51296
|
+
labelColor: labelColor,
|
|
51297
|
+
checkBoxColor: checkBoxColor,
|
|
51298
|
+
required: required,
|
|
51299
|
+
options: options,
|
|
51300
|
+
width: width,
|
|
51301
|
+
disabled: disabled,
|
|
51302
|
+
error: error,
|
|
51303
|
+
errorMessage: errorMessage,
|
|
51304
|
+
selectedValue: selectedValue,
|
|
51305
|
+
xIconShow: xIconShow,
|
|
51306
|
+
onChange: onChange,
|
|
51307
|
+
showLabelOnTop: showLabelOnTop,
|
|
51308
|
+
orderBy: orderBy,
|
|
51309
|
+
elementType: elementType
|
|
51310
|
+
}));
|
|
51315
51311
|
DropdownNew.propTypes = {
|
|
51316
51312
|
placeHolder: PropTypes.string,
|
|
51317
51313
|
label: PropTypes.string,
|
|
@@ -51725,21 +51721,20 @@ const DatePicker = ({
|
|
|
51725
51721
|
};
|
|
51726
51722
|
|
|
51727
51723
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
51728
|
-
const RangePicker =
|
|
51729
|
-
|
|
51730
|
-
|
|
51731
|
-
|
|
51732
|
-
|
|
51733
|
-
|
|
51734
|
-
|
|
51735
|
-
|
|
51736
|
-
|
|
51737
|
-
|
|
51738
|
-
|
|
51739
|
-
|
|
51740
|
-
|
|
51741
|
-
|
|
51742
|
-
} = _ref;
|
|
51724
|
+
const RangePicker = ({
|
|
51725
|
+
label,
|
|
51726
|
+
onChange,
|
|
51727
|
+
borderRadius,
|
|
51728
|
+
required,
|
|
51729
|
+
width,
|
|
51730
|
+
height,
|
|
51731
|
+
placeholder,
|
|
51732
|
+
disabled,
|
|
51733
|
+
borderColor,
|
|
51734
|
+
borderColorFocus,
|
|
51735
|
+
textColor,
|
|
51736
|
+
selectedValue
|
|
51737
|
+
}) => {
|
|
51743
51738
|
const [isFocused, setIsFocused] = useState(false);
|
|
51744
51739
|
const [isOpen, setIsOpen] = useState(false);
|
|
51745
51740
|
const [value, setValue] = useState(''); // Added value state
|
|
@@ -52171,23 +52166,22 @@ const QuarterPopupPicker = ({
|
|
|
52171
52166
|
};
|
|
52172
52167
|
|
|
52173
52168
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
52174
|
-
const QuarterPicker =
|
|
52175
|
-
|
|
52176
|
-
|
|
52177
|
-
|
|
52178
|
-
|
|
52179
|
-
|
|
52180
|
-
|
|
52181
|
-
|
|
52182
|
-
|
|
52183
|
-
|
|
52184
|
-
|
|
52185
|
-
|
|
52186
|
-
|
|
52187
|
-
|
|
52188
|
-
|
|
52189
|
-
|
|
52190
|
-
} = _ref;
|
|
52169
|
+
const QuarterPicker = ({
|
|
52170
|
+
availableQuarters,
|
|
52171
|
+
// ["Q1-2024"]
|
|
52172
|
+
label,
|
|
52173
|
+
onChange,
|
|
52174
|
+
borderRadius,
|
|
52175
|
+
required,
|
|
52176
|
+
width,
|
|
52177
|
+
height,
|
|
52178
|
+
placeholder,
|
|
52179
|
+
disabled,
|
|
52180
|
+
borderColor,
|
|
52181
|
+
borderColorFocus,
|
|
52182
|
+
textColor,
|
|
52183
|
+
selectedValue
|
|
52184
|
+
}) => {
|
|
52191
52185
|
const [isFocused, setIsFocused] = useState(false);
|
|
52192
52186
|
const [isOpen, setIsOpen] = useState(false);
|
|
52193
52187
|
const [value, setValue] = useState('');
|
|
@@ -52626,22 +52620,21 @@ const MonthPopupPicker = ({
|
|
|
52626
52620
|
};
|
|
52627
52621
|
|
|
52628
52622
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
52629
|
-
const MonthPicker =
|
|
52630
|
-
|
|
52631
|
-
|
|
52632
|
-
|
|
52633
|
-
|
|
52634
|
-
|
|
52635
|
-
|
|
52636
|
-
|
|
52637
|
-
|
|
52638
|
-
|
|
52639
|
-
|
|
52640
|
-
|
|
52641
|
-
|
|
52642
|
-
|
|
52643
|
-
|
|
52644
|
-
} = _ref;
|
|
52623
|
+
const MonthPicker = ({
|
|
52624
|
+
availableMonths,
|
|
52625
|
+
label,
|
|
52626
|
+
onChange,
|
|
52627
|
+
borderRadius,
|
|
52628
|
+
required,
|
|
52629
|
+
width,
|
|
52630
|
+
height,
|
|
52631
|
+
placeholder,
|
|
52632
|
+
disabled,
|
|
52633
|
+
borderColor,
|
|
52634
|
+
borderColorFocus,
|
|
52635
|
+
textColor,
|
|
52636
|
+
selectedValue
|
|
52637
|
+
}) => {
|
|
52645
52638
|
const [isFocused, setIsFocused] = useState(false);
|
|
52646
52639
|
const [isOpen, setIsOpen] = useState(false);
|
|
52647
52640
|
const [value, setValue] = useState('');
|
|
@@ -53455,7 +53448,10 @@ FilterPanel.propTypes = {
|
|
|
53455
53448
|
label: PropTypes.string,
|
|
53456
53449
|
labelEmptyValue: PropTypes.string,
|
|
53457
53450
|
name: PropTypes.string,
|
|
53458
|
-
selectedValue: PropTypes.
|
|
53451
|
+
selectedValue: PropTypes.arrayOf(PropTypes.shape({
|
|
53452
|
+
value: PropTypes.string,
|
|
53453
|
+
label: PropTypes.string
|
|
53454
|
+
})),
|
|
53459
53455
|
value: PropTypes.number,
|
|
53460
53456
|
color: PropTypes.string,
|
|
53461
53457
|
dropdownOptions: PropTypes.arrayOf(PropTypes.shape({
|