@kaspernj/api-maker 1.0.2052 → 1.0.2054

package/src/inputs/money.jsx

@@ -1,179 +0,0 @@
-import React, {useRef} from "react"
-import {shapeComponent, ShapeComponent} from "set-state-compare/src/shape-component"
-import classNames from "classnames"
-import Config from "../config"
-import {digg} from "diggerize"
-import idForComponent from "./id-for-component"
-import * as inflection from "inflection"
-import memo from "set-state-compare/src/memo"
-import MoneyFormatter from "../money-formatter"
-import PropTypes from "prop-types"
-import PropTypesExact from "prop-types-exact"
-
-export default memo(shapeComponent(class ApiMakerInputsMoney extends ShapeComponent {
-  static defaultProps = {
-    disabled: false,
-    showCurrencyOptions: true
-  }
-
-  static propTypes = PropTypesExact({
-    attribute: PropTypes.string,
-    centsInputName: PropTypes.string,
-    className: PropTypes.string,
-    currenciesCollection: PropTypes.array,
-    currencyName: PropTypes.string,
-    currencyRef: PropTypes.object,
-    defaultValue: PropTypes.object,
-    disabled: PropTypes.bool.isRequired,
-    id: PropTypes.string,
-    inputRef: PropTypes.object,
-    label: PropTypes.any,
-    model: PropTypes.object,
-    name: PropTypes.string,
-    onChange: PropTypes.func,
-    placeholder: PropTypes.any,
-    showCurrencyOptions: PropTypes.bool,
-    small: PropTypes.bool,
-    type: PropTypes.string,
-    wholeRef: PropTypes.object
-  })
-
-  setup() {
-    this.inputRef = useRef()
-    this.currencyRefBackup = useRef()
-    this.currencyRef = this.props.currencyRef || this.currencyRefBackup
-    this.wholeRefBackup = useRef()
-    this.wholeRef = this.props.wholeRef || this.wholeRefBackup
-  }
-
-  getInputRef = () => this.props.inputRef || this.inputRef
-
-  render () {
-    const {attribute, className, disabled, model, showCurrencyOptions} = this.props
-    let {currenciesCollection} = this.props
-
-    if (!currenciesCollection) currenciesCollection = Config.getCurrenciesCollection()
-
-    return (
-      <div className="api-maker-inputs-money" data-attribute={attribute} data-model-id={model?.id()}>
-        <input defaultValue={this.inputDefaultCentsValue()} id={this.inputCentsId()} name={this.inputCentsName()} ref={this.getInputRef()} type="hidden" />
-        <input
-          className={classNames("money-cents", className)}
-          defaultValue={this.inputDefaultValue()}
-          disabled={disabled}
-          id={this.inputId()}
-          onBlur={this.tt.setAmount}
-          onChange={this.tt.setCents}
-          onKeyUp={this.tt.setCents}
-          placeholder={this.props.placeholder}
-          ref={this.tt.wholeRef}
-          type="text"
-        />
-        {showCurrencyOptions &&
-          <select
-            className="money-currency"
-            defaultValue={this.inputCurrencyValue()}
-            disabled={disabled}
-            id={this.inputCurrencyId()}
-            name={this.inputCurrencyName()}
-            onChange={this.tt.onCurrencyChanged}
-            ref={this.tt.currencyRef}
-          >
-            <option></option>
-            {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>
-    )
-  }
-
-  inputCurrencyId = () => `${this.inputId()}_currency`
-
-  inputCurrencyName () {
-    if ("currencyName" in this.props) return this.props.currencyName
-
-    return `${this.props.model.modelClassData().paramKey}[${inflection.underscore(this.props.attribute)}_currency]`
-  }
-
-  inputCurrencyValue () {
-    const {defaultValue} = this.props
-
-    if (defaultValue) {
-      return MoneyFormatter.currencyFromMoney(defaultValue).code
-    } else {
-      return "DKK"
-    }
-  }
-
-  inputDefaultValue () {
-    const {defaultValue} = this.props
-
-    if (defaultValue) {
-      return MoneyFormatter.fromMoney({amount: defaultValue.amount, currency: this.inputCurrencyValue()}, {decimals: 2, excludeCurrency: true}).toString()
-    } else {
-      return ""
-    }
-  }
-
-  inputDefaultCentsValue () {
-    const {defaultValue} = this.props
-
-    if (this.getInputRef().current) {
-      return digg(this.getInputRef(), "current", "value")
-    } else if (defaultValue) {
-      return MoneyFormatter.amountFromMoney(defaultValue)
-    }
-  }
-
-  inputCentsId = () => `${this.inputId()}_cents`
-
-  inputCentsName () {
-    if ("name" in this.props) return this.props.name
-
-    return `${this.props.model.modelClassData().paramKey}[${inflection.underscore(this.props.attribute)}_cents]`
-  }
-
-  inputId = () => idForComponent(this)
-
-  onCurrencyChanged = () => {
-    if (this.props.onChange) this.props.onChange()
-  }
-
-  setAmount = () => {
-    const inputElement = this.getInputRef().current
-
-    if (!inputElement) return
-
-    if (!inputElement.value && inputElement.value == "") {
-      this.wholeRef.current.value = ""
-    } else {
-      const cents = parseFloat(inputElement.value)
-      const formatted = MoneyFormatter.fromMoney({amount: cents, currency: this.inputCurrencyValue()}, {decimals: 2, excludeCurrency: true}).toString()
-
-      this.wholeRef.current.value = formatted
-    }
-  }
-
-  setCents = () => {
-    const inputElement = this.getInputRef().current
-
-    if (!inputElement) return
-
-    let whole = MoneyFormatter.stringToFloat(this.wholeRef.current.value)
-    let cents = parseInt(whole * 100, 10)
-    let oldCents = parseInt(inputElement.value, 10)
-
-    if (typeof cents == "number") {
-      inputElement.value = cents
-    } else {
-      inputElement.value = ''
-    }
-
-    if (this.props.onChange && oldCents != cents) this.props.onChange()
-  }
-}))

package/src/inputs/name-for-component.js

@@ -1,15 +0,0 @@
-import * as inflection from "inflection"
-
-export default function apiMakerNameForComponent (component) {
-  if ("name" in component.props) {
-    return component.props.name
-  } else if (component.props.attribute && component.props.model) {
-    let attributeName = inflection.underscore(component.props.attribute)
-
-    if (component.props.type == "money") {
-      attributeName += "_cents"
-    }
-
-    return `${component.props.model.modelClassData().paramKey}[${attributeName}]`
-  }
-}

package/src/inputs/select.jsx

@@ -1,104 +0,0 @@
-import BaseComponent from "../base-component"
-import inputWrapper from "./input-wrapper"
-import memo from "set-state-compare/src/memo"
-import PropTypes from "prop-types"
-import React from "react"
-import {shapeComponent} from "set-state-compare/src/shape-component"
-import {useForm} from "../form"
-
-const ApiMakerInputsSelect = memo(shapeComponent(class ApiMakerInputsSelect extends BaseComponent {
-  static propTypes = {
-    attribute: PropTypes.string,
-    children: PropTypes.any,
-    defaultValue: PropTypes.oneOfType([PropTypes.array, PropTypes.number, PropTypes.string]),
-    id: PropTypes.string,
-    includeBlank: PropTypes.oneOfType([PropTypes.bool, PropTypes.any]),
-    inputProps: PropTypes.object.isRequired,
-    model: PropTypes.object,
-    name: PropTypes.string,
-    onChange: PropTypes.func,
-    options: PropTypes.array,
-    wrapperOpts: PropTypes.object.isRequired
-  }
-
-  setup() {
-    this.form = useForm()
-  }
-
-  render () {
-    const {
-      attribute,
-      children,
-      defaultValue,
-      id,
-      includeBlank,
-      inputProps,
-      inputRef,
-      model,
-      name,
-      onChange,
-      options,
-      wrapperOpts,
-      ...restProps
-    } = this.props
-
-    return (
-      <select onChange={this.tt.onChange} {...inputProps} {...restProps}>
-        {this.includeBlank() &&
-          <option data-include-blank="true">
-            {typeof includeBlank != "boolean" ? includeBlank : null}
-          </option>
-        }
-        {options && options.map((option) =>
-          <option key={this.optionKey(option)} value={this.optionValue(option)}>
-            {this.optionLabel(option)}
-          </option>
-        )}
-        {children}
-      </select>
-    )
-  }
-
-  onChange = (e) => {
-    const {form} = this.tt
-    const {name, onChange} = this.props
-
-    if (form && name) form.setValue(name, e.target.value)
-    if (onChange) onChange(e)
-  }
-
-  optionKey (option) {
-    if (Array.isArray(option)) {
-      return `select-option-${option[1]}`
-    } else {
-      return `select-option-${option}`
-    }
-  }
-
-  optionLabel (option) {
-    if (Array.isArray(option)) {
-      return option[0]
-    } else {
-      return option
-    }
-  }
-
-  optionValue (option) {
-    if (Array.isArray(option)) {
-      return option[1]
-    } else {
-      return option
-    }
-  }
-
-  includeBlank () {
-    if (this.props.includeBlank && !this.props.multiple) {
-      return true
-    } else {
-      return false
-    }
-  }
-}))
-
-export {ApiMakerInputsSelect as Select}
-export default inputWrapper(ApiMakerInputsSelect)

package/src/instance-of-class-name.js

@@ -1,29 +0,0 @@
-import {digg} from "diggerize"
-
-const propTypesValidator = (expectedClassName, args = {}) => (props, propName, componentName) => {
-  const prop = digg(props, propName)
-
-  if (!prop) {
-    if (args.required) {
-      return new Error(`The prop \`${propName}\` is marked as required in \`${componentName}\`, but its value is \`${typeof prop}\`.`)
-    }
-
-    return
-  }
-
-  const className = digg(prop, "constructor", "name")
-
-  if (className != expectedClassName) {
-    return new Error(`Invalid prop '${propName}' passed to '${componentName}'. Expected a class name of '${expectedClassName}' but got '${className}'.`)
-  }
-}
-
-const instanceOfClassName = (expectedClassName) => {
-  const validator = propTypesValidator(expectedClassName)
-
-  validator.isRequired = propTypesValidator(expectedClassName, {required: true})
-
-  return validator
-}
-
-export default instanceOfClassName

package/src/is-expo.js

@@ -1,18 +0,0 @@
-import {digg, digs} from "diggerize"
-
-let isExpo = false
-
-try {
-  const REQUIRE_TERMINATOR = ""
-  const Constants = require(`expo-constants${REQUIRE_TERMINATOR}`)
-  const executionEnvironment = digg(Constants, "default", "executionEnvironment")
-  const {ExecutionEnvironment} = digs(Constants, "ExecutionEnvironment")
-  const {Bare, Standalone, StoreClient} = digs(ExecutionEnvironment, "Bare", "Standalone", "StoreClient")
-
-  // True if the app is running in an `expo build` app or if it's running in Expo Go.
-  isExpo = executionEnvironment === Bare || executionEnvironment === Standalone || executionEnvironment === StoreClient
-} catch (error) {
-  // Do nothing - failed to require expo-constants
-}
-
-export default isExpo

package/src/key-value-store.js

@@ -1,68 +0,0 @@
-import Params from "./params"
-
-const shared = {}
-
-export default class KeyValueStore {
-  static current () {
-    if (!shared.currentKeyValueStore) shared.currentKeyValueStore = new KeyValueStore()
-
-    return shared.currentKeyValueStore
-  }
-
-  static get (key) {
-    return KeyValueStore.current().get(key)
-  }
-
-  static set (key, value) {
-    return KeyValueStore.current().set(key, value)
-  }
-
-  static async getCachedParams (paramName, args = {}) {
-    const oldQuery = await KeyValueStore.get(paramName)
-    const params = Params.parse()
-
-    if (params && paramName in params) {
-      return params[paramName]
-    } else if (oldQuery) {
-      return oldQuery
-    } else {
-      return args.default || {}
-    }
-  }
-
-  static setCachedParams (paramName, qParams) {
-    return KeyValueStore.set(paramName, qParams)
-  }
-
-  constructor () {
-    this.database = new Dexie("KeyValueStoreDatabase")
-    this.database.version(1).stores({
-      keyValues: "++id, key, value"
-    })
-  }
-
-  async get (key) {
-    const row = await this.database.keyValues
-      .where("key")
-      .equals(key)
-      .first()
-
-    if (row)
-      return row.value
-  }
-
-  async set (key, value) {
-    const row = await this.database.keyValues
-      .where("key")
-      .equals(key)
-      .first()
-
-    if (row) {
-      await this.database.keyValues.update(row.id, {value})
-    } else {
-      await this.database.keyValues.add({key, value})
-    }
-
-    return true
-  }
-}

package/src/link.jsx

@@ -1,77 +0,0 @@
-import {Platform, Pressable} from "react-native"
-import BaseComponent from "./base-component"
-import dataSetToAttributes from "./data-set-to-attributes"
-import memo from "set-state-compare/src/memo"
-import PropTypes from "prop-types"
-import React from "react"
-import {shapeComponent} from "set-state-compare/src/shape-component"
-import {useApiMaker} from "@kaspernj/api-maker/build/with-api-maker"
-
-export default memo(shapeComponent(class ApiMakerLink extends BaseComponent {
-  static propTypes = {
-    usePressable: PropTypes.bool
-  }
-
-  setup() {
-    this.apiMaker = useApiMaker()
-  }
-
-  render() {
-    const {dataSet, to, onClick, onPress, testID, usePressable, ...restProps} = this.props
-
-    if (Platform.OS == "web" && !usePressable) {
-      return (
-        <a {...dataSetToAttributes(Object.assign({testid: testID}, dataSet))} href={to || "#"} {...restProps} onClick={this.tt.onLinkClicked} />
-      )
-    }
-
-    return (
-      <Pressable dataSet={dataSet} onPress={this.tt.onPress} testID={testID} {...restProps} />
-    )
-  }
-
-  onLinkClicked = (e, ...restArgs) => {
-    const {onClick, onPress} = this.props
-
-    if (onClick) {
-      onClick(e, ...restArgs)
-    }
-
-    if (onPress) {
-      onPress(e, ...restArgs)
-    }
-
-    if (!e.defaultPrevented && !e.ctrlKey && !e.metaKey && this.props.target != "_blank") {
-      e.preventDefault()
-
-      this.redirect()
-    }
-  }
-
-  onPress = () => {
-    const {onClick, onPress} = this.props
-
-    if (onClick) {
-      onClick(e, ...restArgs)
-    }
-
-    if (onPress) {
-      onPress(e, ...restArgs)
-    }
-
-    this.redirect()
-  }
-
-  redirect = () => {
-    // If no timeout is used, this can cause an "component suspended while responding to synchronous input"-error
-    setTimeout(() => { this._historyPush() }, 0)
-  }
-
-  _historyPush() {
-    const history = this.apiMaker.config.getHistory()
-
-    if (!history) throw new Error("History hasn't been set in the API maker configuration")
-
-    history.push(this.props.to)
-  }
-}))

package/src/logger.js

@@ -1,38 +0,0 @@
-const shared = {}
-
-export default class ApiMakerLogger {
-  static getGlobalDebug = () => shared.isDebugging
-
-  static setGlobalDebug(newValue) {
-    shared.isDebugging = newValue
-  }
-
-  constructor(args = {}) {
-    this.name = args.name
-  }
-
-  debug(message) {
-    if (this.getDebug()) {
-      this.log(message)
-    }
-  }
-
-  error(message) {
-    console.error(message)
-  }
-
-  log(message) {
-    if (!this.debug && !ApiMakerLogger.getGlobalDebug()) return
-    if (typeof message == "function") message = message()
-    if (!Array.isArray(message)) message = [message]
-    if (this.name) message.unshift(`${this.name}:`)
-
-    console.log(...message)
-  }
-
-  getDebug = () => this.isDebugging
-
-  setDebug(value) {
-    this.isDebugging = value
-  }
-}

package/src/merge-styles.js

@@ -1,15 +0,0 @@
-import {StyleSheet} from "react-native"
-
-export default function mergeStyles(stylesList) {
-  const mergedStyle = {}
-
-  for (const style of stylesList) {
-    if (typeof style == "object") {
-      Object.assign(mergedStyle, StyleSheet.flatten(style))
-    } else if (style === null) {
-      // Ignore - do nothing
-    }
-  }
-
-  return mergedStyle
-}

package/src/modal.jsx

@@ -1,37 +0,0 @@
-import BaseComponent from "./base-component"
-import memo from "set-state-compare/src/memo"
-import React from "react"
-import {shapeComponent} from "set-state-compare/src/shape-component"
-import {Modal, Pressable, View} from "react-native"
-
-export default memo(shapeComponent(class ApiMakerModal extends BaseComponent {
-  render() {
-    const {children, onRequestClose, ...restProps} = this.props
-
-    return (
-      <Modal onRequestClose={onRequestClose} {...restProps}>
-        <View
-          style={this.rootViewStyle ||= {
-            alignItems: "center",
-            justifyContent: "center",
-            minWidth: "100%",
-            minHeight: "100%",
-            padding: 20,
-          }}
-        >
-          <Pressable
-            dataSet={this.pressableDataSet ||= {class: "modal-backdrop"}}
-            onPress={onRequestClose}
-            style={this.pressableStyle ||= {
-              position: "absolute",
-              minWidth: "100%",
-              minHeight: "100%",
-              backgroundColor: "rgba(0, 0, 0, 0.5)"
-            }}
-          />
-          {children}
-        </View>
-      </Modal>
-    )
-  }
-}))

package/src/model-class-require.js

@@ -1,17 +0,0 @@
-import * as inflection from "inflection"
-import * as models from "models"
-
-const modelClassRequire = (modelName) => {
-  const requireName = inflection.camelize(modelName)
-  const ModelClass = models[requireName]
-
-  if (!ModelClass) {
-    const modelClasses = Object.keys(models).sort()
-
-    throw new Error(`No model called ${modelName} in ${modelClasses.join(", ")}`)
-  }
-
-  return ModelClass
-}
-
-export default modelClassRequire

package/src/model-events.js

@@ -1,39 +0,0 @@
-import CableConnectionPool from "./cable-connection-pool"
-import {digg} from "diggerize"
-
-export default class ModelEvents {
-  static connect (model, eventName, callback) {
-    const modelClassName = digg(model.modelClassData(), "name")
-    const cableSubscription = CableConnectionPool.current().connectEvent(modelClassName, model.primaryKey(), eventName, callback)
-
-    return cableSubscription
-  }
-
-  static connectModelClass (modelClass, eventName, callback) {
-    const modelClassName = digg(modelClass.modelClassData(), "name")
-    const cableSubscription = CableConnectionPool.current().connectModelClassEvent(modelClassName, eventName, callback)
-
-    return cableSubscription
-  }
-
-  static connectCreated (modelClass, callback) {
-    const modelClassName = digg(modelClass.modelClassData(), "name")
-    const cableSubscription = CableConnectionPool.current().connectCreated(modelClassName, callback)
-
-    return cableSubscription
-  }
-
-  static connectDestroyed (model, callback) {
-    const modelClassName = digg(model.modelClassData(), "name")
-    const cableSubscription = CableConnectionPool.current().connectDestroyed(modelClassName, model.primaryKey(), callback)
-
-    return cableSubscription
-  }
-
-  static connectUpdated (model, callback) {
-    const modelClassName = digg(model.modelClassData(), "name")
-    const cableSubscription = CableConnectionPool.current().connectUpdate(modelClassName, model.primaryKey(), callback)
-
-    return cableSubscription
-  }
-}

package/src/model-name.js

@@ -1,33 +0,0 @@
-import Config from "./config"
-import * as inflection from "inflection"
-
-export default class ModelName {
-  constructor(data) {
-    this.data = data
-  }
-
-  camelizedLower = () => this.data.modelClassData.camelizedLower
-
-  human(args) {
-    let argsToUse = args
-
-    if (!argsToUse) argsToUse = { count: 1 }
-
-    let countKey
-
-    if (argsToUse.count > 1 || argsToUse.count < 0) {
-      countKey = "other"
-    } else {
-      countKey = "one"
-    }
-
-    const key = `activerecord.models.${this.data.modelClassData.i18nKey}.${countKey}`
-    let defaultModelName = this.data.modelClassData.name
-
-    if (args?.count > 1) defaultModelName = inflection.pluralize(defaultModelName)
-
-    return Config.getI18n().t(key, {defaultValue: defaultModelName})
-  }
-
-  paramKey = () => this.data.modelClassData.paramKey
-}