GluuFederation · duttarnab · Oct 17, 2024 · Oct 17, 2024
@@ -1,5 +1,5 @@
 import React from 'react'
-function GluuBlockUI(blocking) {
+function GluuBlockUI(blocking=false) {
   if (blocking) {
     return (
       <div className="block-ui-container" style={{ minHeight: '100px' }}>
@@ -19,9 +19,4 @@ function GluuBlockUI(blocking) {
     return ''
   }
 }
-
-GluuBlockUI.defaultProps = {
-  blocking: false,
-}
-
 export default GluuBlockUI
@@ -1,21 +1,20 @@
 import React from 'react'
 import { Col, FormGroup, Input } from 'Components'
 import GluuLabel from './GluuLabel'
-import GluuTooltip from './GluuTooltip'
 
 function GluuCheckBoxRow({
   label,
   name,
   value,
-  required,
-  lsize,
-  rsize,
+  required = false,
+  lsize = 3,
+  rsize = 9,
   handleOnChange,
   doc_category,
 }) {
   return (
     <FormGroup row>
-      <GluuLabel label={label} size={lsize} required={required} doc_category={doc_category} doc_entry={name}/>
+      <GluuLabel label={label} size={lsize} required={required} doc_category={doc_category} doc_entry={name} />
       <Col sm={rsize}>
         <Input
           id={name}
@@ -29,11 +28,4 @@ function GluuCheckBoxRow({
     </FormGroup>
   )
 }
-
-GluuCheckBoxRow.defaultProps = {
-  type: 'checkbox',
-  lsize: 3,
-  rsize: 9,
-  required: false,
-}
 export default GluuCheckBoxRow
@@ -9,8 +9,8 @@ function GluuFormDetailRow({
   value,
   isBadge,
   badgeColor,
-  lsize,
-  rsize,
+  lsize = 6,
+  rsize = 6,
   doc_category,
   doc_entry,
   isDirect = false,

@@ -17,11 +17,11 @@ import PropTypes from 'prop-types'
 function GluuInlineInput({
   label,
   name,
-  type,
+  type = 'text',
   value,
-  required,
-  lsize,
-  rsize,
+  required = false,
+  lsize = 3,
+  rsize = 9,
   isBoolean,
   isArray,
   handler,
@@ -38,23 +38,23 @@ function GluuInlineInput({
   const [correctValue, setCorrectValue] = useState([])
   const [data, setData] = useState(value)
   const onValueChanged = (e) => {
-    if(isBoolean){
+    if (isBoolean) {
       setData(e.target.checked)
-    }else{
+    } else {
       setData(e.target.value)
     }
     setShow(true)
   }
   const handleTypeAheadChange = (selectedOptions) => {
     const object = selectedOptions.filter((data) => typeof data == 'object')
     const arrayItems = selectedOptions.filter((data) => typeof data != 'object')
-      for (const i in object) {
-        if (!object[i]['tokenEndpointAuthMethodsSupported']) {
-          arrayItems.push(object[i][name])
-        } else {
-          arrayItems.push(object[i]['tokenEndpointAuthMethodsSupported'])
-        }
+    for (const i in object) {
+      if (!object[i]['tokenEndpointAuthMethodsSupported']) {
+        arrayItems.push(object[i][name])
+      } else {
+        arrayItems.push(object[i]['tokenEndpointAuthMethodsSupported'])
       }
+    }
     setCorrectValue(arrayItems)
     setShow(true)
   }
@@ -87,37 +87,37 @@ function GluuInlineInput({
           />
           <Col sm={rsize}>
             {!isBoolean && !isArray && (
-            <Input
-              id={name}
-              data-testid={name}
-              name={name}
-              type={type}
-              defaultValue={data}
-              onChange={onValueChanged}
-            />
+              <Input
+                id={name}
+                data-testid={name}
+                name={name}
+                type={type}
+                defaultValue={data}
+                onChange={onValueChanged}
+              />
             )}
             {isBoolean && (
-            <GluuToogle
-              id={name}
-              data-testid={name}
-              name={name}
-              handler={onValueChanged}
-              value={value}
-            />
+              <GluuToogle
+                id={name}
+                data-testid={name}
+                name={name}
+                handler={onValueChanged}
+                value={value}
+              />
             )}
             {isArray && (
-            <Typeahead
-              id={name}
-              data-testid={name}
-              name={name}
-              allowNew
-              emptyLabel=""
-              labelKey={name}
-              onChange={handleTypeAheadChange}
-              multiple={true}
-              defaultSelected={value}
-              options={options || []}
-            />
+              <Typeahead
+                id={name}
+                data-testid={name}
+                name={name}
+                allowNew
+                emptyLabel=""
+                labelKey={name}
+                onChange={handleTypeAheadChange}
+                multiple={true}
+                defaultSelected={value}
+                options={options || []}
+              />
             )}
           </Col>
         </FormGroup>
@@ -143,12 +143,6 @@ function GluuInlineInput({
   )
 }
 
-GluuInlineInput.defaultProps = {
-  type: 'text',
-  lsize: 3,
-  rsize: 9,
-  required: false,
-}
 GluuInlineInput.propTypes = {
   doc_category: PropTypes.string,
   label: PropTypes.string,

@@ -5,11 +5,11 @@ import GluuTooltip from './GluuTooltip'
 function GluuInput({
   label,
   name,
-  type,
+  type = 'text',
   value,
-  required,
-  lsize,
-  rsize,
+  required = false,
+  lsize = 3,
+  rsize = 9,
   doc_category,
 }) {
   return (
@@ -23,12 +23,4 @@ function GluuInput({
     </GluuTooltip>
   )
 }
-
-GluuInput.defaultProps = {
-  type: 'text',
-  lsize: 3,
-  rsize: 9,
-  required: false,
-}
-
 export default GluuInput
@@ -7,14 +7,14 @@ import PropTypes from 'prop-types';
 function GluuInputRow({
   label,
   name,
-  type,
+  type = 'text',
   value,
   formik,
-  required,
-  lsize,
-  rsize,
+  required = false,
+  lsize = 3,
+  rsize = 9,
   doc_category,
-  disabled,
+  disabled = false,
   showError = false,
   errorMessage = '',
   handleChange = null,
@@ -50,7 +50,7 @@ function GluuInputRow({
           onFocus={onFocus}
           onKeyDown={(evt) => evt.key === 'e' && type === "number" && evt.preventDefault()}
           disabled={disabled}
-          rows={rows} 
+          rows={rows}
           cols={cols}
         />
         {shortcode}
@@ -68,16 +68,6 @@ function GluuInputRow({
     </FormGroup>
   )
 }
-
-GluuInputRow.defaultProps = {
-  type: 'text',
-  lsize: 3,
-  rsize: 9,
-  required: false,
-  disabled: false,
-  doc_entry: undefined
-}
-
 export default GluuInputRow
 
 GluuInputRow.propTypes = {

@@ -3,7 +3,7 @@ import { Col, FormGroup, Input } from 'Components'
 import GluuLabel from './GluuLabel'
 import GluuTooltip from './GluuTooltip'
 
-function GluuInumInput({ label, name, value, lsize, rsize, doc_category }) {
+function GluuInumInput({ label, name, value, lsize = 4, rsize = 8, doc_category }) {
   return (
     <GluuTooltip doc_category={doc_category} doc_entry={name}>
       <FormGroup row>
@@ -22,9 +22,4 @@ function GluuInumInput({ label, name, value, lsize, rsize, doc_category }) {
     </GluuTooltip>
   )
 }
-GluuInumInput.defaultProps = {
-  lsize: 4,
-  rsize: 8,
-}
-
 export default GluuInumInput
@@ -36,16 +36,6 @@ function GluuLabel({ label, required, size, doc_category, doc_entry, style }) {
         }
         :
       </h5>
-      {/* {doc_category && (
-        <ReactTooltip
-          html={true}
-          type="success"
-          id={doc_entry}
-          data-testid={doc_entry}
-        >
-          {t('documentation.' + doc_category + '.' + doc_entry)}
-        </ReactTooltip>
-      )} */}
     </Label>
   )
 }

@@ -9,12 +9,12 @@ import PropTypes from 'prop-types'
 function GluuRemovableInputRow({
   label,
   name,
-  type,
+  type = 'text',
   value,
   formik,
-  required,
-  lsize,
-  rsize,
+  required = false,
+  lsize = 3,
+  rsize = 9,
   handler,
   doc_category,
   isDirect,
@@ -62,12 +62,6 @@ function GluuRemovableInputRow({
   )
 }
 
-GluuRemovableInputRow.defaultProps = {
-  type: 'text',
-  lsize: 3,
-  rsize: 9,
-  required: false,
-}
 GluuRemovableInputRow.propTypes = {
   label: PropTypes.string,
   name: PropTypes.string,

@@ -10,9 +10,9 @@ function GluuRemovableSelectRow({
   name,
   value,
   formik,
-  values,
-  lsize,
-  rsize,
+  values = [],
+  lsize = 3,
+  rsize = 9,
   handler,
   doc_category,
   isDirect,
@@ -52,11 +52,4 @@ function GluuRemovableSelectRow({
     </GluuTooltip>
   )
 }
-
-GluuRemovableSelectRow.defaultProps = {
-  values: [],
-  lsize: 3,
-  rsize: 9,
-}
-
 export default GluuRemovableSelectRow
@@ -11,11 +11,11 @@ function GluuRemovableTypeAhead({
   name,
   value,
   formik,
-  lsize,
-  rsize,
+  lsize = 3,
+  rsize = 9,
   handler,
   doc_category,
-  options,
+  options = [],
   isDirect,
   allowNew = true,
 }) {
@@ -58,11 +58,4 @@ function GluuRemovableTypeAhead({
     </GluuTooltip>
   )
 }
-
-GluuRemovableTypeAhead.defaultProps = {
-  values: [],
-  lsize: 3,
-  rsize: 9,
-}
-
 export default GluuRemovableTypeAhead