sag_components 2.0.0-beta3 → 2.0.0-beta5
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 +12 -0
- package/dist/index.esm.js +125 -107
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +125 -107
- package/dist/index.js.map +1 -1
- package/dist/types/components/FilterPanel/FilterPanel.d.ts +12 -0
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -265,9 +265,21 @@ declare namespace FilterPanel {
|
|
|
265
265
|
const availableMonths: PropTypes.Requireable<(string | null | undefined)[]>;
|
|
266
266
|
const availableYears: PropTypes.Requireable<(string | null | undefined)[]>;
|
|
267
267
|
const fieldsData: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
268
|
+
disabled: PropTypes.Requireable<boolean>;
|
|
269
|
+
required: PropTypes.Requireable<boolean>;
|
|
270
|
+
inputType: PropTypes.Requireable<string>;
|
|
271
|
+
placeHolder: PropTypes.Requireable<string>;
|
|
272
|
+
xIconShow: PropTypes.Requireable<boolean>;
|
|
273
|
+
label: PropTypes.Requireable<string>;
|
|
274
|
+
labelEmptyValue: PropTypes.Requireable<string>;
|
|
268
275
|
name: PropTypes.Requireable<string>;
|
|
276
|
+
selectedValue: PropTypes.Requireable<string>;
|
|
269
277
|
value: PropTypes.Requireable<number>;
|
|
270
278
|
color: PropTypes.Requireable<string>;
|
|
279
|
+
dropdownOptions: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
280
|
+
value: PropTypes.Requireable<string>;
|
|
281
|
+
label: PropTypes.Requireable<string>;
|
|
282
|
+
}> | null | undefined)[]>;
|
|
271
283
|
}> | null | undefined)[]>;
|
|
272
284
|
const width: PropTypes.Requireable<string>;
|
|
273
285
|
const height: PropTypes.Requireable<string>;
|
package/dist/index.esm.js
CHANGED
|
@@ -51248,67 +51248,70 @@ const DropdownMain = dt.div`
|
|
|
51248
51248
|
`;
|
|
51249
51249
|
|
|
51250
51250
|
/* 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
|
-
|
|
51251
|
+
const DropdownNew = _ref => {
|
|
51252
|
+
let {
|
|
51253
|
+
isMulti,
|
|
51254
|
+
label,
|
|
51255
|
+
labelEmptyValue,
|
|
51256
|
+
options,
|
|
51257
|
+
selectedValue,
|
|
51258
|
+
placeHolder,
|
|
51259
|
+
onChange,
|
|
51260
|
+
required,
|
|
51261
|
+
disabled,
|
|
51262
|
+
width,
|
|
51263
|
+
error,
|
|
51264
|
+
errorMessage,
|
|
51265
|
+
labelColor,
|
|
51266
|
+
checkBoxColor,
|
|
51267
|
+
xIconShow,
|
|
51268
|
+
showLabelOnTop,
|
|
51269
|
+
orderBy,
|
|
51270
|
+
elementType
|
|
51271
|
+
} = _ref;
|
|
51272
|
+
return /*#__PURE__*/React__default.createElement(DropdownMain, {
|
|
51273
|
+
className: "DropdownMain",
|
|
51274
|
+
width: width
|
|
51275
|
+
}, isMulti ? /*#__PURE__*/React__default.createElement(DropdownMultiNew, {
|
|
51276
|
+
className: "DropdownMultiNew",
|
|
51277
|
+
placeHolder: placeHolder,
|
|
51278
|
+
label: label,
|
|
51279
|
+
labelEmptyValue: labelEmptyValue,
|
|
51280
|
+
labelColor: labelColor,
|
|
51281
|
+
checkBoxColor: checkBoxColor,
|
|
51282
|
+
required: required,
|
|
51283
|
+
options: options,
|
|
51284
|
+
width: width,
|
|
51285
|
+
disabled: disabled,
|
|
51286
|
+
error: error,
|
|
51287
|
+
errorMessage: errorMessage,
|
|
51288
|
+
selectedValue: selectedValue,
|
|
51289
|
+
xIconShow: xIconShow,
|
|
51290
|
+
onChange: onChange,
|
|
51291
|
+
showLabelOnTop: showLabelOnTop,
|
|
51292
|
+
orderBy: orderBy,
|
|
51293
|
+
elementType: elementType
|
|
51294
|
+
}) : /*#__PURE__*/React__default.createElement(DropdownSingleNew, {
|
|
51295
|
+
className: "DropdownSingleNew",
|
|
51296
|
+
placeHolder: placeHolder,
|
|
51297
|
+
label: label,
|
|
51298
|
+
labelEmptyValue: labelEmptyValue,
|
|
51299
|
+
labelColor: labelColor,
|
|
51300
|
+
checkBoxColor: checkBoxColor,
|
|
51301
|
+
required: required,
|
|
51302
|
+
options: options,
|
|
51303
|
+
width: width,
|
|
51304
|
+
disabled: disabled,
|
|
51305
|
+
error: error,
|
|
51306
|
+
errorMessage: errorMessage,
|
|
51307
|
+
selectedValue: selectedValue,
|
|
51308
|
+
xIconShow: xIconShow,
|
|
51309
|
+
onChange: onChange,
|
|
51310
|
+
showLabelOnTop: showLabelOnTop,
|
|
51311
|
+
orderBy: orderBy,
|
|
51312
|
+
elementType: elementType
|
|
51313
|
+
}));
|
|
51314
|
+
};
|
|
51312
51315
|
DropdownNew.propTypes = {
|
|
51313
51316
|
placeHolder: PropTypes.string,
|
|
51314
51317
|
label: PropTypes.string,
|
|
@@ -51722,20 +51725,21 @@ const DatePicker = ({
|
|
|
51722
51725
|
};
|
|
51723
51726
|
|
|
51724
51727
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
51725
|
-
const RangePicker =
|
|
51726
|
-
|
|
51727
|
-
|
|
51728
|
-
|
|
51729
|
-
|
|
51730
|
-
|
|
51731
|
-
|
|
51732
|
-
|
|
51733
|
-
|
|
51734
|
-
|
|
51735
|
-
|
|
51736
|
-
|
|
51737
|
-
|
|
51738
|
-
|
|
51728
|
+
const RangePicker = _ref => {
|
|
51729
|
+
let {
|
|
51730
|
+
label,
|
|
51731
|
+
onChange,
|
|
51732
|
+
borderRadius,
|
|
51733
|
+
required,
|
|
51734
|
+
width,
|
|
51735
|
+
height,
|
|
51736
|
+
placeholder,
|
|
51737
|
+
disabled,
|
|
51738
|
+
borderColor,
|
|
51739
|
+
borderColorFocus,
|
|
51740
|
+
textColor,
|
|
51741
|
+
selectedValue
|
|
51742
|
+
} = _ref;
|
|
51739
51743
|
const [isFocused, setIsFocused] = useState(false);
|
|
51740
51744
|
const [isOpen, setIsOpen] = useState(false);
|
|
51741
51745
|
const [value, setValue] = useState(''); // Added value state
|
|
@@ -52167,22 +52171,23 @@ const QuarterPopupPicker = ({
|
|
|
52167
52171
|
};
|
|
52168
52172
|
|
|
52169
52173
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
52170
|
-
const QuarterPicker =
|
|
52171
|
-
|
|
52172
|
-
|
|
52173
|
-
|
|
52174
|
-
|
|
52175
|
-
|
|
52176
|
-
|
|
52177
|
-
|
|
52178
|
-
|
|
52179
|
-
|
|
52180
|
-
|
|
52181
|
-
|
|
52182
|
-
|
|
52183
|
-
|
|
52184
|
-
|
|
52185
|
-
|
|
52174
|
+
const QuarterPicker = _ref => {
|
|
52175
|
+
let {
|
|
52176
|
+
availableQuarters,
|
|
52177
|
+
// ["Q1-2024"]
|
|
52178
|
+
label,
|
|
52179
|
+
onChange,
|
|
52180
|
+
borderRadius,
|
|
52181
|
+
required,
|
|
52182
|
+
width,
|
|
52183
|
+
height,
|
|
52184
|
+
placeholder,
|
|
52185
|
+
disabled,
|
|
52186
|
+
borderColor,
|
|
52187
|
+
borderColorFocus,
|
|
52188
|
+
textColor,
|
|
52189
|
+
selectedValue
|
|
52190
|
+
} = _ref;
|
|
52186
52191
|
const [isFocused, setIsFocused] = useState(false);
|
|
52187
52192
|
const [isOpen, setIsOpen] = useState(false);
|
|
52188
52193
|
const [value, setValue] = useState('');
|
|
@@ -52621,21 +52626,22 @@ const MonthPopupPicker = ({
|
|
|
52621
52626
|
};
|
|
52622
52627
|
|
|
52623
52628
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
52624
|
-
const MonthPicker =
|
|
52625
|
-
|
|
52626
|
-
|
|
52627
|
-
|
|
52628
|
-
|
|
52629
|
-
|
|
52630
|
-
|
|
52631
|
-
|
|
52632
|
-
|
|
52633
|
-
|
|
52634
|
-
|
|
52635
|
-
|
|
52636
|
-
|
|
52637
|
-
|
|
52638
|
-
|
|
52629
|
+
const MonthPicker = _ref => {
|
|
52630
|
+
let {
|
|
52631
|
+
availableMonths,
|
|
52632
|
+
label,
|
|
52633
|
+
onChange,
|
|
52634
|
+
borderRadius,
|
|
52635
|
+
required,
|
|
52636
|
+
width,
|
|
52637
|
+
height,
|
|
52638
|
+
placeholder,
|
|
52639
|
+
disabled,
|
|
52640
|
+
borderColor,
|
|
52641
|
+
borderColorFocus,
|
|
52642
|
+
textColor,
|
|
52643
|
+
selectedValue
|
|
52644
|
+
} = _ref;
|
|
52639
52645
|
const [isFocused, setIsFocused] = useState(false);
|
|
52640
52646
|
const [isOpen, setIsOpen] = useState(false);
|
|
52641
52647
|
const [value, setValue] = useState('');
|
|
@@ -53441,9 +53447,21 @@ FilterPanel.propTypes = {
|
|
|
53441
53447
|
availableMonths: PropTypes.arrayOf(PropTypes.string),
|
|
53442
53448
|
availableYears: PropTypes.arrayOf(PropTypes.string),
|
|
53443
53449
|
fieldsData: PropTypes.arrayOf(PropTypes.shape({
|
|
53450
|
+
disabled: PropTypes.bool,
|
|
53451
|
+
required: PropTypes.bool,
|
|
53452
|
+
inputType: PropTypes.string,
|
|
53453
|
+
placeHolder: PropTypes.string,
|
|
53454
|
+
xIconShow: PropTypes.bool,
|
|
53455
|
+
label: PropTypes.string,
|
|
53456
|
+
labelEmptyValue: PropTypes.string,
|
|
53444
53457
|
name: PropTypes.string,
|
|
53458
|
+
selectedValue: PropTypes.string,
|
|
53445
53459
|
value: PropTypes.number,
|
|
53446
|
-
color: PropTypes.string
|
|
53460
|
+
color: PropTypes.string,
|
|
53461
|
+
dropdownOptions: PropTypes.arrayOf(PropTypes.shape({
|
|
53462
|
+
value: PropTypes.string,
|
|
53463
|
+
label: PropTypes.string
|
|
53464
|
+
}))
|
|
53447
53465
|
})),
|
|
53448
53466
|
width: PropTypes.string,
|
|
53449
53467
|
height: PropTypes.string,
|