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 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
- 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
- }));
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
- label,
51727
- onChange,
51728
- borderRadius,
51729
- required,
51730
- width,
51731
- height,
51732
- placeholder,
51733
- disabled,
51734
- borderColor,
51735
- borderColorFocus,
51736
- textColor,
51737
- selectedValue
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
- 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
- }) => {
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
- 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
- }) => {
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,