OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	08/07/2024 04:34:11 AM	rwxr-xr-x
📄 app.jsx	621 bytes	08/07/2024 04:33:53 AM	rw-r--r--
📁 auth	-	08/07/2024 04:34:04 AM	rwxr-xr-x
📄 clear.jsx	599 bytes	08/07/2024 04:33:53 AM	rw-r--r--
📄 contact.jsx	1.14 KB	08/07/2024 04:33:53 AM	rw-r--r--
📄 content-type.jsx	1.71 KB	08/07/2024 04:33:53 AM	rw-r--r--
📄 copy-to-clipboard-btn.jsx	740 bytes	08/07/2024 04:33:53 AM	rw-r--r--
📄 curl.jsx	1.11 KB	08/07/2024 04:33:53 AM	rw-r--r--
📄 debug.jsx	1.05 KB	08/07/2024 04:33:53 AM	rw-r--r--
📄 deep-link.jsx	475 bytes	08/07/2024 04:33:53 AM	rw-r--r--
📄 errors.jsx	4.03 KB	08/07/2024 04:33:53 AM	rw-r--r--
📄 example.jsx	1.14 KB	08/07/2024 04:33:53 AM	rw-r--r--
📄 examples-select-value-retainer.jsx	8.08 KB	08/07/2024 04:33:53 AM	rw-r--r--
📄 examples-select.jsx	3.9 KB	08/07/2024 04:33:53 AM	rw-r--r--
📄 execute.jsx	3.4 KB	08/07/2024 04:33:53 AM	rw-r--r--
📄 footer.jsx	156 bytes	08/07/2024 04:33:53 AM	rw-r--r--
📄 headers.jsx	1.81 KB	08/07/2024 04:33:53 AM	rw-r--r--
📄 info.jsx	3.99 KB	08/07/2024 04:33:53 AM	rw-r--r--
📄 initialized-input.jsx	1.43 KB	08/07/2024 04:33:53 AM	rw-r--r--
📄 jump-to-path.jsx	191 bytes	08/07/2024 04:33:53 AM	rw-r--r--
📄 layout-utils.jsx	5.37 KB	08/07/2024 04:33:53 AM	rw-r--r--
📁 layouts	-	08/07/2024 04:34:05 AM	rwxr-xr-x
📄 license.jsx	1.01 KB	08/07/2024 04:33:53 AM	rw-r--r--
📄 live-response.jsx	4.67 KB	08/07/2024 04:33:53 AM	rw-r--r--
📄 online-validator-badge.jsx	3.15 KB	08/07/2024 04:33:53 AM	rw-r--r--
📄 openapi-version.jsx	314 bytes	08/07/2024 04:33:53 AM	rw-r--r--
📄 operation-extension-row.jsx	411 bytes	08/07/2024 04:33:53 AM	rw-r--r--
📄 operation-extensions.jsx	970 bytes	08/07/2024 04:33:53 AM	rw-r--r--
📄 operation-summary-method.jsx	535 bytes	08/07/2024 04:33:53 AM	rw-r--r--
📄 operation-summary-path.jsx	1.38 KB	08/07/2024 04:33:54 AM	rw-r--r--
📄 operation-summary.jsx	3.57 KB	08/07/2024 04:33:54 AM	rw-r--r--
📄 operation-tag.jsx	3.63 KB	08/07/2024 04:33:54 AM	rw-r--r--
📄 operation.jsx	9.93 KB	08/07/2024 04:33:54 AM	rw-r--r--
📄 operations.jsx	2.8 KB	08/07/2024 04:33:54 AM	rw-r--r--
📄 overview.jsx	3.57 KB	08/07/2024 04:33:54 AM	rw-r--r--
📄 param-body.jsx	4.85 KB	08/07/2024 04:33:54 AM	rw-r--r--
📄 parameter-extension.jsx	302 bytes	08/07/2024 04:33:54 AM	rw-r--r--
📄 parameter-include-empty.jsx	1.43 KB	08/07/2024 04:33:54 AM	rw-r--r--
📄 parameter-row.jsx	14.28 KB	08/07/2024 04:33:54 AM	rw-r--r--
📁 parameters	-	08/07/2024 04:34:05 AM	rwxr-xr-x
📄 property.jsx	376 bytes	08/07/2024 04:33:54 AM	rw-r--r--
📁 providers	-	08/07/2024 04:34:05 AM	rwxr-xr-x
📄 response-body.jsx	5.97 KB	08/07/2024 04:33:54 AM	rw-r--r--
📄 response-extension.jsx	316 bytes	08/07/2024 04:33:54 AM	rw-r--r--
📄 response.jsx	9.31 KB	08/07/2024 04:33:54 AM	rw-r--r--
📄 responses.jsx	6.59 KB	08/07/2024 04:33:54 AM	rw-r--r--
📄 svg-assets.jsx	3.15 KB	08/07/2024 04:33:54 AM	rw-r--r--
📄 system-wrapper.jsx	0 bytes	08/07/2024 04:33:54 AM	rw-r--r--
📄 try-it-out-button.jsx	1.36 KB	08/07/2024 04:33:54 AM	rw-r--r--
📄 version-pragma-filter.jsx	1.84 KB	08/07/2024 04:33:54 AM	rw-r--r--
📄 version-stamp.jsx	271 bytes	08/07/2024 04:33:54 AM	rw-r--r--

Editing: layout-utils.jsx

import React from "react"
import PropTypes from "prop-types"

function xclass(...args) {
  return args.filter(a => !!a).join(" ").trim()
}

export class Container extends React.Component {
  render() {
    let { fullscreen, full, ...rest } = this.props
    // Normal element

if(fullscreen)
      return <section {...rest}/>

let containerClass = "swagger-container" + (full ? "-full" : "")
    return (
      <section {...rest} className={xclass(rest.className, containerClass)}/>
    )
  }
}

Container.propTypes = {
  fullscreen: PropTypes.bool,
  full: PropTypes.bool,
  className: PropTypes.string
}

const DEVICES = {
  "mobile": "",
  "tablet": "-tablet",
  "desktop": "-desktop",
  "large": "-hd"
}

export class Col extends React.Component {

render() {
    const {
      hide,
      keepContents,
      /* we don't want these in the `rest` object that passes to the final component,
         since React now complains. So we extract them */
      /* eslint-disable no-unused-vars */
      mobile,
      tablet,
      desktop,
      large,
      /* eslint-enable no-unused-vars */
      ...rest
    } = this.props

if(hide && !keepContents)
      return <span/>

let classesAr = []

for (let device in DEVICES) {
      if (!Object.prototype.hasOwnProperty.call(DEVICES, device)) {
        continue
      }
      let deviceClass = DEVICES[device]
      if(device in this.props) {
        let val = this.props[device]

if(val < 1) {
          classesAr.push("none" + deviceClass)
          continue
        }

classesAr.push("block" + deviceClass)
        classesAr.push("col-" + val + deviceClass)
      }
    }

if (hide) {
      classesAr.push("hidden")
    }

let classes = xclass(rest.className, ...classesAr)

return (
      <section {...rest} className={classes}/>
    )
  }

}

Col.propTypes = {
  hide: PropTypes.bool,
  keepContents: PropTypes.bool,
  mobile: PropTypes.number,
  tablet: PropTypes.number,
  desktop: PropTypes.number,
  large: PropTypes.number,
  className: PropTypes.string
}

export class Row extends React.Component {

render() {
    return <div {...this.props} className={xclass(this.props.className, "wrapper")} />
  }

}

Row.propTypes = {
  className: PropTypes.string
}

export class Button extends React.Component {

static propTypes = {
    className: PropTypes.string
  }

static defaultProps = {
    className: ""
  }

render() {
    return <button {...this.props} className={xclass(this.props.className, "button")} />
  }

}

export const TextArea = (props) => <textarea {...props} />

export const Input = (props) => <input {...props} />

export class Select extends React.Component {
  static propTypes = {
    allowedValues: PropTypes.array,
    value: PropTypes.any,
    onChange: PropTypes.func,
    multiple: PropTypes.bool,
    allowEmptyValue: PropTypes.bool,
    className: PropTypes.string,
    disabled: PropTypes.bool,
  }

static defaultProps = {
    multiple: false,
    allowEmptyValue: true
  }

constructor(props, context) {
    super(props, context)

let value

if (props.value) {
      value = props.value
    } else {
      value = props.multiple ? [""] : ""
    }

this.state = { value: value }
  }

onChange = (e) => {
    let { onChange, multiple } = this.props
    let options = [].slice.call(e.target.options)
    let value

if (multiple) {
      value = options.filter(function (option) {
          return option.selected
        })
        .map(function (option){
          return option.value
        })
    } else {
      value = e.target.value
    }

this.setState({value: value})

onChange && onChange(value)
  }

UNSAFE_componentWillReceiveProps(nextProps) {
    // TODO: this puts us in a weird area btwn un/controlled selection... review
    if(nextProps.value !== this.props.value) {
      this.setState({ value: nextProps.value })
    }
  }

render(){
    let { allowedValues, multiple, allowEmptyValue, disabled } = this.props
    let value = this.state.value?.toJS?.() || this.state.value

return (
      <select className={this.props.className} multiple={ multiple } value={value} onChange={ this.onChange } disabled={disabled} >
        { allowEmptyValue ? <option value="">--</option> : null }
        {
          allowedValues.map(function (item, key) {
            return <option key={ key } value={ String(item) }>{ String(item) }</option>
          })
        }
      </select>
    )
  }
}

export class Link extends React.Component {

render() {
    return <a {...this.props} rel="noopener noreferrer" className={xclass(this.props.className, "link")}/>
  }

}

Link.propTypes = {
  className: PropTypes.string
}

const NoMargin = ({children}) => <div className="no-margin"> {children} </div>

NoMargin.propTypes = {
  children: PropTypes.node
}

export class Collapse extends React.Component {

static propTypes = {
    isOpened: PropTypes.bool,
    children: PropTypes.node.isRequired,
    animated: PropTypes.bool
  }

static defaultProps = {
    isOpened: false,
    animated: false
  }

renderNotAnimated() {
    if(!this.props.isOpened)
      return <noscript/>
    return (
      <NoMargin>
        {this.props.children}
      </NoMargin>
    )
  }

render() {
    let { animated, isOpened, children } = this.props

if(!animated)
      return this.renderNotAnimated()

children = isOpened ? children : null
    return (
      <NoMargin>
        {children}
      </NoMargin>
    )
  }

}