api_maker 0.0.1 → 0.0.2

data/lib/api_maker/javascript/bootstrap/checkbox.jsx

@@ -1,127 +0,0 @@
-import PropTypes from "prop-types"
-import PropTypesExact from "prop-types-exact"
-import React from "react"
-
-const inflection = require("inflection")
-
-export default class BootstrapCheckbox extends React.Component {
-  static propTypes = PropTypesExact({
-    attribute: PropTypes.string,
-    className: PropTypes.string,
-    "data-action": PropTypes.string,
-    "data-target": PropTypes.string,
-    defaultChecked: PropTypes.bool,
-    defaultValue: PropTypes.node,
-    hint: PropTypes.node,
-    id: PropTypes.string,
-    label: PropTypes.node,
-    labelClassName: PropTypes.string,
-    model: PropTypes.object,
-    name: PropTypes.string,
-    onChange: PropTypes.func,
-    wrapperClassName: PropTypes.string
-  })
-
-  render() {
-    let id = this.inputId()
-
-    return (
-      <div className={this.wrapperClassName()}>
-        <div className="form-check">
-          <input defaultValue="0" name={this.inputName()} type="hidden" type="hidden" />
-          <input
-            data-target={this.props["data-target"]}
-            defaultChecked={this.inputDefaultChecked()}
-            className={this.className()}
-            data-action={this.props["data-action"]}
-            defaultValue="1"
-            id={id}
-            name={this.inputName()}
-            onChange={this.props.onChange}
-            ref="input"
-            type="checkbox"
-            />
-
-          {this.label() &&
-            <label className={this.labelClassName()} htmlFor={id}>
-              {this.label()}
-            </label>
-          }
-        </div>
-        {this.props.hint &&
-          <p className="text-muted">
-            {this.props.hint}
-          </p>
-        }
-      </div>
-    )
-  }
-
-  className() {
-    var classNames = ["form-check-input"]
-
-    if (this.props.className)
-      classNames.push(this.props.className)
-
-    return classNames.join(" ")
-  }
-
-  generatedId() {
-    return Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15)
-  }
-
-  inputDefaultChecked() {
-    if ("defaultChecked" in this.props) {
-      return this.props.defaultChecked
-    } else if (this.props.model) {
-      if (!this.props.model[this.props.attribute])
-        throw new Error(`No such attribute: ${this.props.attribute}`)
-
-      return this.props.model[this.props.attribute]()
-    }
-  }
-
-  inputId() {
-    if (this.props.id) {
-      return this.props.id
-    } else if (this.props.model) {
-      return `${this.props.model.modelClassData().paramKey}_${inflection.underscore(this.props.attribute)}`
-    } else {
-      return this.generatedId()
-    }
-  }
-
-  inputName() {
-    if (this.props.name) {
-      return this.props.name
-    } else if (this.props.model) {
-      return `${this.props.model.modelClassData().paramKey}[${inflection.underscore(this.props.attribute)}]`
-    }
-  }
-
-  wrapperClassName() {
-    let classNames = ["component-bootstrap-checkbox"]
-
-    if (this.props.wrapperClassName)
-      classNames.push(this.props.wrapperClassName)
-
-    return classNames.join(" ")
-  }
-
-  label() {
-    if (this.props.label) {
-      return this.props.label
-    } else if (this.props.model) {
-      return this.props.model.modelClass().humanAttributeName(this.props.attribute)
-    }
-  }
-
-  labelClassName() {
-    let classNames = ["form-check-label"]
-
-    if (this.props.labelClassName)
-      classNames.push(this.props.labelClassName)
-
-    return classNames.join(" ")
-  }
-}

data/lib/api_maker/javascript/bootstrap/checkboxes.jsx

@@ -1,105 +0,0 @@
-import PropTypes from "prop-types"
-import PropTypesExact from "prop-types-exact"
-import React from "react"
-
-const inflection = require("inflection")
-
-export default class BootstrapCheckboxes extends React.Component {
-  static propTypes = PropTypesExact({
-    attribute: PropTypes.string,
-    defaultValue: PropTypes.array,
-    label: PropTypes.string,
-    labelClassName: PropTypes.string,
-    model: PropTypes.object,
-    name: PropTypes.string,
-    options: PropTypes.array.isRequired
-  })
-
-  render() {
-    return (
-      <div className="component-bootstrap-checkboxes form-group">
-        <label className={this.labelClassName()}>
-          {this.label()}
-        </label>
-
-        <input name={this.inputName()} type="hidden" value="" />
-        {this.props.options.map((option, index) => this.optionElement(option, index))}
-      </div>
-    )
-  }
-
-  inputDefaultValue() {
-    if (this.props.defaultValue) {
-      return this.props.defaultValue
-    } else if (this.props.model) {
-      if (!this.props.model[this.props.attribute])
-        throw `No such attribute: ${this.props.attribute}`
-
-      return this.props.model[this.props.attribute]()
-    }
-  }
-
-  inputName() {
-    if (this.props.name) {
-      return `${this.props.name}[]`
-    } else if (this.props.model) {
-      return `${this.props.model.modelClassData().paramKey}[${inflection.underscore(this.props.attribute)}]`
-    }
-  }
-
-  isDefaultSelected(option) {
-    let defaultValue = this.inputDefaultValue()
-
-    if (!defaultValue)
-      return false
-
-    if (defaultValue.constructor === Array) {
-      return defaultValue.includes(option)
-    } else {
-      return defaultValue == option
-    }
-  }
-
-  label() {
-    if (this.props.label === false) {
-      return null
-    } else if (this.props.label) {
-      return this.props.label
-    } else if (this.props.model) {
-      return this.props.model.modelClass().humanAttributeName(this.props.attribute)
-    }
-  }
-
-  labelClassName() {
-    let classNames = []
-
-    if (this.props.labelClassName)
-      classNames.push(this.props.labelClassName)
-
-    return classNames.join(" ")
-  }
-
-  generatedId() {
-    return Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15)
-  }
-
-  optionElement(option) {
-    var id = this.generatedId()
-
-    return (
-      <div className="checkboxes-option" key={`option-${option[1]}`}>
-        <input
-          data-option-value={option[1]}
-          defaultChecked={this.isDefaultSelected(option[1])}
-          id={id}
-          name={this.inputName()}
-          type="checkbox"
-          value={option[1]} />
-
-        <label className="ml-1" htmlFor={id}>
-          {option[0]}
-        </label>
-      </div>
-    )
-  }
-}

data/lib/api_maker/javascript/bootstrap/live-table.jsx

@@ -1,168 +0,0 @@
-import Collection from "api-maker/collection"
-import EventCreated from "api-maker/event-created"
-import EventDestroyed from "api-maker/event-destroyed"
-import Paginate from "api-maker/paginate"
-import Params from "api-maker/params"
-
-const inflection = require("inflection")
-
-export default class LiveTable extends React.Component {
-  static defaultProps = {
-    preloads: [],
-    select: {}
-  }
-
-  static propTypes = PropTypesExact({
-    className: PropTypes.string,
-    collection: PropTypes.instanceOf(Collection),
-    columnsContent: PropTypes.func.isRequired,
-    defaultParams: PropTypes.object,
-    destroyMessage: PropTypes.string,
-    filterContent: PropTypes.func,
-    filterSubmitLabel: PropTypes.node,
-    headersContent: PropTypes.func.isRequired,
-    modelClass: PropTypes.func.isRequired,
-    preloads: PropTypes.array.isRequired,
-    queryName: PropTypes.string.isRequired,
-    select: PropTypes.object
-  })
-
-  constructor(props) {
-    super(props)
-    this.state = {
-      currentHref: location.href,
-      queryQName: `${this.props.queryName}_q`,
-      queryPageName: `${this.props.queryName}_page`
-    }
-  }
-
-  componentDidMount() {
-    this.loadQParams().then(() => this.loadModels())
-  }
-
-  componentDidUpdate() {
-    if (this.state.currentHref != location.href) {
-      var { queryQName } = this.state
-      var params = Params.parse()
-      var qParams = params[queryQName] || {}
-      Params.setCachedParams(queryQName, qParams)
-      this.setState({currentHref: location.href, qParams}, () => this.loadModels())
-    }
-  }
-
-  async loadQParams() {
-    var { queryQName } = this.state
-    var qParams = await Params.getCachedParams(queryQName, {default: this.props.defaultParams || {}})
-    return this.setState({qParams})
-  }
-
-  async loadModels() {
-    var params = Params.parse()
-    var { modelClass, preloads, select } = this.props
-    var { qParams, queryPageName, queryQName } = this.state
-    var query
-
-    if (this.props.collection) {
-      query = this.props.collection
-    } else {
-      query = modelClass
-    }
-
-    query = query
-      .ransack(qParams)
-      .searchKey(queryQName)
-      .page(params[queryPageName])
-      .pageKey(queryPageName)
-      .preload(preloads)
-      .select(select)
-
-    var result = await query.result()
-
-    this.setState({query, result, models: result.models()})
-  }
-
-  render() {
-    var { qParams, query, result, models } = this.state
-
-    return (
-      <div className={this.className()}>
-        {qParams && query && result && models && this.content()}
-      </div>
-    )
-  }
-
-  content() {
-    var { filterContent, filterSubmitLabel, modelClass } = this.props
-    var { qParams, query, result, models } = this.state
-
-    return (
-      <div className="content-container">
-        <EventCreated modelClass={modelClass} onCreated={() => this.onModelCreated()} />
-
-        {filterContent &&
-          <Card className="mb-4">
-            <form onSubmit={(e) => this.onFilterFormSubmit(e)} ref="filterForm">
-              {filterContent({qParams})}
-              <input className="btn btn-primary" label={filterSubmitLabel} type="submit" />
-            </form>
-          </Card>
-        }
-
-        {models.map(model =>
-          <EventDestroyed key={`event-destroyed-${model.cacheKey()}`} model={model} onDestroyed={(args) => this.onModelDestroyed(args)} />
-        )}
-
-        <Card className="mb-4" striped table>
-          <thead>
-            <tr>
-              {this.props.headersContent({query})}
-            </tr>
-          </thead>
-          <tbody>
-            {models.map(model =>
-              <tr className={`${inflection.singularize(modelClass.modelClassData().collectionName)}-row`} data-model-id={model.id()} key={model.cacheKey()}>
-                {this.props.columnsContent({model})}
-              </tr>
-            )}
-          </tbody>
-        </Card>
-
-        <Paginate result={result} />
-      </div>
-    )
-  }
-
-  className() {
-    var classNames = ["component-api-maker-live-table"]
-
-    if (this.props.className)
-      classNames.push(this.props.className)
-
-    return classNames.join(" ")
-  }
-
-  onFilterFormSubmit(e) {
-    e.preventDefault()
-
-    var qParams = Params.serializeForm(this.refs.filterForm)
-    var { queryQName } = this.state
-
-    var changeParamsParams = {}
-    changeParamsParams[queryQName] = qParams
-
-    Params.changeParams(changeParamsParams)
-    Params.setCachedParams(queryQName, qParams)
-
-    this.setState({currentHref: location.href, qParams}, () => this.loadModels())
-  }
-
-  onModelCreated() {
-    this.loadModels()
-  }
-
-  onModelDestroyed(args) {
-    this.setState({
-      models: this.state.models.filter(model => model.id() != args.model.id())
-    })
-  }
-}

data/lib/api_maker/javascript/bootstrap/money-input.jsx

@@ -1,136 +0,0 @@
-import Api from "api-maker/api"
-import formatNumber from "format-number"
-import PropTypes from "prop-types"
-import React from "react"
-
-const inflection = require("inflection")
-
-export default class BootstrapMoneyInput extends React.Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-
-    let formatOptions = {
-      decimal: I18n.t("number.currency.format.separator"),
-      integerSeparator: I18n.t("number.currency.format.delimiter")
-    }
-    this.formatter = formatNumber(formatOptions)
-  }
-
-  render() {
-    return (
-      <div className="component-api-maker-bootstrap-money-input">
-        <input defaultValue={this.inputDefaultCentsValue()} id={this.inputCentsId()} name={this.inputCentsName()} ref="input" type="hidden" />
-
-        <div className="input-group">
-          <input
-            className={this.props.className}
-            defaultValue={this.inputDefaultValue()}
-            id={this.inputId()}
-            onBlur={() => this.setAmount()}
-            onChange={() => this.setCents()}
-            onKeyUp={() => this.setCents()}
-            placeholder={this.props.placeholder}
-            ref="whole"
-            type="text"
-            />
-          <select className="component-bootstrap-money-input" defaultValue={this.inputCurrencyValue()} id={this.inputCurrencyId()} name={this.inputCurrencyName()} onChange={() => { this.onCurrencyChanged() }} ref="currency">
-            <option></option>
-            {this.props.currenciesCollection.map(option => (
-              <option key={`select-option-${option[1]}`} value={option[1]}>
-                {this.props.small && option[1]}
-                {!this.props.small && option[0]}
-              </option>
-            ))}
-          </select>
-        </div>
-      </div>
-    )
-  }
-
-  inputCurrencyId() {
-    return `${this.inputId()}_currency`
-  }
-
-  inputCurrencyName() {
-    if (this.props.currencyName)
-      return this.props.currencyName
-
-    return `${this.props.model.modelClassData().paramKey}[${inflection.underscore(this.props.attribute)}_currency]`
-  }
-
-  inputCurrencyValue() {
-    let value = this.props.model[this.props.attribute]()
-
-    if (value) {
-      return MoneyFormatter.currencyFromMoney(value).code
-    } else {
-      return "DKK"
-    }
-  }
-
-  inputDefaultValue() {
-    let value = this.props.model[this.props.attribute]()
-
-    if (value) {
-      return MoneyFormatter.fromMoney({amount: value.amount, currency: this.inputCurrencyValue()}, {decimals: 2, excludeCurrency: true}).toString()
-    } else {
-      return ""
-    }
-  }
-
-  inputDefaultCentsValue() {
-    let value = this.props.model[this.props.attribute]()
-
-    if (this.refs.input)
-      return this.refs.input.value
-
-    if (value)
-      return MoneyFormatter.amountFromMoney(value)
-  }
-
-  inputCentsId() {
-    return `${this.inputId()}_cents`
-  }
-
-  inputCentsName() {
-    if (this.props.name)
-      return this.props.name
-
-    return `${this.props.model.modelClassData().paramKey}[${inflection.underscore(this.props.attribute)}_cents]`
-  }
-
-  inputId() {
-    return `${this.props.model.modelClassData().paramKey}_${inflection.underscore(this.props.attribute)}`
-  }
-
-  onCurrencyChanged() {
-    if (this.props.onChange)
-      this.props.onChange()
-  }
-
-  setAmount() {
-    if (!this.refs.input.value && this.refs.input.value == "") {
-      this.refs.whole.value = ""
-    } else {
-      let cents = parseFloat(this.refs.input.value)
-      let formatted = MoneyFormatter.fromMoney({amount: cents, currency: this.inputCurrencyValue()}, {decimals: 2, excludeCurrency: true}).toString()
-
-      this.refs.whole.value = formatted
-    }
-  }
-
-  setCents() {
-    let whole = MoneyFormatter.stringToFloat(this.refs.whole.value)
-    let cents = parseInt(whole * 100)
-    let oldCents = parseInt(this.refs.input.value)
-    this.refs.input.value = cents
-
-    if (this.props.onChange && oldCents != cents)
-      this.props.onChange()
-  }
-}
-
-BootstrapMoneyInput.propTypes = {
-  currenciesCollection: PropTypes.array.isRequired
-}

data/lib/api_maker/javascript/bootstrap/radio-buttons.jsx

@@ -1,80 +0,0 @@
-import PropTypesExact from "prop-types-exact"
-import React from "react"
-
-const inflection = require("inflection")
-
-export default class BootstrapRadioButtons extends React.Component {
-  static propTypes = PropTypesExact({
-    attribute: PropTypes.string,
-    collection: PropTypes.array.isRequired,
-    defaultValue: PropTypes.oneOfType([
-      PropTypes.number,
-      PropTypes.string
-    ]),
-    id: PropTypes.string,
-    name: PropTypes.string,
-    model: PropTypes.object,
-    wrapperClassName: PropTypes.string
-  })
-
-  render() {
-    return (
-      <div className={this.wrapperClassName()}>
-        <input name={this.inputName()} type="hidden" value="" />
-        {this.props.collection.map(option => this.optionElement(option))}
-      </div>
-    )
-  }
-
-  inputDefaultValue() {
-    if (this.props.defaultValue) {
-      return this.props.defaultValue
-    } else if (this.props.model) {
-      if (!this.props.model[this.props.attribute])
-        throw new Error(`No such attribute: ${this.props.attribute}`)
-
-      return this.props.model[this.props.attribute]()
-    }
-  }
-
-  inputName() {
-    if (this.props.name) {
-      return this.props.name
-    } else if (this.props.model) {
-      return `${this.props.model.modelClassData().paramKey}[${inflection.underscore(this.props.attribute)}]`
-    }
-  }
-
-  generatedId() {
-    return Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15)
-  }
-
-  optionElement(option) {
-    let id = this.generatedId()
-
-    return (
-      <div key={`option-${option[1]}`}>
-        <input
-          data-option-value={option[1]}
-          defaultChecked={option[1] == this.inputDefaultValue()}
-          id={id}
-          name={this.inputName()}
-          type="radio"
-          value={option[1]} />
-
-        <label className="ml-1" htmlFor={id}>
-          {option[0]}
-        </label>
-      </div>
-    )
-  }
-
-  wrapperClassName() {
-    var classNames = ["component-bootstrap-radio-buttons"]
-
-    if (this.props.wrapperClassName)
-      classNames.push(this.props.wrapperClassName)
-
-    return classNames.join(" ")
-  }
-}