@kaspernj/api-maker 1.0.2052 → 1.0.2054

package/src/utils/invalid-feedback.jsx

@@ -1,20 +0,0 @@
-import {shapeComponent, ShapeComponent} from "set-state-compare/src/shape-component"
-import memo from "set-state-compare/src/memo"
-import PropTypes from "prop-types"
-import propTypesExact from "prop-types-exact"
-import React from "react"
-import Text from "./text"
-
-export default memo(shapeComponent(class ApiMakerUtilsInvalidFeedback extends ShapeComponent {
-  static propTypes = propTypesExact({
-    message: PropTypes.string.isRequired
-  })
-
-  render() {
-    return (
-      <Text style={this.textStyle ||= {color: "red"}}>
-        {this.p.message}
-      </Text>
-    )
-  }
-}))

package/src/utils/modal.jsx

@@ -1,64 +0,0 @@
-import {Modal, Pressable, View} from "react-native"
-import React, {useMemo} from "react"
-import BaseComponent from "../base-component"
-import Card from "./card"
-import Icon from "../utils/icon"
-import memo from "set-state-compare/src/memo"
-import {shapeComponent} from "set-state-compare/src/shape-component"
-import useBreakpoint from "../use-breakpoint"
-
-export default memo(shapeComponent(class ApiMakerUtilsComponent extends BaseComponent {
-  render() {
-    const {xs, sm} = useBreakpoint()
-    const {children, dataSet, ...restProps} = this.props
-
-    const actualDataSet = useMemo(() =>
-      Object.assign(
-        {component: "api-maker/utils/modal"},
-        dataSet
-      )
-    , [dataSet])
-
-    let width, maxWidth
-
-    if (xs || sm) {
-      width = "95%"
-    } else {
-      width = "80%"
-      maxWidth = 800
-    }
-
-    const cardStyle = useMemo(() => ({width, maxWidth}), [width, maxWidth])
-
-    return (
-      <Modal dataSet={actualDataSet} {...restProps}>
-        <View
-          style={this.rootViewStyle ||= {
-            alignItems: "center",
-            justifyContent: "center",
-            width: "100%",
-            height: "100%",
-            backgroundColor: "rgba(0, 0, 0, 0.8)"
-          }}
-        >
-          <Card
-            controls={this.cardHeaderControls()}
-            style={cardStyle}
-          >
-            {children}
-          </Card>
-        </View>
-      </Modal>
-    )
-  }
-
-  cardHeaderControls() {
-    return (
-      <Pressable onPress={this.tt.onModalClosePress} style={this.pressableStyle ||= {marginLeft: "auto", padding: 5}}>
-        <Icon name="remove" />
-      </Pressable>
-    )
-  }
-
-  onModalClosePress = () => this.props.onRequestClose && this.props.onRequestClose()
-}))

package/src/utils/text.jsx

@@ -1,15 +0,0 @@
-import memo from "set-state-compare/src/memo"
-import React from "react"
-import {Animated} from "react-native"
-import {useMergedStyle, WithDefaultStyle} from "./default-style"
-
-export default memo((props) => {
-  const {style, ...restProps} = props
-  const {newDefaultStyle, stylesList} = useMergedStyle(style, "Text")
-
-  return (
-    <WithDefaultStyle style={newDefaultStyle}>
-      <Animated.Text style={stylesList} {...restProps} />
-    </WithDefaultStyle>
-  )
-})

package/src/validation-error.js

@@ -1,35 +0,0 @@
-import BaseError from "./base-error"
-import * as inflection from "inflection"
-
-class ValidationError extends BaseError {
-  constructor(validationErrors, args) {
-    const errorMessage = validationErrors.getUnhandledErrorMessage() || validationErrors.getErrorMessage()
-    const forwardedArgs = {addResponseErrorsToErrorMessage: false}
-    const newArgs = Object.assign({}, args, forwardedArgs)
-
-    super(errorMessage, newArgs)
-    this.validationErrors = validationErrors
-  }
-
-  getUnhandledErrors = () => this.validationErrors.getValidationErrors().filter((validationError) => !validationError.getHandled())
-  getValidationErrors = () => digg(this, "validationErrors")
-
-  hasUnhandledErrors() {
-    const unhandledError = this.validationErrors.getValidationErrors().find((validationError) => !validationError.getHandled())
-
-    return Boolean(unhandledError)
-  }
-
-  hasValidationErrorForAttribute(attributeName) {
-    const underscoredAttributeName = inflection.underscore(attributeName)
-    const foundAttribute = this.validationErrors.getValidationErrors().find((validationError) => validationError.getAttributeName() == underscoredAttributeName)
-
-    if (foundAttribute) return true
-
-    return false
-  }
-}
-
-ValidationError.apiMakerType = "ValidationError"
-
-export default ValidationError

package/src/validation-errors.js

@@ -1,121 +0,0 @@
-import {digg, digs} from "diggerize"
-import * as inflection from "inflection"
-import modelClassRequire from "./model-class-require"
-
-class ValidationError {
-  constructor(args) {
-    this.attributeName = digg(args, "attribute_name")
-    this.attributeType = digg(args, "attribute_type")
-    this.errorMessages = digg(args, "error_messages")
-    this.errorTypes = digg(args, "error_types")
-    this.inputName = args.input_name
-    this.handled = false
-    this.modelName = digg(args, "model_name")
-  }
-
-  matchesAttributeAndInputName(attributeName, inputName) {
-    if (this.getInputName() == inputName) return true
-    if (!attributeName) return false
-
-    // A relationship column ends with "_id". We should try for validation errors on an attribute without the "_id" as well
-    const attributeNameIdMatch = attributeName.match(/^(.+)Id$/)
-    if (!attributeNameIdMatch) return false
-
-    const attributeNameWithoutId = inflection.underscore(attributeNameIdMatch[1])
-    const attributeUnderScoreName = inflection.underscore(attributeName)
-    const inputNameWithoutId = inputName.replace(`[${attributeUnderScoreName}]`, `[${attributeNameWithoutId}]`)
-
-    if (this.getInputName() == inputNameWithoutId) return true
-
-    return false
-  }
-
-  getAttributeName = () => digg(this, "attributeName")
-  getErrorMessages = () => digg(this, "errorMessages")
-
-  getFullErrorMessages() {
-    const {attributeType} = digs(this, "attributeType")
-
-    if (attributeType == "base") {
-      return this.getErrorMessages()
-    } else {
-      const fullErrorMessages = []
-
-      for (const errorMessage of this.getErrorMessages()) {
-        const attributeHumanName = this.getModelClass().humanAttributeName(this.getAttributeName())
-        fullErrorMessages.push(`${attributeHumanName} ${errorMessage}`)
-      }
-
-      return fullErrorMessages
-    }
-  }
-
-  getHandled = () => digg(this, "handled")
-  getInputName = () => digg(this, "inputName")
-
-  getModelClass() {
-    const modelName = inflection.classify(digg(this, "modelName"))
-
-    return modelClassRequire(modelName)
-  }
-
-  setHandled() {
-    this.handled = true
-  }
-}
-
-class ValidationErrors {
-  constructor(args) {
-    this.rootModel = digg(args, "model")
-    this.validationErrors = digg(args, "validationErrors").map((validationError) => new ValidationError(validationError))
-  }
-
-  getErrorMessage() {
-    const fullErrorMessages = []
-
-    for (const validationError of this.validationErrors) {
-      for (const fullErrorMessage of validationError.getFullErrorMessages()) {
-        fullErrorMessages.push(fullErrorMessage)
-      }
-    }
-
-    return fullErrorMessages.join(". ")
-  }
-
-  getValidationErrors = () => this.validationErrors
-
-  getValidationErrorsForInput ({attribute, inputName, onMatchValidationError}) {
-    const validationErrors = this.validationErrors.filter((validationError) => {
-      if (onMatchValidationError) {
-        return onMatchValidationError(validationError)
-      } else {
-        return validationError.matchesAttributeAndInputName(attribute, inputName)
-      }
-    })
-
-    validationErrors.map((validationError) => validationError.setHandled())
-
-    return validationErrors
-  }
-
-  getUnhandledErrorMessage () {
-    const unhandledValidationErrors = this.validationErrors.filter((validationError) => !validationError.getHandled())
-
-    if (unhandledValidationErrors.length > 0) {
-      const unhandledValidationErrorMessages = []
-
-      for (const unhandledValidationError of unhandledValidationErrors) {
-        for (const errorMessage of unhandledValidationError.getFullErrorMessages()) {
-          unhandledValidationErrorMessages.push(errorMessage)
-        }
-      }
-
-      return unhandledValidationErrorMessages.join(". ")
-    }
-  }
-}
-
-export {
-  ValidationError,
-  ValidationErrors
-}

package/src/with-api-maker.jsx

@@ -1,31 +0,0 @@
-import React, {createContext, useContext, useMemo} from "react"
-import ApiMakerConfig from "./config"
-import memo from "set-state-compare/src/memo"
-
-const ApiMakerContext = createContext()
-const useApiMaker = () => {
-  const apiMakerContext = useContext(ApiMakerContext)
-
-  if (apiMakerContext) {
-    return apiMakerContext
-  }
-
-  return {
-    config: ApiMakerConfig
-  }
-}
-
-const WithApiMaker = memo(({children, config, ...restProps}) => {
-  const restPropsKeys = Object.keys(restProps)
-  const value = useMemo(() => ({config}), [config])
-
-  if (restPropsKeys.length > 0) throw new Error(`Unhandled props: ${restPropsKeys.join(", ")}`)
-
-  return (
-    <ApiMakerContext.Provider value={value}>
-      {children}
-    </ApiMakerContext.Provider>
-  )
-})
-
-export {useApiMaker, WithApiMaker}

package/src/with-collection.jsx

@@ -1,17 +0,0 @@
-import {digg} from "diggerize"
-import memo from "set-state-compare/src/memo"
-import React from "react"
-import useCollection from "./use-collection"
-
-export default (WrappedComponent, withCollectionArgs) => memo(() => {
-  const useCollectionResult = useCollection(withCollectionArgs)
-  const models = digg(useCollectionResult, "models")
-  const modelsArgName = inflection.camelize(digg(withCollectionArgs.modelClass.modelClassData(), "pluralName"), true)
-  const forwardArgs = {}
-
-  forwardArgs[modelsArgName] = models
-
-  return (
-    <WrappedComponent {...forwardArgs} {...this.props} />
-  )
-})

package/src/with-current-user.jsx

@@ -1,10 +0,0 @@
-import React from "react"
-import useCurrentUser from "./use-current-user"
-
-export default (WrappedComponent) => (props) => {
-  const currentUser = useCurrentUser()
-
-  return (
-    <WrappedComponent {...props} currentUser={currentUser} />
-  )
-}

package/src/with-model.jsx

@@ -1,16 +0,0 @@
-import memo from "set-state-compare/src/memo"
-import React from "react"
-import useModel from "./use-model"
-
-export default (WrappedComponent, modelClass, givenArgs) => {
-  const ApiMakerWithModel = (props) => {
-    const args = Object.assign({match: props.match}, givenArgs)
-    const useModelResult = useModel(modelClass, args)
-
-    return (
-      <WrappedComponent {...useModelResult} {...props} />
-    )
-  }
-
-  return memo(ApiMakerWithModel)
-}

package/src/with-router.jsx

@@ -1,11 +0,0 @@
-import React from "react"
-import useRouter from "./use-router"
-
-export default (WrapperComponent) => (props) => {
-  const {path, routes, routeDefinitions, ...restProps} = props
-  const {match} = useRouter({path, routes, routeDefinitions})
-
-  return (
-    <WrapperComponent match={match} {...restProps} />
-  )
-}