@scenid/react-formulator 0.5.3 → 0.5.4

package/stories/forms/types.schemas.js

@@ -1,319 +0,0 @@
-const inputs = [
-  {
-    label: 'Simple Text',
-    key: 'simpleText',
-    render: ['simpleText'],
-    validation: { type: 'string' }
-  },
-  {
-    label: 'Multiline Text',
-    key: 'multilineText',
-    render: [
-      [
-        'multilineText',
-        {
-          multiline: true,
-          minRows: 5
-        }
-      ]
-    ],
-    validation: { type: 'string' }
-  },
-  {
-    label: 'Required Input',
-    key: 'requiredInput',
-    render: ['requiredInput'],
-    validation: { type: 'string', required: true }
-  },
-  {
-    label: 'Input with hidden data in readonly',
-    key: 'hiddenDataInput',
-    render: ['hiddenDataInput'],
-    validation: { type: 'string' }
-  },
-  {
-    label: 'InputGroup that is hidden in readonly',
-    key: 'hiddenInputGroup',
-    render: [
-      'hiddenGroupInput1',
-      'hiddenGroupInput2',
-      'hiddenGroupInput3'
-    ],
-    validation: [
-      { key: 'hiddenGroupInput1', value: { type: 'string' } },
-      { key: 'hiddenGroupInput2', value: { type: 'string' } },
-      { key: 'hiddenGroupInput3', value: { type: 'string' } }
-    ]
-  },
-  {
-    label: 'Simple Boolean Switch',
-    desc: 'Checkbox vs. Switch\nhttps://uxplanet.org/checkbox-vs-toggle-switch-7fc6e83f10b8',
-    key: 'simpleSwitch',
-    validation: { type: 'boolean' },
-    render: [
-      'simpleSwitch'
-    ]
-  },
-  {
-    label: 'Simple Boolean Checkbox',
-    desc: 'Checkbox vs. Switch\nhttps://uxplanet.org/checkbox-vs-toggle-switch-7fc6e83f10b8',
-    key: 'simpleCheckbox',
-    validation: { type: 'boolean' },
-    render: [
-      [
-        'simpleCheckbox',
-        { variant: 'checkbox' }
-      ]
-    ]
-  },
-  {
-    label: 'Boolean Label Placement',
-    key: 'booleanLabelPlace',
-    validation: { type: 'boolean' },
-    render: [
-      [
-        'booleanLabelPlace',
-        { labelPlacement: 'start' }
-      ]
-    ]
-  },
-  {
-    label: 'Simple Number',
-    key: 'simpleNumber',
-    render: ['simpleNumber'],
-    validation: { type: 'number' }
-  },
-  {
-    label: 'Advanced Number',
-    key: 'advancedNumber',
-    render: [
-      [
-        'advancedNumber',
-        {
-          min: 0,
-          max: 2,
-          step: 0.25
-        }
-      ]
-    ],
-    validation: { type: 'number' }
-  },
-  {
-    label: 'Simple Select',
-    desc: 'Values are automatically sorted with [localeCompare](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare).',
-    key: 'simpleSelect',
-    render: ['simpleSelect'],
-    validation: { type: ['Citrus', 'Banana', 'Apple', 'Date'] }
-  },
-  {
-    label: 'Date',
-    key: 'dateInput',
-    desc: 'Output can be formatted using all options of [luxon\'s .toLocaleString](https://moment.github.io/luxon/#/formatting?id=tolocalestring-strings-for-humans)',
-    render: [
-      [
-        'dateInput1',
-        { type: 'date' }
-      ],
-      [
-        'dateInput2',
-        {
-          type: 'date',
-          renderFormat: 'DATE_MED_WITH_WEEKDAY'
-        }
-      ],
-      [
-        'dateInput3',
-        {
-          type: 'date',
-          renderFormat: { month: 'long', day: 'numeric' }
-        }
-      ]
-    ],
-    validation: [
-      { key: 'dateInput1', value: { type: 'string' } },
-      { key: 'dateInput2', value: { type: 'string' } },
-      { key: 'dateInput3', value: { type: 'string' } }
-    ]
-  },
-  {
-    label: 'Local DateTime',
-    key: 'localDateTime',
-    desc: 'Output can be formatted using all options of [luxon\'s .toLocaleString](https://moment.github.io/luxon/#/formatting?id=tolocalestring-strings-for-humans)',
-    render: [
-      [
-        'localDateTime1',
-        { type: 'datetime-local' }
-      ],
-      [
-        'localDateTime2',
-        {
-          type: 'datetime-local',
-          renderFormat: 'DATETIME_MED_WITH_SECONDS'
-        }
-      ],
-      [
-        'localDateTime3',
-        {
-          type: 'datetime-local',
-          renderFormat: { hour: 'numeric', minute: '2-digit' }
-        }
-      ]
-    ],
-    validation: [
-      { key: 'localDateTime1', value: { type: 'string' } },
-      { key: 'localDateTime2', value: { type: 'string' } },
-      { key: 'localDateTime3', value: { type: 'string' } }
-    ]
-  },
-  {
-    label: 'Array as Repeater',
-    key: 'arrayRepeater',
-    render: ['arrayRepeater'],
-    validation: { type: 'array' }
-  },
-  {
-    label: 'Repeater with Catalog',
-    key: 'arrayCatalogRepeater',
-    render: ['arrayCatalogRepeater'],
-    validation: {
-      type: 'array',
-      validator: 'In',
-      options: [
-        'cat',
-        'dog',
-        'fish',
-        'horse'
-      ]
-    }
-  },
-  {
-    label: 'Autocomplete Field',
-    desc: 'You can supply an array of options or an async function to fetch options on the fly.',
-    key: 'autoCompleteFields',
-    render: [
-      [
-        'autocompleteField1',
-        { autocomplete: true }
-      ],
-      [
-        '@@render',
-        'autocompleteField2'
-      ],
-      [
-        '@@render',
-        'autocompleteField3',
-        { allowCreate: true }
-      ]
-    ],
-    validation: [
-      {
-        key: 'autocompleteField1',
-        value: {
-          type: [
-            'Abyssinian',
-            'Bengal',
-            'Birman',
-            'Burmese',
-            'Chartreux',
-            'Egyptian Mau',
-            'German Rex',
-            'Khao Manee',
-            'Korean Bobtail',
-            'Maine Coon',
-            'Nebelung',
-            'Ocicat',
-            'Oriental Shorthair',
-            'Siamese'
-          ],
-          required: true
-        }
-      },
-      {
-        key: 'autocompleteField2',
-        value: {
-          type: 'string',
-          required: true
-        }
-      },
-      { key: 'autocompleteField3', value: { type: 'string' } }
-    ]
-  },
-  {
-    label: 'Custom Render Field',
-    desc: 'Try typing something, it might surprise you ;)',
-    key: 'customRenderField',
-    render: [
-      [
-        '@@render',
-        'customRenderField'
-      ]
-    ],
-    validation: { type: 'string' }
-  }
-]
-
-export default () => {
-  const renderSchema = {
-    properties: {},
-    groups: []
-  }
-
-  const validationSchema = {
-    $schema: 'http://json-schema.org/draft-07/schema#',
-    $id: 'http://scenid.com/crm/register.schema.json',
-    title: 'Types',
-    type: 'object',
-    properties: {}
-  }
-
-  const translations = { labels: {} }
-
-  inputs.forEach(({ key, label, desc, validation, render }) => {
-    const validationJSON = (
-      Array.isArray(validation)
-        ? JSON.stringify(validation.reduce((l, r) => ({ ...l, [r.key]: r.value }), {}), null, '  ')
-        : JSON.stringify({ [key]: validation }, null, '  ')
-    )
-    const renderJSON = JSON.stringify(render, null, '  ')
-
-    const renderEntry = {
-      id: key,
-      label,
-      fields: [
-        [
-          '@@markdown',
-          'mmd-id',
-          `\`\`\`json\n/* validation schema */\n${validationJSON}\n\n/* render schema */\n${renderJSON}\n\`\`\``
-        ]
-      ]
-    }
-
-    if (desc) {
-      renderEntry.fields.unshift([
-        '@@markdown',
-        'mmd-desc-id',
-        desc
-      ])
-    }
-
-    if (Array.isArray(validation)) {
-      validation.forEach((e, index) => {
-        validationSchema.properties[e.key] = e.value
-        translations.labels[e.key] = e.key
-        renderEntry.fields.push(render[index])
-      })
-    } else {
-      validationSchema.properties[key] = validation
-      translations.labels[key] = label
-      renderEntry.fields.push(render[0])
-    }
-
-    renderSchema.groups.push(renderEntry)
-  })
-
-  return {
-    render: renderSchema,
-    validation: validationSchema,
-    translations
-  }
-}