@scenid/react-formulator 0.0.2 → 0.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scenid/react-formulator",
-  "version": "0.0.2",
+  "version": "0.1.1",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "repository": "https://dennykoch@bitbucket.org/scenid/react-formulator.git",
@@ -27,6 +27,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.17.9",
+    "@babel/plugin-proposal-export-default-from": "^7.16.7",
     "@babel/plugin-transform-runtime": "^7.17.0",
     "@material-ui/core": "^4.12.4",
     "@material-ui/icons": "^4.11.3",
@@ -68,7 +69,7 @@
     "remark-gfm": "^3.0.1",
     "rollup": "^2.70.2",
     "rollup-plugin-import-css": "^3.0.3",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-node-externals": "^4.0.0",
     "rollup-plugin-terser": "^7.0.2"
   }
 }

package/rollup.config.js

@@ -3,7 +3,7 @@ import babel from '@rollup/plugin-babel'
 import resolve from '@rollup/plugin-node-resolve'
 import { terser } from 'rollup-plugin-terser'
 import commonjs from '@rollup/plugin-commonjs'
-import peerDepsExternal from 'rollup-plugin-peer-deps-external'
+import externals from 'rollup-plugin-node-externals'
 import css from "rollup-plugin-import-css"
 
 import pkg from './package.json'
@@ -15,12 +15,16 @@ export default {
     { file: pkg.module, format: 'esm' }
   ],
   plugins: [
-    peerDepsExternal(),
+    externals(),
     babel({
       babelHelpers: 'runtime',
       exclude: 'node_modules/**',
-      presets: ['@babel/preset-env', '@babel/preset-react'],
+      presets: [
+        '@babel/preset-env',
+        '@babel/preset-react'
+      ],
       plugins: [
+        '@babel/plugin-proposal-export-default-from',
         [
           '@babel/transform-runtime',
           { regenerator: true }

package/src/FormulatorFormSection.jsx

@@ -9,19 +9,19 @@ import FormSectionCard from './FormSectionCard'
 import FormSectionBlock from './FormSectionBlock'
 
 import FormField from './Editable/FormField'
-import FormTextfield from './Editable/FormTextfield'
+import FormText from './Editable/FormText'
 import FormNumber from './Editable/FormNumber'
 import FormSelect from './Editable/FormSelect'
 import FormBoolean from './Editable/FormBoolean'
 import FormRepeater from './Editable/FormRepeater'
 
-import FormReadOnlyField from './ReadOnly/FormField'
+import FormReadOnlyField from './ReadOnly/FormReadOnlyField'
 import FormReadOnlyText from './ReadOnly/FormReadOnlyText'
-import FormMarkdown from './ReadOnly/FormMarkdown'
-import FormReadOnlyNumber from './ReadOnly/FormNumber'
-import FormReadOnlySelect from './ReadOnly/FormSelect'
-import FormReadOnlyBoolean from './ReadOnly/FormBoolean'
-import FormReadOnlyRepeater from './ReadOnly/FormRepeater'
+import FormMarkdown from './ReadOnly/FormReadOnlyMarkdown'
+import FormReadOnlyNumber from './ReadOnly/FormReadOnlyNumber'
+import FormReadOnlySelect from './ReadOnly/FormReadOnlySelect'
+import FormReadOnlyBoolean from './ReadOnly/FormReadOnlyBoolean'
+import FormReadOnlyRepeater from './ReadOnly/FormReadOnlyRepeater'
 
 import HiddenData from './HiddenData'
 
@@ -36,8 +36,8 @@ const formReadOnlyComponentMap = {
 }
 
 const formComponentMap = {
-  default: FormTextfield,
-  string: FormTextfield,
+  default: FormText,
+  string: FormText,
   number: FormNumber,
   select: FormSelect,
   boolean: FormBoolean,

package/src/ReadOnly/{FormBoolean.jsx → FormReadOnlyBoolean.jsx}

@@ -6,7 +6,7 @@ import { Checkbox, Switch } from '@material-ui/core'
 const isBoolean = val => val === false || val === true
 const isChecked = (value, defaultValue) => isBoolean(value) ? value : (defaultValue || false)
 
-const FormBoolean = ({ variant, name, value, defaultValue }) => {
+const FormReadOnlyBoolean = ({ variant, name, value, defaultValue }) => {
   if (variant === 'checkbox') {
     return (
       <Checkbox
@@ -26,11 +26,11 @@ const FormBoolean = ({ variant, name, value, defaultValue }) => {
   )
 }
 
-FormBoolean.propTypes = {
+FormReadOnlyBoolean.propTypes = {
   variant: PropTypes.string,
   name: PropTypes.string.isRequired,
   value: PropTypes.bool,
   defaultValue: PropTypes.bool
 }
 
-export default FormBoolean
+export default FormReadOnlyBoolean

package/src/ReadOnly/{FormField.jsx → FormReadOnlyField.jsx}

@@ -77,7 +77,7 @@ FormControlField.defaultProps = {
   componentProps: {}
 }
 
-const FormField = ({
+const FormReadOnlyField = ({
   prepend,
   append,
   componentProps,
@@ -98,7 +98,7 @@ const FormField = ({
   )
 }
 
-FormField.propTypes = {
+FormReadOnlyField.propTypes = {
   component: PropTypes.any.isRequired,
   componentProps: PropTypes.object,
   type: PropTypes.string.isRequired,
@@ -123,4 +123,4 @@ FormField.propTypes = {
   dirty: PropTypes.bool
 }
 
-export default React.memo(FormField)
+export default React.memo(FormReadOnlyField)

package/src/ReadOnly/{FormMarkdown.jsx → FormReadOnlyMarkdown.jsx}

@@ -5,7 +5,7 @@ import ReactMarkdown from 'react-markdown'
 import remarkGfm from 'remark-gfm'
 import rehypeHighlight from 'rehype-highlight'
 
-const FormMarkdown = ({ content }) => (
+const FormReadOnlyMarkdown = ({ content }) => (
   <ReactMarkdown
     children={content}
     remarkPlugins={[remarkGfm]}
@@ -13,8 +13,8 @@ const FormMarkdown = ({ content }) => (
   />
 )
 
-FormMarkdown.propTypes = {
+FormReadOnlyMarkdown.propTypes = {
   content: PropTypes.string
 }
 
-export default FormMarkdown
+export default FormReadOnlyMarkdown

package/src/ReadOnly/{FormNumber.jsx → FormReadOnlyNumber.jsx}

@@ -5,13 +5,13 @@ import FormReadOnlyText from './FormReadOnlyText'
 
 import { castToNumber } from '../helpers'
 
-const FormNumber = ({ value }) => <FormReadOnlyText value={castToNumber(value)} />
+const FormReadOnlyNumber = ({ value }) => <FormReadOnlyText value={castToNumber(value)} />
 
-FormNumber.propTypes = {
+FormReadOnlyNumber.propTypes = {
   value: PropTypes.oneOfType([
     PropTypes.number,
     PropTypes.string
   ])
 }
 
-export default FormNumber
+export default FormReadOnlyNumber

package/src/ReadOnly/{FormRepeater.jsx → FormReadOnlyRepeater.jsx}

@@ -13,7 +13,7 @@ const getValue = (value, catalog) => {
   return value
 }
 
-const FormRepeater = ({ value, catalog }) => (
+const FormReadOnlyRepeater = ({ value, catalog }) => (
   <Box>
     <List dense>
       {
@@ -28,9 +28,9 @@ const FormRepeater = ({ value, catalog }) => (
   </Box>
 )
 
-FormRepeater.propTypes = {
+FormReadOnlyRepeater.propTypes = {
   value: PropTypes.array,
   catalog: PropTypes.object
 }
 
-export default FormRepeater
+export default FormReadOnlyRepeater

package/src/ReadOnly/{FormSelect.jsx → FormReadOnlySelect.jsx}

@@ -3,11 +3,11 @@ import PropTypes from 'prop-types'
 
 import FormReadOnlyText from './FormReadOnlyText'
 
-const FormSelect = ({ value, options }) => (
+const FormReadOnlySelect = ({ value, options }) => (
   <FormReadOnlyText value={options.find(o => o.value === value)?.label} />
 )
 
-FormSelect.propTypes = {
+FormReadOnlySelect.propTypes = {
   value: PropTypes.string,
   options: PropTypes.arrayOf(PropTypes.shape({
     label: PropTypes.string.isRequired,
@@ -15,4 +15,4 @@ FormSelect.propTypes = {
   })).isRequired
 }
 
-export default FormSelect
+export default FormReadOnlySelect

package/src/index.js

@@ -1,3 +1,15 @@
-import FormulatorForm from './FormulatorForm'
+export FormulatorForm from './FormulatorForm'
 
-export default FormulatorForm
+export FormField from './Editable/FormField'
+export FormBoolean from './Editable/FormBoolean'
+export FormNumber from './Editable/FormNumber'
+export FormRepeater from './Editable/FormRepeater'
+export FormSelect from './Editable/FormSelect'
+export FormText from './Editable/FormText'
+
+export FormReadOnlyField from './ReadOnly/FormReadOnlyField'
+export FormReadOnlyBoolean from './ReadOnly/FormReadOnlyBoolean'
+export FormReadOnlyNumber from './ReadOnly/FormReadOnlyNumber'
+export FormReadOnlyRepeater from './ReadOnly/FormReadOnlyRepeater'
+export FormReadOnlySelect from './ReadOnly/FormReadOnlySelect'
+export FormReadOnlyText from './ReadOnly/FormReadOnlyText'