@unicef/material-ui 1.0.7 → 1.0.8

package/lib/dev.js

@@ -33675,7 +33675,7 @@ UContent.propTypes = {
   headerHeight: PropTypes.number
 };
 
-var _excluded$13 = ["spinButton", "loading", "variant", "color"];
+var _excluded$13 = ["spinButton", "loading", "variant", "color", "children"];
 var PREFIX$r = 'UButton';
 var classes$r = {
   root: "".concat(PREFIX$r, "-root"),
@@ -33711,6 +33711,7 @@ function UButton(_ref3) {
     variant = _ref3$variant === void 0 ? 'contained' : _ref3$variant,
     _ref3$color = _ref3.color,
     color = _ref3$color === void 0 ? 'primary' : _ref3$color,
+    children = _ref3.children,
     others = _objectWithoutProperties$2(_ref3, _excluded$13);
   function getVariant(variant) {
     switch (variant) {
@@ -33732,7 +33733,7 @@ function UButton(_ref3) {
     variant: getVariant(variant),
     color: color,
     disableRipple: true
-  }, others), props.children);
+  }, others), children);
   return !spinButton ? CustomButton : /*#__PURE__*/React$1.createElement(StyledBox$j, {
     className: classes$r.root
   }, /*#__PURE__*/React$1.createElement(Box$1, {
@@ -56758,14 +56759,19 @@ var _excluded$C = ["inputFormat", "label", "onChange", "value", "showLabelHelp",
  * Please have look at [Material UI Date Picker](https://mui.com/x/react-date-pickers/date-picker/#main-content) for more details
  */
 function UDatePicker(_ref) {
-  var inputFormat = _ref.inputFormat,
+  var _ref$inputFormat = _ref.inputFormat,
+    inputFormat = _ref$inputFormat === void 0 ? 'dd/MM/yyyy' : _ref$inputFormat,
     label = _ref.label,
     onChange = _ref.onChange,
     value = _ref.value,
     showLabelHelp = _ref.showLabelHelp,
-    InputLabelProps = _ref.InputLabelProps,
+    _ref$InputLabelProps = _ref.InputLabelProps,
+    InputLabelProps = _ref$InputLabelProps === void 0 ? {
+      shrink: true
+    } : _ref$InputLabelProps,
     InputLabelHelpProps = _ref.InputLabelHelpProps,
-    inputVariant = _ref.inputVariant,
+    _ref$inputVariant = _ref.inputVariant,
+    inputVariant = _ref$inputVariant === void 0 ? 'outlined' : _ref$inputVariant,
     others = _objectWithoutProperties$2(_ref, _excluded$C);
   return /*#__PURE__*/React$1.createElement(LocalizationProvider, {
     dateAdapter: AdapterDateFns
@@ -56803,13 +56809,6 @@ UDatePicker.propTypes = {
   /** Props applied to the InputLabel element.*/
   InputLabelProps: PropTypes.object
 };
-UDatePicker.defaultProps = {
-  inputVariant: 'outlined',
-  InputLabelProps: {
-    shrink: true
-  },
-  inputFormat: 'dd/MM/yyyy'
-};
 
 var _excluded$B = ["inputFormat", "label", "onChange", "value", "showLabelHelp", "InputLabelProps", "InputLabelHelpProps", "inputVariant"];
 
@@ -60869,10 +60868,13 @@ var StyledBox$g = styled$1(Box$1, {
 function ActiveFormTextField(props) {
   var typographyVariant = props.typographyVariant,
     className = props.className,
-    variant = props.variant,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'outlined' : _props$variant,
     readOnly = props.readOnly,
-    placeholder = props.placeholder,
-    interactiveMode = props.interactiveMode,
+    _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? 'Type something' : _props$placeholder,
+    _props$interactiveMod = props.interactiveMode,
+    interactiveMode = _props$interactiveMod === void 0 ? false : _props$interactiveMod,
     InputLabelProps = props.InputLabelProps,
     InputProps = props.InputProps,
     inputProps = props.inputProps,
@@ -60937,11 +60939,6 @@ ActiveFormTextField.propTypes = {
   /** Allow to use required validator in any validation trigger, not only form submit. */
   withRequiredValidator: PropTypes.bool
 };
-ActiveFormTextField.defaultProps = {
-  placeholder: 'Type something',
-  interactiveMode: false,
-  variant: 'outlined'
-};
 
 var _excluded$h = ["select", "typographyVariant", "className", "interactiveMode", "placeholder", "readOnly", "InputLabelProps", "InputProps", "inputProps", "SelectProps"];
 var PREFIX$i = 'ActiveFormSelect';
@@ -60995,8 +60992,10 @@ function ActiveFormSelect(props) {
   props.select;
     var typographyVariant = props.typographyVariant,
     className = props.className,
-    interactiveMode = props.interactiveMode,
-    placeholder = props.placeholder,
+    _props$interactiveMod = props.interactiveMode,
+    interactiveMode = _props$interactiveMod === void 0 ? false : _props$interactiveMod,
+    _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? 'Select' : _props$placeholder,
     readOnly = props.readOnly,
     InputLabelProps = props.InputLabelProps,
     InputProps = props.InputProps,
@@ -61084,10 +61083,6 @@ ActiveFormSelect.propTypes = {
   /** Allow to use required validator in any validation trigger, not only form submit. */
   withRequiredValidator: PropTypes.bool
 };
-ActiveFormSelect.defaultProps = {
-  placeholder: 'Select',
-  interactiveMode: false
-};
 
 var _excluded$g = ["readOnly", "InputProps"];
 /**
@@ -61138,10 +61133,14 @@ var _excluded$f = ["inputPrefix", "decimalScale", "fixedDecimalScale", "textAlig
  * The UCurrencyField is for creating currency input fields. It accepts several props for customization, including "inputPrefix," "decimalScale," "fixedDecimalScale," "textAlign," and etc
  */
 function UCurrencyField(_ref) {
-  var inputPrefix = _ref.inputPrefix,
-    decimalScale = _ref.decimalScale,
-    fixedDecimalScale = _ref.fixedDecimalScale,
-    textAlign = _ref.textAlign,
+  var _ref$inputPrefix = _ref.inputPrefix,
+    inputPrefix = _ref$inputPrefix === void 0 ? '$ ' : _ref$inputPrefix,
+    _ref$decimalScale = _ref.decimalScale,
+    decimalScale = _ref$decimalScale === void 0 ? 2 : _ref$decimalScale,
+    _ref$fixedDecimalScal = _ref.fixedDecimalScale,
+    fixedDecimalScale = _ref$fixedDecimalScal === void 0 ? true : _ref$fixedDecimalScal,
+    _ref$textAlign = _ref.textAlign,
+    textAlign = _ref$textAlign === void 0 ? 'right' : _ref$textAlign,
     inputProps = _ref.inputProps,
     props = _objectWithoutProperties$2(_ref, _excluded$f);
   return /*#__PURE__*/React$1.createElement(UPositiveInteger, _extends$1({
@@ -61190,12 +61189,6 @@ UCurrencyField.propTypes = {
   // If true it add 0s to match given decimalScale.
   fixedDecimalScale: PropTypes.bool
 };
-UCurrencyField.defaultProps = {
-  inputPrefix: '$ ',
-  decimalScale: 2,
-  fixedDecimalScale: true,
-  textAlign: 'right'
-};
 
 var _excluded$e = ["InputProps"];
 
@@ -61510,7 +61503,8 @@ function URadioButtons(_ref3) {
   var value = _ref3.value,
     onChange = _ref3.onChange,
     isReadOnly = _ref3.isReadOnly,
-    variant = _ref3.variant,
+    _ref3$variant = _ref3.variant,
+    variant = _ref3$variant === void 0 ? 'row' : _ref3$variant,
     optionLabels = _ref3.optionLabels,
     optionValues = _ref3.optionValues;
   var handleOnChange = function handleOnChange(event) {
@@ -61552,9 +61546,6 @@ URadioButtons.propTypes = {
   /**array of radio button values */
   optionValues: PropTypes.array
 };
-URadioButtons.defaultProps = {
-  variant: 'row'
-};
 
 var HighlightOff = {};
 
@@ -61712,7 +61703,8 @@ UPageLoadingProgress.propTypes = {
  */
 function UErrorAlert(_ref) {
   var error = _ref.error,
-    preformatted = _ref.preformatted,
+    _ref$preformatted = _ref.preformatted,
+    preformatted = _ref$preformatted === void 0 ? false : _ref$preformatted,
     _onClose = _ref.onClose;
   return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, error && /*#__PURE__*/React$1.createElement(Box$1, {
     marginTop: 2,
@@ -61732,9 +61724,6 @@ UErrorAlert.propTypes = {
   /** Triggers close action of error alert */
   onClose: PropTypes.func
 };
-UErrorAlert.defaultProps = {
-  preformatted: false
-};
 
 var PREFIX$d = 'UAutoComplete';
 var classes$d = {
@@ -61767,9 +61756,12 @@ function UAutoComplete(_ref3) {
     readOnly = _ref3.readOnly,
     minLength = _ref3.minLength,
     maxLength = _ref3.maxLength,
-    usedItemIds = _ref3.usedItemIds,
-    allowContextSpecific = _ref3.allowContextSpecific,
-    counter = _ref3.counter,
+    _ref3$usedItemIds = _ref3.usedItemIds,
+    usedItemIds = _ref3$usedItemIds === void 0 ? [] : _ref3$usedItemIds,
+    _ref3$allowContextSpe = _ref3.allowContextSpecific,
+    allowContextSpecific = _ref3$allowContextSpe === void 0 ? false : _ref3$allowContextSpe,
+    _ref3$counter = _ref3.counter,
+    counter = _ref3$counter === void 0 ? false : _ref3$counter,
     placeholder = _ref3.placeholder,
     InputLabelProps = _ref3.InputLabelProps;
     _ref3.props;
@@ -61917,11 +61909,6 @@ UAutoComplete.propTypes = {
   /** Label props applied to input field*/
   InputLabelProps: PropTypes.object
 };
-UAutoComplete.defaultProps = {
-  allowContextSpecific: false,
-  counter: false,
-  usedItemIds: []
-};
 
 var PREFIX$c = 'UBreadcrumbs';
 var classes$c = {
@@ -62145,8 +62132,10 @@ function UGraphPeoplePicker(_ref) {
     label = _ref.label,
     options = _ref.options,
     onBlur = _ref.onBlur,
-    helpText = _ref.helpText,
-    isMultiple = _ref.isMultiple,
+    _ref$helpText = _ref.helpText,
+    helpText = _ref$helpText === void 0 ? '' : _ref$helpText,
+    _ref$isMultiple = _ref.isMultiple,
+    isMultiple = _ref$isMultiple === void 0 ? true : _ref$isMultiple,
     searchUsers = _ref.searchUsers,
     components = _ref.components,
     props = _objectWithoutProperties$2(_ref, _excluded$c);
@@ -62252,10 +62241,6 @@ UGraphPeoplePicker.propTypes = {
   /** Props applied to the input label help element. E.g.  InputLabelHelpProps={{type:'link', label:'Help', link:'unicef.github.io', icon, tooltipTitle: 'Tooltip title', tooltipPlacement: 'bottom}} */
   InputLabelHelpProps: PropTypes.object
 };
-UGraphPeoplePicker.defaultProps = {
-  helpText: '',
-  isMultiple: true
-};
 
 var _excluded$b = ["InputProps", "decimalScale", "inputProps", "coordinateType", "validators"];
 
@@ -62275,7 +62260,8 @@ var _excluded$b = ["InputProps", "decimalScale", "inputProps", "coordinateType",
 
 function ActiveFormCoordinateField(_ref) {
   var InputProps = _ref.InputProps,
-    decimalScale = _ref.decimalScale,
+    _ref$decimalScale = _ref.decimalScale,
+    decimalScale = _ref$decimalScale === void 0 ? 9 : _ref$decimalScale,
     inputProps = _ref.inputProps,
     coordinateType = _ref.coordinateType,
     validators = _ref.validators,
@@ -62346,9 +62332,6 @@ ActiveFormCoordinateField.propTypes = {
   /** Change to write mode by hiding textfield border and displays border on Hover */
   interactiveMode: PropTypes.bool
 };
-ActiveFormCoordinateField.defaultProps = {
-  decimalScale: 9
-};
 
 var _excluded$a = ["readOnly", "InputProps", "decimalScale", "inputProps", "coordinateType", "validators"];
 
@@ -62365,7 +62348,8 @@ var _excluded$a = ["readOnly", "InputProps", "decimalScale", "inputProps", "coor
 function UCoordinateField(_ref) {
   var readOnly = _ref.readOnly,
     InputProps = _ref.InputProps,
-    decimalScale = _ref.decimalScale,
+    _ref$decimalScale = _ref.decimalScale,
+    decimalScale = _ref$decimalScale === void 0 ? 9 : _ref$decimalScale,
     inputProps = _ref.inputProps,
     coordinateType = _ref.coordinateType,
     validators = _ref.validators,
@@ -62426,9 +62410,6 @@ UCoordinateField.propTypes = {
   /** Coordinate type */
   coordinateType: PropTypes.oneOf(['latitude', 'longitude']).isRequired
 };
-UCoordinateField.defaultProps = {
-  decimalScale: 9
-};
 
 var Search = {};
 
@@ -62488,10 +62469,12 @@ var StyledInputAdornment = styled$1(InputAdornment$1)(function (_ref) {
 function USearchBox(_ref3) {
   var value = _ref3.value,
     onSearch = _ref3.onSearch,
-    placeholder = _ref3.placeholder;
+    _ref3$placeholder = _ref3.placeholder,
+    placeholder = _ref3$placeholder === void 0 ? 'Search' : _ref3$placeholder;
     _ref3.inputProps;
     var className = _ref3.className,
-    showSeparator = _ref3.showSeparator,
+    _ref3$showSeparator = _ref3.showSeparator,
+    showSeparator = _ref3$showSeparator === void 0 ? true : _ref3$showSeparator,
     iconLabel = _ref3.iconLabel,
     rest = _objectWithoutProperties$2(_ref3, _excluded$9);
   var _useState = React$1.useState(value),
@@ -62570,10 +62553,6 @@ USearchBox.propTypes = {
   /** Label next to the search icon */
   iconLabel: PropTypes.string
 };
-USearchBox.defaultProps = {
-  placeholder: 'Search',
-  showSeparator: true
-};
 
 var _excluded$8 = ["inputFormat", "label", "onChange", "value", "showLabelHelp", "InputLabelProps", "InputLabelHelpProps", "inputVariant", "interactiveMode", "readOnly"];
 var PREFIX$9 = 'ActiveDatePicker';
@@ -62696,14 +62675,19 @@ var StyledBox$9 = styled$1(Box$1, {
  * Please have look at [Material UI Time Picker](https://mui.com/x/api/date-pickers/time-picker/) for more details
  */
 function ActiveTimePicker(_ref5) {
-  var inputFormat = _ref5.inputFormat,
+  var _ref5$inputFormat = _ref5.inputFormat,
+    inputFormat = _ref5$inputFormat === void 0 ? 'hh:mm a' : _ref5$inputFormat,
     label = _ref5.label,
     onChange = _ref5.onChange,
     value = _ref5.value,
     showLabelHelp = _ref5.showLabelHelp,
-    InputLabelProps = _ref5.InputLabelProps,
+    _ref5$InputLabelProps = _ref5.InputLabelProps,
+    InputLabelProps = _ref5$InputLabelProps === void 0 ? {
+      shrink: true
+    } : _ref5$InputLabelProps,
     InputLabelHelpProps = _ref5.InputLabelHelpProps,
-    inputVariant = _ref5.inputVariant,
+    _ref5$inputVariant = _ref5.inputVariant,
+    inputVariant = _ref5$inputVariant === void 0 ? 'outlined' : _ref5$inputVariant,
     interactiveMode = _ref5.interactiveMode,
     readOnly = _ref5.readOnly,
     others = _objectWithoutProperties$2(_ref5, _excluded$7);
@@ -62753,13 +62737,6 @@ ActiveTimePicker.propTypes = {
   /** Props applied to the input label help element. E.g InputLabelHelpProps={{type:'link', label:'Help', link:'unicef.github.io', icon, tooltipTitle: 'Tooltip title', tooltipPlacement: 'bottom}} */
   InputLabelHelpProps: PropTypes.object
 };
-ActiveTimePicker.defaultProps = {
-  inputVariant: 'outlined',
-  InputLabelProps: {
-    shrink: true
-  },
-  inputFormat: 'hh:mm a'
-};
 
 var _excluded$6 = ["inputFormat", "label", "onChange", "value", "showLabelHelp", "InputLabelProps", "InputLabelHelpProps", "inputVariant", "interactiveMode", "readOnly"];
 var PREFIX$7 = 'ActiveDateTimePicker';