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.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>;
|
|
@@ -633,58 +637,7 @@ declare function QuickFilter({ hoverColor, multipleSelection, xIconShow, disable
|
|
|
633
637
|
onChange: any;
|
|
634
638
|
options: any;
|
|
635
639
|
selectedValue: any;
|
|
636
|
-
}): react_jsx_runtime.JSX.Element;
|
|
637
|
-
declare namespace QuickFilter {
|
|
638
|
-
namespace propTypes {
|
|
639
|
-
const hoverColor: PropTypes.Requireable<string>;
|
|
640
|
-
const multipleSelection: PropTypes.Requireable<boolean>;
|
|
641
|
-
const disabled: PropTypes.Requireable<boolean>;
|
|
642
|
-
const error: PropTypes.Requireable<boolean>;
|
|
643
|
-
const errorMessage: string;
|
|
644
|
-
const label: PropTypes.Requireable<string>;
|
|
645
|
-
const labelColor: PropTypes.Requireable<string>;
|
|
646
|
-
const placeHolder: PropTypes.Requireable<string>;
|
|
647
|
-
const width: PropTypes.Requireable<string>;
|
|
648
|
-
const checkBoxColor: PropTypes.Requireable<string>;
|
|
649
|
-
const onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
650
|
-
const options: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
651
|
-
id: PropTypes.Requireable<string>;
|
|
652
|
-
label: PropTypes.Requireable<string>;
|
|
653
|
-
}> | null | undefined)[]>;
|
|
654
|
-
const selectedValue: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
655
|
-
id: PropTypes.Requireable<string>;
|
|
656
|
-
label: PropTypes.Requireable<string>;
|
|
657
|
-
}> | null | undefined)[]>;
|
|
658
|
-
}
|
|
659
|
-
namespace defaultProps {
|
|
660
|
-
const hoverColor_1: string;
|
|
661
|
-
export { hoverColor_1 as hoverColor };
|
|
662
|
-
const multipleSelection_1: boolean;
|
|
663
|
-
export { multipleSelection_1 as multipleSelection };
|
|
664
|
-
const disabled_1: boolean;
|
|
665
|
-
export { disabled_1 as disabled };
|
|
666
|
-
const error_1: boolean;
|
|
667
|
-
export { error_1 as error };
|
|
668
|
-
const errorMessage_1: string;
|
|
669
|
-
export { errorMessage_1 as errorMessage };
|
|
670
|
-
const label_1: string;
|
|
671
|
-
export { label_1 as label };
|
|
672
|
-
const labelColor_1: string;
|
|
673
|
-
export { labelColor_1 as labelColor };
|
|
674
|
-
const placeHolder_1: string;
|
|
675
|
-
export { placeHolder_1 as placeHolder };
|
|
676
|
-
const width_1: string;
|
|
677
|
-
export { width_1 as width };
|
|
678
|
-
const checkBoxColor_1: string;
|
|
679
|
-
export { checkBoxColor_1 as checkBoxColor };
|
|
680
|
-
export function onChange_1(): void;
|
|
681
|
-
export { onChange_1 as onChange };
|
|
682
|
-
const options_1: never[];
|
|
683
|
-
export { options_1 as options };
|
|
684
|
-
const selectedValue_1: never[];
|
|
685
|
-
export { selectedValue_1 as selectedValue };
|
|
686
|
-
}
|
|
687
|
-
}
|
|
640
|
+
}): react_jsx_runtime.JSX.Element;
|
|
688
641
|
|
|
689
642
|
declare function OneColumnContainer(props: any): react_jsx_runtime.JSX.Element;
|
|
690
643
|
declare namespace OneColumnContainer {
|
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,
|
|
@@ -51724,21 +51722,20 @@ const DatePicker = ({
|
|
|
51724
51722
|
};
|
|
51725
51723
|
|
|
51726
51724
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
51727
|
-
const RangePicker =
|
|
51728
|
-
|
|
51729
|
-
|
|
51730
|
-
|
|
51731
|
-
|
|
51732
|
-
|
|
51733
|
-
|
|
51734
|
-
|
|
51735
|
-
|
|
51736
|
-
|
|
51737
|
-
|
|
51738
|
-
|
|
51739
|
-
|
|
51740
|
-
|
|
51741
|
-
} = _ref;
|
|
51725
|
+
const RangePicker = ({
|
|
51726
|
+
label,
|
|
51727
|
+
onChange,
|
|
51728
|
+
borderRadius,
|
|
51729
|
+
required,
|
|
51730
|
+
width,
|
|
51731
|
+
height,
|
|
51732
|
+
placeholder,
|
|
51733
|
+
disabled,
|
|
51734
|
+
borderColor,
|
|
51735
|
+
borderColorFocus,
|
|
51736
|
+
textColor,
|
|
51737
|
+
selectedValue
|
|
51738
|
+
}) => {
|
|
51742
51739
|
const [isFocused, setIsFocused] = useState(false);
|
|
51743
51740
|
const [isOpen, setIsOpen] = useState(false);
|
|
51744
51741
|
const [value, setValue] = useState(''); // Added value state
|
|
@@ -52170,23 +52167,22 @@ const QuarterPopupPicker = ({
|
|
|
52170
52167
|
};
|
|
52171
52168
|
|
|
52172
52169
|
/* 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;
|
|
52170
|
+
const QuarterPicker = ({
|
|
52171
|
+
availableQuarters,
|
|
52172
|
+
// ["Q1-2024"]
|
|
52173
|
+
label,
|
|
52174
|
+
onChange,
|
|
52175
|
+
borderRadius,
|
|
52176
|
+
required,
|
|
52177
|
+
width,
|
|
52178
|
+
height,
|
|
52179
|
+
placeholder,
|
|
52180
|
+
disabled,
|
|
52181
|
+
borderColor,
|
|
52182
|
+
borderColorFocus,
|
|
52183
|
+
textColor,
|
|
52184
|
+
selectedValue
|
|
52185
|
+
}) => {
|
|
52190
52186
|
const [isFocused, setIsFocused] = useState(false);
|
|
52191
52187
|
const [isOpen, setIsOpen] = useState(false);
|
|
52192
52188
|
const [value, setValue] = useState('');
|
|
@@ -52625,22 +52621,21 @@ const MonthPopupPicker = ({
|
|
|
52625
52621
|
};
|
|
52626
52622
|
|
|
52627
52623
|
/* 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;
|
|
52624
|
+
const MonthPicker = ({
|
|
52625
|
+
availableMonths,
|
|
52626
|
+
label,
|
|
52627
|
+
onChange,
|
|
52628
|
+
borderRadius,
|
|
52629
|
+
required,
|
|
52630
|
+
width,
|
|
52631
|
+
height,
|
|
52632
|
+
placeholder,
|
|
52633
|
+
disabled,
|
|
52634
|
+
borderColor,
|
|
52635
|
+
borderColorFocus,
|
|
52636
|
+
textColor,
|
|
52637
|
+
selectedValue
|
|
52638
|
+
}) => {
|
|
52644
52639
|
const [isFocused, setIsFocused] = useState(false);
|
|
52645
52640
|
const [isOpen, setIsOpen] = useState(false);
|
|
52646
52641
|
const [value, setValue] = useState('');
|
|
@@ -53466,6 +53461,10 @@ FilterPanel.propTypes = {
|
|
|
53466
53461
|
elementType: PropTypes.string,
|
|
53467
53462
|
value: PropTypes.number,
|
|
53468
53463
|
color: PropTypes.string,
|
|
53464
|
+
defaultValueYears: PropTypes.shape({
|
|
53465
|
+
value: PropTypes.string,
|
|
53466
|
+
label: PropTypes.string
|
|
53467
|
+
}),
|
|
53469
53468
|
dropdownOptions: PropTypes.arrayOf(PropTypes.shape({
|
|
53470
53469
|
value: PropTypes.string,
|
|
53471
53470
|
label: PropTypes.string
|
|
@@ -66608,42 +66607,48 @@ const QuickFilter = _ref => {
|
|
|
66608
66607
|
xIconShow: xIconShow
|
|
66609
66608
|
}));
|
|
66610
66609
|
};
|
|
66611
|
-
|
|
66612
|
-
|
|
66613
|
-
|
|
66614
|
-
|
|
66615
|
-
|
|
66616
|
-
|
|
66617
|
-
|
|
66618
|
-
|
|
66619
|
-
|
|
66620
|
-
|
|
66621
|
-
|
|
66622
|
-
|
|
66623
|
-
|
|
66624
|
-
|
|
66625
|
-
|
|
66626
|
-
|
|
66627
|
-
|
|
66628
|
-
|
|
66629
|
-
|
|
66630
|
-
|
|
66631
|
-
|
|
66632
|
-
|
|
66633
|
-
|
|
66634
|
-
|
|
66635
|
-
|
|
66636
|
-
|
|
66637
|
-
|
|
66638
|
-
|
|
66639
|
-
|
|
66640
|
-
|
|
66641
|
-
|
|
66642
|
-
|
|
66643
|
-
|
|
66644
|
-
|
|
66645
|
-
|
|
66646
|
-
|
|
66610
|
+
|
|
66611
|
+
// QuickFilter.propTypes = {
|
|
66612
|
+
// hoverColor: PropTypes.string,
|
|
66613
|
+
// multipleSelection: PropTypes.bool,
|
|
66614
|
+
// disabled: PropTypes.bool,
|
|
66615
|
+
// error: PropTypes.bool,
|
|
66616
|
+
// errorMessage: "",
|
|
66617
|
+
// label: PropTypes.string,
|
|
66618
|
+
// labelColor: PropTypes.string,
|
|
66619
|
+
// placeHolder: PropTypes.string,
|
|
66620
|
+
// width: PropTypes.string,
|
|
66621
|
+
// checkBoxColor: PropTypes.string,
|
|
66622
|
+
// onChange: PropTypes.func,
|
|
66623
|
+
// options: PropTypes.arrayOf(
|
|
66624
|
+
// PropTypes.shape({
|
|
66625
|
+
// id: PropTypes.string,
|
|
66626
|
+
// label: PropTypes.string,
|
|
66627
|
+
// })
|
|
66628
|
+
// ),
|
|
66629
|
+
// selectedValue: PropTypes.arrayOf(
|
|
66630
|
+
// PropTypes.shape({
|
|
66631
|
+
// id: PropTypes.string,
|
|
66632
|
+
// label: PropTypes.string,
|
|
66633
|
+
// })
|
|
66634
|
+
// ),
|
|
66635
|
+
// };
|
|
66636
|
+
|
|
66637
|
+
// QuickFilter.defaultProps = {
|
|
66638
|
+
// hoverColor: "#066768",
|
|
66639
|
+
// multipleSelection: false,
|
|
66640
|
+
// disabled: false,
|
|
66641
|
+
// error: false,
|
|
66642
|
+
// errorMessage: "",
|
|
66643
|
+
// label: "Unit Type:",
|
|
66644
|
+
// labelColor: "#066768",
|
|
66645
|
+
// placeHolder: "Select From List",
|
|
66646
|
+
// width: "auto",
|
|
66647
|
+
// checkBoxColor: "#229E38",
|
|
66648
|
+
// onChange: () => {},
|
|
66649
|
+
// options: [],
|
|
66650
|
+
// selectedValue: [],
|
|
66651
|
+
// };
|
|
66647
66652
|
|
|
66648
66653
|
var classnames = {exports: {}};
|
|
66649
66654
|
|