sag_components 2.0.0-beta7 → 2.0.0-beta8
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 -0
- package/dist/index.esm.js +109 -109
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +109 -109
- package/dist/index.js.map +1 -1
- package/dist/types/components/FilterPanel/FilterPanel.d.ts +4 -0
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -285,6 +285,10 @@ declare namespace FilterPanel {
|
|
|
285
285
|
elementType: PropTypes.Requireable<string>;
|
|
286
286
|
value: PropTypes.Requireable<number>;
|
|
287
287
|
color: PropTypes.Requireable<string>;
|
|
288
|
+
defaultValueYears: PropTypes.Requireable<PropTypes.InferProps<{
|
|
289
|
+
value: PropTypes.Requireable<string>;
|
|
290
|
+
label: PropTypes.Requireable<string>;
|
|
291
|
+
}>>;
|
|
288
292
|
dropdownOptions: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
289
293
|
value: PropTypes.Requireable<string>;
|
|
290
294
|
label: PropTypes.Requireable<string>;
|
package/dist/index.esm.js
CHANGED
|
@@ -44289,18 +44289,19 @@ const InfoIcon = _ref => {
|
|
|
44289
44289
|
}));
|
|
44290
44290
|
};
|
|
44291
44291
|
|
|
44292
|
-
const LinkButton =
|
|
44293
|
-
|
|
44294
|
-
|
|
44295
|
-
|
|
44296
|
-
|
|
44297
|
-
|
|
44298
|
-
|
|
44299
|
-
|
|
44300
|
-
|
|
44301
|
-
|
|
44302
|
-
|
|
44303
|
-
|
|
44292
|
+
const LinkButton = _ref => {
|
|
44293
|
+
let {
|
|
44294
|
+
text = '',
|
|
44295
|
+
type = 'primary',
|
|
44296
|
+
size = 'small',
|
|
44297
|
+
height = '',
|
|
44298
|
+
width = '',
|
|
44299
|
+
disabled = false,
|
|
44300
|
+
textColor = '',
|
|
44301
|
+
onClick,
|
|
44302
|
+
leftIcon = 'none',
|
|
44303
|
+
rightIcon = 'none'
|
|
44304
|
+
} = _ref;
|
|
44304
44305
|
// const {
|
|
44305
44306
|
// text,
|
|
44306
44307
|
// type,
|
|
@@ -51247,70 +51248,67 @@ const DropdownMain = dt.div`
|
|
|
51247
51248
|
`;
|
|
51248
51249
|
|
|
51249
51250
|
/* eslint-disable react/prop-types */
|
|
51250
|
-
const DropdownNew =
|
|
51251
|
-
|
|
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
|
-
elementType: elementType
|
|
51312
|
-
}));
|
|
51313
|
-
};
|
|
51251
|
+
const DropdownNew = ({
|
|
51252
|
+
isMulti,
|
|
51253
|
+
label,
|
|
51254
|
+
labelEmptyValue,
|
|
51255
|
+
options,
|
|
51256
|
+
selectedValue,
|
|
51257
|
+
placeHolder,
|
|
51258
|
+
onChange,
|
|
51259
|
+
required,
|
|
51260
|
+
disabled,
|
|
51261
|
+
width,
|
|
51262
|
+
error,
|
|
51263
|
+
errorMessage,
|
|
51264
|
+
labelColor,
|
|
51265
|
+
checkBoxColor,
|
|
51266
|
+
xIconShow,
|
|
51267
|
+
showLabelOnTop,
|
|
51268
|
+
orderBy,
|
|
51269
|
+
elementType
|
|
51270
|
+
}) => /*#__PURE__*/React__default.createElement(DropdownMain, {
|
|
51271
|
+
className: "DropdownMain",
|
|
51272
|
+
width: width
|
|
51273
|
+
}, isMulti ? /*#__PURE__*/React__default.createElement(DropdownMultiNew, {
|
|
51274
|
+
className: "DropdownMultiNew",
|
|
51275
|
+
placeHolder: placeHolder,
|
|
51276
|
+
label: label,
|
|
51277
|
+
labelEmptyValue: labelEmptyValue,
|
|
51278
|
+
labelColor: labelColor,
|
|
51279
|
+
checkBoxColor: checkBoxColor,
|
|
51280
|
+
required: required,
|
|
51281
|
+
options: options,
|
|
51282
|
+
width: width,
|
|
51283
|
+
disabled: disabled,
|
|
51284
|
+
error: error,
|
|
51285
|
+
errorMessage: errorMessage,
|
|
51286
|
+
selectedValue: selectedValue,
|
|
51287
|
+
xIconShow: xIconShow,
|
|
51288
|
+
onChange: onChange,
|
|
51289
|
+
showLabelOnTop: showLabelOnTop,
|
|
51290
|
+
orderBy: orderBy,
|
|
51291
|
+
elementType: elementType
|
|
51292
|
+
}) : /*#__PURE__*/React__default.createElement(DropdownSingleNew, {
|
|
51293
|
+
className: "DropdownSingleNew",
|
|
51294
|
+
placeHolder: placeHolder,
|
|
51295
|
+
label: label,
|
|
51296
|
+
labelEmptyValue: labelEmptyValue,
|
|
51297
|
+
labelColor: labelColor,
|
|
51298
|
+
checkBoxColor: checkBoxColor,
|
|
51299
|
+
required: required,
|
|
51300
|
+
options: options,
|
|
51301
|
+
width: width,
|
|
51302
|
+
disabled: disabled,
|
|
51303
|
+
error: error,
|
|
51304
|
+
errorMessage: errorMessage,
|
|
51305
|
+
selectedValue: selectedValue,
|
|
51306
|
+
xIconShow: xIconShow,
|
|
51307
|
+
onChange: onChange,
|
|
51308
|
+
showLabelOnTop: showLabelOnTop,
|
|
51309
|
+
orderBy: orderBy,
|
|
51310
|
+
elementType: elementType
|
|
51311
|
+
}));
|
|
51314
51312
|
DropdownNew.propTypes = {
|
|
51315
51313
|
placeHolder: PropTypes.string,
|
|
51316
51314
|
label: PropTypes.string,
|
|
@@ -52170,23 +52168,22 @@ const QuarterPopupPicker = ({
|
|
|
52170
52168
|
};
|
|
52171
52169
|
|
|
52172
52170
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
52173
|
-
const QuarterPicker =
|
|
52174
|
-
|
|
52175
|
-
|
|
52176
|
-
|
|
52177
|
-
|
|
52178
|
-
|
|
52179
|
-
|
|
52180
|
-
|
|
52181
|
-
|
|
52182
|
-
|
|
52183
|
-
|
|
52184
|
-
|
|
52185
|
-
|
|
52186
|
-
|
|
52187
|
-
|
|
52188
|
-
|
|
52189
|
-
} = _ref;
|
|
52171
|
+
const QuarterPicker = ({
|
|
52172
|
+
availableQuarters,
|
|
52173
|
+
// ["Q1-2024"]
|
|
52174
|
+
label,
|
|
52175
|
+
onChange,
|
|
52176
|
+
borderRadius,
|
|
52177
|
+
required,
|
|
52178
|
+
width,
|
|
52179
|
+
height,
|
|
52180
|
+
placeholder,
|
|
52181
|
+
disabled,
|
|
52182
|
+
borderColor,
|
|
52183
|
+
borderColorFocus,
|
|
52184
|
+
textColor,
|
|
52185
|
+
selectedValue
|
|
52186
|
+
}) => {
|
|
52190
52187
|
const [isFocused, setIsFocused] = useState(false);
|
|
52191
52188
|
const [isOpen, setIsOpen] = useState(false);
|
|
52192
52189
|
const [value, setValue] = useState('');
|
|
@@ -52625,22 +52622,21 @@ const MonthPopupPicker = ({
|
|
|
52625
52622
|
};
|
|
52626
52623
|
|
|
52627
52624
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
52628
|
-
const MonthPicker =
|
|
52629
|
-
|
|
52630
|
-
|
|
52631
|
-
|
|
52632
|
-
|
|
52633
|
-
|
|
52634
|
-
|
|
52635
|
-
|
|
52636
|
-
|
|
52637
|
-
|
|
52638
|
-
|
|
52639
|
-
|
|
52640
|
-
|
|
52641
|
-
|
|
52642
|
-
|
|
52643
|
-
} = _ref;
|
|
52625
|
+
const MonthPicker = ({
|
|
52626
|
+
availableMonths,
|
|
52627
|
+
label,
|
|
52628
|
+
onChange,
|
|
52629
|
+
borderRadius,
|
|
52630
|
+
required,
|
|
52631
|
+
width,
|
|
52632
|
+
height,
|
|
52633
|
+
placeholder,
|
|
52634
|
+
disabled,
|
|
52635
|
+
borderColor,
|
|
52636
|
+
borderColorFocus,
|
|
52637
|
+
textColor,
|
|
52638
|
+
selectedValue
|
|
52639
|
+
}) => {
|
|
52644
52640
|
const [isFocused, setIsFocused] = useState(false);
|
|
52645
52641
|
const [isOpen, setIsOpen] = useState(false);
|
|
52646
52642
|
const [value, setValue] = useState('');
|
|
@@ -53466,6 +53462,10 @@ FilterPanel.propTypes = {
|
|
|
53466
53462
|
elementType: PropTypes.string,
|
|
53467
53463
|
value: PropTypes.number,
|
|
53468
53464
|
color: PropTypes.string,
|
|
53465
|
+
defaultValueYears: PropTypes.shape({
|
|
53466
|
+
value: PropTypes.string,
|
|
53467
|
+
label: PropTypes.string
|
|
53468
|
+
}),
|
|
53469
53469
|
dropdownOptions: PropTypes.arrayOf(PropTypes.shape({
|
|
53470
53470
|
value: PropTypes.string,
|
|
53471
53471
|
label: PropTypes.string
|