Feature/shex form component v5

.storybook/webpack.config.js

@@ -49,7 +49,7 @@ module.exports = {
       '@styled-components': path.resolve(__dirname, '../src/lib/styled-components'),
       '@components': path.resolve(__dirname, '../src/lib/components'),
       '@entities': path.resolve(__dirname, '../src/lib/entities'),
-      '@utils': path.resolve(__dirname, '../src/utils'),
+      '@utils': path.resolve(__dirname, '../src/lib/utils'),
       '@testSetup': path.resolve(__dirname, '../src/test/setup')
     }
   },

README.md

@@ -160,3 +160,36 @@ The Uploader component contains the file uploading logic and Solid integration,
 Here's an example of a basic ProfileUploader component, demonstrating how to add your own Uploader UI
 
 We currently re-expose withWebId and LogoutButton so you can use the basic components without installing other libraries.
+
+### ShexFormBuilder
+
+**Note**: This is an early preview build of a work-in-progress component and subject to large-scale changesin future releases.
+
+This component allows you to create a fully functional form, complete with submit, cancel, and validation rules, from a [Shex](http://shex.io/shex-primer/index.html) Shape.
+
+
+Usage:
+```
+<ShexFormBuilder documentUri={url} shexUri={}  />
+```
+| Props              | Type     | Default                                                   | Description                                                                                                                |
+| ------------------ | -------- | --------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- |
+| documentUri        | string   | null                                                      | Required. The URL representing the root subject to save the form data to, for example a webID or file in the user's pod.   |
+| shexUri            | string   | null                                                      | Required. The URL to the shex shape to use to render the form                                                              |
+| rootShape          | string   | null                                                      | Optional. The shape in the shexUri file to begin parsing. If a START shape is defined in the shape, this is not necessary. |
+| theme              | Object   | null                                                      | Optional. An object (defined below) allowing custom overrides to the look and feel of the form
+| language           | string   | null                                                      | Optional. The language identifier to translate text. For example, 'en' or 'es'.
+| successCallback    | Function | Function that writes a success message to console         | Optional. Overrides the existing success callback and allows custom success functions.
+| errorCallback      | Function | Function that writes the error message to console         | Optional. Overrides the existing error callback function
+| messageValidation  | Object   | null                                                      | An Object containing an array of error strings. The error strings will be used in most non-validation situations
+
+Theme object:
+
+| Key                | Type     | Default                               | Description
+| ------------------ | -------- | ------------------------------------- | --------------------
+| input              | string   | solid-input-shex                      | Custom class name for input fields in the form
+| select             | string   | solid-input-shex solid-select-shex    | Custom class name for select fields in the form
+| deleteButton       | string   | solid-button-shex                     | Custom class name for the delete button
+| form               | string   | solid-shex-form                       | Custom class name for the form
+
+

config/webpack.config.demo.js

@@ -222,8 +222,9 @@ module.exports = {
       '@styled-components': path.resolve(__dirname, '../src/lib/styled-components'),
       '@components': path.resolve(__dirname, '../src/lib/components'),
       '@entities': path.resolve(__dirname, '../src/lib/entities'),
-      '@utils': path.resolve(__dirname, '../src/utils'),
-      '@testSetup': path.resolve(__dirname, '../src/test/setup')
+      '@utils': path.resolve(__dirname, '../src/lib/utils'),
+      '@hooks': path.resolve(__dirname, '../src/lib/hooks'),
+      '@context': path.resolve(__dirname, '../src/lib/context')
     },
     plugins: [
       // Adds support for installing with Plug'n'Play, leading to faster installs and adding

config/webpack.config.dev.js

@@ -147,8 +147,9 @@ module.exports = {
       '@styled-components': path.resolve(__dirname, '../src/lib/styled-components'),
       '@components': path.resolve(__dirname, '../src/lib/components'),
       '@entities': path.resolve(__dirname, '../src/lib/entities'),
-      '@utils': path.resolve(__dirname, '../src/utils'),
-      '@testSetup': path.resolve(__dirname, '../src/test/setup')
+      '@utils': path.resolve(__dirname, '../src/lib/utils'),
+      '@hooks': path.resolve(__dirname, '../src/lib/hooks'),
+      '@context': path.resolve(__dirname, '../src/lib/context')
     },
     plugins: [
       // Adds support for installing with Plug'n'Play, leading to faster installs and adding

config/webpack.config.prod.js

@@ -212,8 +212,9 @@ module.exports = {
       '@styled-components': path.resolve(__dirname, '../src/lib/styled-components'),
       '@components': path.resolve(__dirname, '../src/lib/components'),
       '@entities': path.resolve(__dirname, '../src/lib/entities'),
-      '@utils': path.resolve(__dirname, '../src/utils'),
-      '@testSetup': path.resolve(__dirname, '../src/test/setup')
+      '@utils': path.resolve(__dirname, '../src/lib/utils'),
+      '@hooks': path.resolve(__dirname, '../src/lib/hooks'),
+      '@context': path.resolve(__dirname, '../src/lib/context')
     },
     plugins: [
       // Adds support for installing with Plug'n'Play, leading to faster installs and adding