@unicef/material-ui 0.12.1 → 0.12.3

package/lib/prod.js

@@ -6848,6 +6848,20 @@ function isPhoneNumberText(value) {
   return true;
 }
 
+/**
+ *
+ * @param {String} value Value text to be validated
+ * @returns {Boolean} Whether the given value string contains safe text (no html tags)
+ */
+function isRegexCaseInSensitive(value, regexRule) {
+  var valueToTest = value || '';
+  var regexStr = regexRule;
+  if (!regexStr) return true; // if no regex, then accept any text
+
+  var regex = new RegExp(regexStr, 'i');
+  return regex.test(valueToTest);
+}
+
 /**
  *
  * @param {String} value Value text to be validated
@@ -28334,7 +28348,12 @@ function InputComponent(_ref) {
   var inputRef = _ref.inputRef,
       props = objectWithoutProperties(_ref, ['inputRef']);
 
-  return React__default.createElement('div', _extends$1({ ref: inputRef }, props));
+  return React__default.createElement('div', _extends$1({
+    ref: inputRef
+  }, props, {
+    required: undefined // Remove required from div element
+    , 'aria-invalid': undefined // Remove aria-invalid from div element
+  }));
 }
 
 InputComponent.propTypes = {
@@ -30159,7 +30178,10 @@ function Input$3(props) {
     describedBy = describedBy || customDescribedBy ? '' + (describedBy ? describedBy : '') + (customDescribedBy ? ' ' + customDescribedBy : '') : undefined;
   }
 
-  return React__default.createElement(components.Input, _extends$1({}, props, { 'aria-describedby': describedBy }));
+  return React__default.createElement(components.Input, _extends$1({}, props, {
+    'aria-describedby': describedBy,
+    required: props && props.selectProps && props.selectProps.required || undefined
+  }));
 }
 
 Input$3.propTypes = {
@@ -41776,6 +41798,10 @@ function ForwardRefForm(props, ref) {
     return isAlphanumericText(value);
   });
 
+  lib_2.addValidationRule('matchRegexpCaseInSensitive', function (value, regexStr) {
+    return isRegexCaseInSensitive(value, regexStr);
+  });
+
   return React__default.createElement(lib_2, _extends$1({}, props, { ref: ref }));
 }
 
@@ -45566,7 +45592,8 @@ function ActiveKeyboardDatePicker(props) {
       showLabelHelp = props.showLabelHelp,
       InputLabelHelpProps = props.InputLabelHelpProps,
       label = props.label,
-      others = objectWithoutProperties(props, ['autoOk', 'variant', 'inputVariant', 'readOnly', 'interactiveMode', 'InputLabelProps', 'className', 'inputProps', 'InputProps', 'placeholder', 'showLabelHelp', 'InputLabelHelpProps', 'label']);
+      KeyboardButtonProps = props.KeyboardButtonProps,
+      others = objectWithoutProperties(props, ['autoOk', 'variant', 'inputVariant', 'readOnly', 'interactiveMode', 'InputLabelProps', 'className', 'inputProps', 'InputProps', 'placeholder', 'showLabelHelp', 'InputLabelHelpProps', 'label', 'KeyboardButtonProps']);
 
   var _React$useState = React__default.useState(classes.icon),
       _React$useState2 = slicedToArray(_React$useState, 2),
@@ -45607,11 +45634,11 @@ function ActiveKeyboardDatePicker(props) {
         disabled: Boolean(readOnly)
       }, inputProps),
       readOnly: readOnly,
-      KeyboardButtonProps: {
+      KeyboardButtonProps: _extends$1({}, KeyboardButtonProps, {
         classes: {
           root: '' + (!interactiveMode && !readOnly ? '' : hideIcon)
         }
-      },
+      }),
       InputProps: _extends$1({
         classes: {
           root: classes.input + ' ' + (readOnly && classes.inputHover),
@@ -45653,14 +45680,17 @@ ActiveKeyboardDatePicker.propTypes = {
   /** Show label help */
   showLabelHelp: PropTypes__default.bool,
   /** 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__default.object
+  InputLabelHelpProps: PropTypes__default.object,
+  /** Keyboard button props */
+  KeyboardButtonProps: PropTypes__default.object
 };
 
 ActiveKeyboardDatePicker.defaultProps = {
   inputVariant: 'outlined',
   autoOk: true,
   variant: 'inline',
-  format: 'dd/MM/yyyy'
+  format: 'dd/MM/yyyy',
+  KeyboardButtonProps: {}
 };
 
 var styles$17 = {
@@ -45983,7 +46013,8 @@ function ActiveKeyboardTimePicker(props) {
       showLabelHelp = props.showLabelHelp,
       InputLabelHelpProps = props.InputLabelHelpProps,
       label = props.label,
-      others = objectWithoutProperties(props, ['inputVariant', 'readOnly', 'interactiveMode', 'InputLabelProps', 'className', 'inputProps', 'InputProps', 'placeholder', 'showLabelHelp', 'InputLabelHelpProps', 'label']);
+      KeyboardButtonProps = props.KeyboardButtonProps,
+      others = objectWithoutProperties(props, ['inputVariant', 'readOnly', 'interactiveMode', 'InputLabelProps', 'className', 'inputProps', 'InputProps', 'placeholder', 'showLabelHelp', 'InputLabelHelpProps', 'label', 'KeyboardButtonProps']);
 
   var _React$useState = React__default.useState(classes.icon),
       _React$useState2 = slicedToArray(_React$useState, 2),
@@ -46022,11 +46053,11 @@ function ActiveKeyboardTimePicker(props) {
         disabled: Boolean(readOnly)
       }, inputProps),
       readOnly: readOnly,
-      KeyboardButtonProps: {
+      KeyboardButtonProps: _extends$1({}, KeyboardButtonProps, {
         classes: {
           root: '' + (!interactiveMode && !readOnly ? '' : hideIcon)
         }
-      },
+      }),
       InputProps: _extends$1({
         classes: {
           root: classes.input + ' ' + (readOnly && classes.inputHover),
@@ -46064,13 +46095,16 @@ ActiveKeyboardTimePicker.propTypes = {
   /** Show label help */
   showLabelHelp: PropTypes__default.bool,
   /** 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__default.object
+  InputLabelHelpProps: PropTypes__default.object,
+  /** Keyboard button props */
+  KeyboardButtonProps: PropTypes__default.object
 };
 
 ActiveKeyboardTimePicker.defaultProps = {
   inputVariant: 'outlined',
   autoOk: true,
-  variant: 'inline'
+  variant: 'inline',
+  KeyboardButtonProps: {}
 };
 
 var filter$1 = createFilterOptions();
@@ -46356,7 +46390,8 @@ function ActiveKeyboardDateTimePicker(props) {
       showLabelHelp = props.showLabelHelp,
       InputLabelHelpProps = props.InputLabelHelpProps,
       label = props.label,
-      others = objectWithoutProperties(props, ['autoOk', 'variant', 'inputVariant', 'readOnly', 'interactiveMode', 'InputLabelProps', 'className', 'inputProps', 'InputProps', 'placeholder', 'showLabelHelp', 'InputLabelHelpProps', 'label']);
+      KeyboardButtonProps = props.KeyboardButtonProps,
+      others = objectWithoutProperties(props, ['autoOk', 'variant', 'inputVariant', 'readOnly', 'interactiveMode', 'InputLabelProps', 'className', 'inputProps', 'InputProps', 'placeholder', 'showLabelHelp', 'InputLabelHelpProps', 'label', 'KeyboardButtonProps']);
 
   var _React$useState = React__default.useState(classes.icon),
       _React$useState2 = slicedToArray(_React$useState, 2),
@@ -46397,11 +46432,11 @@ function ActiveKeyboardDateTimePicker(props) {
         disabled: Boolean(readOnly)
       }, inputProps),
       readOnly: readOnly,
-      KeyboardButtonProps: {
+      KeyboardButtonProps: _extends$1({}, KeyboardButtonProps, {
         classes: {
           root: '' + (!interactiveMode && !readOnly ? '' : hideIcon)
         }
-      },
+      }),
       InputProps: _extends$1({
         classes: {
           root: classes.input + ' ' + (readOnly && classes.inputHover),
@@ -46443,14 +46478,17 @@ ActiveKeyboardDateTimePicker.propTypes = {
   /** Show label help */
   showLabelHelp: PropTypes__default.bool,
   /** 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__default.object
+  InputLabelHelpProps: PropTypes__default.object,
+  /** Keyboard button props */
+  KeyboardButtonProps: PropTypes__default.object
 };
 
 ActiveKeyboardDateTimePicker.defaultProps = {
   inputVariant: 'outlined',
   autoOk: true,
   variant: 'inline',
-  format: 'dd/MM/yyyy hh:mm a'
+  format: 'dd/MM/yyyy hh:mm a',
+  KeyboardButtonProps: {}
 };
 
 exports.ActiveAutoComplete = ActiveAutoComplete;