@scenid/react-formulator 0.5.2 → 0.5.4

package/src/FormHelpers.js

@@ -1,191 +0,0 @@
-/* eslint-disable max-classes-per-file */
-import Ajv from 'ajv'
-
-import validator from 'validator'
-import formatStringByPattern from 'format-string-by-pattern'
-
-export class Normalizer {
-  static IBAN(value) {
-    if (!value || value === '') return ''
-    const finalValue = value.replace(/[^A-Z0-9]+/g, '')
-    return formatStringByPattern('DE99 9999 9999 9999 9999 9999 9999 9999', finalValue)
-  }
-
-  static Verwendungszweck(value) {
-    if (!value || value === '') return ''
-    const finalValue = value.replace(/ä/, 'ae').replace(/ö/, 'oe').replace(/ü/, 'ue')
-    return finalValue
-  }
-
-  static PhoneNumber(value) {
-    if (!value || value === '') return ''
-    const finalValue = value.replace(/[^0-9]/g, '')
-    return finalValue
-  }
-}
-
-export class Validator {
-  static normalize(value) {
-    return `${value}`
-  }
-
-  static isURL(value) {
-    const string = Validator.normalize(value)
-    if (!value || value === '' || validator.isURL(string)) return undefined
-    return 'Muss eine URL sein'
-  }
-
-  static hasDigits(value) {
-    const string = Validator.normalize(value)
-    const valid = new RegExp(/\d/)
-    if (string.match(valid)) return 'Straße darf keine Hausnummer beinhalten'
-    return undefined
-  }
-
-  static isLength(min, max) {
-    return value => {
-      const string = Validator.normalize(value)
-      if (!value || value === '' || validator.isLength(string, { min, max })) return undefined
-      return `Länge muss zwischen ${min} und ${max !== undefined ? max : '∞'} liegen`
-    }
-  }
-
-  static notEmpty(value) {
-    const string = Validator.normalize(value)
-    if ((validator.isEmpty(string) || string === 'undefined' || string === '')) return 'Darf nicht leer sein'
-    return undefined
-  }
-
-  static isInt(value) {
-    const string = Validator.normalize(value)
-    if (!value || value === '' || validator.isInt(string)) return undefined
-    return 'Muss eine Zahl sein'
-  }
-
-  static isEmail(value) {
-    const string = Validator.normalize(value)
-    if (!value || value === '' || validator.isEmail(string)) return undefined
-    return 'Muss eine Email-Adresse sein'
-  }
-
-  static hasNoSpecialCharacters(value) {
-    const string = Validator.normalize(value)
-    const valid = new RegExp(/.*[^a-zA-Z0-9/ ?:().,'+-]+.*/)
-    if (string.match(valid)) return 'Verwendungszweck darf nur Buchstaben, Zahlen und /?:().,\'+- beinhalten'
-    return undefined
-  }
-
-  static async isUniqueProperty(property, value, whitelistedId) {
-    const TYPE = {
-      OU: 'OU',
-      PERSON: 'Person',
-      ADDRESS: 'Address'
-    }
-
-    const searchTarget = {
-      reporterId: TYPE.OU,
-      iknr: TYPE.OU,
-      bsnr: TYPE.OU,
-      product: TYPE.OU,
-      lanr: TYPE.PERSON
-    }
-
-    const writtenProperty = {
-      reporterId: 'Melder ID',
-      bsnr: 'BSNR',
-      lanr: 'LANR',
-      iknr: 'IKNR',
-      product: 'Produkt'
-    }
-
-    try {
-      if (!searchTarget[property]) {
-        throw new Error(`isUniqueProperty received incorrect property type. Property must be one of: ${Object.keys(searchTarget)}`)
-      }
-
-      // eslint-disable-next-line no-unused-vars
-      const body = {
-        search: {
-          OU: (searchTarget[property] === TYPE.OU) ? [{ propName: property, query: value }] : [],
-          Person: (searchTarget[property] === TYPE.PERSON) ? [{ propName: property, query: value }] : []
-        }
-      }
-
-      // const { payload } = await apiRequest(METHOD.POST, settings.get('crm'), '/list', body, accessToken)
-      const payload = { meta: 'FAKE', graph: 'FAKE' }
-      const { meta, graph } = payload
-
-      if (meta.count === 0) return true
-
-      if (searchTarget[property] === TYPE.OU) {
-        // eslint-disable-next-line prefer-destructuring
-        const resultId = graph[0].ou.properties.id
-        if (resultId !== whitelistedId) {
-          throw new Error(`${writtenProperty[property]} wurde bereits für "${graph[0].ou.properties.name}" vergeben.`)
-        }
-      }
-
-      if (searchTarget[property] === TYPE.PERSON) {
-        // eslint-disable-next-line prefer-destructuring
-        const employees = graph[0].employees
-        employees.forEach(employee => {
-          if (employee.id !== whitelistedId) {
-            throw new Error(`${writtenProperty[property]} wurde bereits für "${employee.firstName} ${employee.lastName}" vergeben.`)
-          }
-        })
-      }
-    } catch (e) {
-      return e.message
-    }
-
-    return true
-  }
-
-  static isOneOfValue(list) {
-    return value => {
-      const string = Validator.normalize(value)
-      if (!list.includes(string)) return 'Bitte eine der Optionen wählen.'
-      return undefined
-    }
-  }
-}
-
-export const clearFormValues = values => Object.entries(values).filter(e => e[1] !== null && e[1] !== undefined).map(e => ({ [e[0]]: e[1] })).reduce((l, r) => ({ ...l, ...r }), {})
-
-export const minimizeFormValues = (values, schema) => {
-  const minimizedValues = {}
-  const { properties } = schema
-  Object.keys(values).forEach(value => {
-    if (Object.keys(properties).some(prop => prop === value)) {
-      minimizedValues[value] = values[value]
-    }
-  })
-  return minimizedValues
-}
-
-export const validateFormValues = (values, schema) => {
-  const ajv = new Ajv({ useDefaults: true, coerceTypes: true })
-  const data = clearFormValues(values)
-  const valid = ajv.validate(schema, data)
-  const cleanData = cleanFormValues(data, schema)
-  return { valid, data: cleanData, errors: ajv.errors }
-}
-
-const cleanFormValues = (values, schema) => {
-  const { properties } = schema
-  const cleanValues = {}
-  Object.keys(values).forEach(valueKey => {
-    // eslint-disable-next-line array-callback-return
-    Object.keys(properties).some(schemaKey => {
-      if (valueKey === schemaKey) cleanValues[valueKey] = values[valueKey]
-    })
-  })
-  return cleanValues
-}
-
-export const mapFormValuesToProps = (formValuesToMap) => (state, { form }) => {
-  // const selector = formValueSelector(form)
-  const selector = form
-  const values = formValuesToMap.map(v => ({ [v]: selector(state, v) })).reduce((l, r) => ({ ...l, ...r }), {})
-  return { formValues: values }
-}

package/src/FormSectionBlock.jsx

@@ -1,71 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-
-import { Box } from '@material-ui/core'
-import { makeStyles } from '@material-ui/core/styles'
-
-import FormGroupHeader from './FormGroupHeader'
-
-const useStyles = makeStyles(theme => ({
-  formSectionBlock: {
-    '&:not(:last-child)': {
-      marginBottom: theme.spacing(3)
-    }
-  }
-}))
-
-const FormSectionBlock = ({ label, labelVariant, desc, descVariant, textAlign, children }) => {
-  const styles = useStyles()
-
-  return (
-    <Box className={styles.formSectionBlock}>
-      <FormGroupHeader
-        label={label}
-        labelVariant={labelVariant}
-        desc={desc}
-        descVariant={descVariant}
-        textAlign={textAlign}
-      />
-      {children}
-    </Box>
-  )
-}
-
-FormSectionBlock.propTypes = {
-  label: PropTypes.string,
-  labelVariant: PropTypes.oneOf([
-    'h1',
-    'h2',
-    'h3',
-    'h4',
-    'h5',
-    'h6',
-    'subtitle1',
-    'subtitle2',
-    'body1',
-    'body2',
-    'button',
-    'caption',
-    'overline'
-  ]),
-  desc: PropTypes.string,
-  descVariant: PropTypes.oneOf([
-    'h1',
-    'h2',
-    'h3',
-    'h4',
-    'h5',
-    'h6',
-    'subtitle1',
-    'subtitle2',
-    'body1',
-    'body2',
-    'button',
-    'caption',
-    'overline'
-  ]),
-  textAlign: PropTypes.oneOf(['left', 'center', 'right']),
-  children: PropTypes.node
-}
-
-export default FormSectionBlock

package/src/FormSectionCard.jsx

@@ -1,62 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-
-import { Box, Paper } from '@material-ui/core'
-
-import FormGroupHeader from './FormGroupHeader'
-
-const FormSectionCard = ({ label, labelVariant, desc, descVariant, textAlign, children }) => (
-  <Box mb={2}>
-    <Paper elevation={0}>
-      <Box p={2}>
-        <FormGroupHeader
-          label={label}
-          labelVariant={labelVariant}
-          desc={desc}
-          descVariant={descVariant}
-          textAlign={textAlign}
-        />
-        {children}
-      </Box>
-    </Paper>
-  </Box>
-)
-
-FormSectionCard.propTypes = {
-  label: PropTypes.string,
-  labelVariant: PropTypes.oneOf([
-    'h1',
-    'h2',
-    'h3',
-    'h4',
-    'h5',
-    'h6',
-    'subtitle1',
-    'subtitle2',
-    'body1',
-    'body2',
-    'button',
-    'caption',
-    'overline'
-  ]),
-  desc: PropTypes.string,
-  descVariant: PropTypes.oneOf([
-    'h1',
-    'h2',
-    'h3',
-    'h4',
-    'h5',
-    'h6',
-    'subtitle1',
-    'subtitle2',
-    'body1',
-    'body2',
-    'button',
-    'caption',
-    'overline'
-  ]),
-  textAlign: PropTypes.oneOf(['left', 'center', 'right']),
-  children: PropTypes.node
-}
-
-export default FormSectionCard