@scenid/react-formulator 0.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintignore +21 -0
- package/.eslintrc +70 -0
- package/.firebase/hosting.c3Rvcnlib29rLXN0YXRpYw.cache +38 -0
- package/.firebaserc +5 -0
- package/.storybook/main.js +12 -0
- package/.storybook/preview.js +9 -0
- package/README.md +29 -0
- package/dist/index.cjs.css +96 -0
- package/dist/index.cjs.js +25 -0
- package/dist/index.esm.css +96 -0
- package/dist/index.esm.js +25 -0
- package/firebase.json +17 -0
- package/package.json +74 -0
- package/rollup.config.js +35 -0
- package/src/Editable/FormBoolean.jsx +44 -0
- package/src/Editable/FormField.jsx +223 -0
- package/src/Editable/FormNumber.jsx +36 -0
- package/src/Editable/FormRepeater.jsx +190 -0
- package/src/Editable/FormSelect.jsx +49 -0
- package/src/Editable/FormTextfield.jsx +13 -0
- package/src/FormGroupHeader.jsx +85 -0
- package/src/FormHelpers.js +191 -0
- package/src/FormSectionBlock.jsx +70 -0
- package/src/FormSectionCard.jsx +62 -0
- package/src/FormulatorForm.jsx +537 -0
- package/src/FormulatorFormSection.jsx +494 -0
- package/src/HiddenData.jsx +24 -0
- package/src/ReadOnly/FormBoolean.jsx +36 -0
- package/src/ReadOnly/FormField.jsx +126 -0
- package/src/ReadOnly/FormMarkdown.jsx +20 -0
- package/src/ReadOnly/FormNumber.jsx +17 -0
- package/src/ReadOnly/FormReadOnlyText.jsx +19 -0
- package/src/ReadOnly/FormRepeater.jsx +36 -0
- package/src/ReadOnly/FormSelect.jsx +18 -0
- package/src/helpers.js +13 -0
- package/src/index.js +3 -0
- package/stories/Forms.stories.jsx +126 -0
- package/stories/Introduction.stories.mdx +206 -0
- package/stories/StoryBase.jsx +35 -0
- package/stories/assets/code-brackets.svg +1 -0
- package/stories/assets/colors.svg +1 -0
- package/stories/assets/comments.svg +1 -0
- package/stories/assets/direction.svg +1 -0
- package/stories/assets/flow.svg +1 -0
- package/stories/assets/plugin.svg +1 -0
- package/stories/assets/repo.svg +1 -0
- package/stories/assets/stackalt.svg +1 -0
- package/stories/forms/login.render.schema.json +23 -0
- package/stories/forms/login.validation.schema.json +29 -0
- package/stories/forms/markdown.render.schema.json +30 -0
- package/stories/forms/markdown.validation.schema.json +18 -0
- package/stories/forms/register.render.schema.json +32 -0
- package/stories/forms/register.validation.schema.json +34 -0
- package/stories/forms/types.schemas.js +171 -0
package/.eslintignore
ADDED
package/.eslintrc
ADDED
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
{
|
|
2
|
+
"parser": "babel-eslint",
|
|
3
|
+
"parserOptions": {
|
|
4
|
+
"ecmaVersion": 6,
|
|
5
|
+
"sourceType": "module",
|
|
6
|
+
"allowImportExportEverywhere": true
|
|
7
|
+
},
|
|
8
|
+
"extends": ["airbnb"],
|
|
9
|
+
"env": {
|
|
10
|
+
"browser": true,
|
|
11
|
+
"node": true
|
|
12
|
+
},
|
|
13
|
+
"rules": {
|
|
14
|
+
"max-len": ["warn", { "code": 200 }],
|
|
15
|
+
"no-plusplus": ["warn", { "allowForLoopAfterthoughts": true }],
|
|
16
|
+
"object-curly-newline": ["warn", { "multiline": true }],
|
|
17
|
+
"one-var-declaration-per-line": "off",
|
|
18
|
+
"prefer-destructuring": [
|
|
19
|
+
"warn",
|
|
20
|
+
{
|
|
21
|
+
"array": false,
|
|
22
|
+
"object": true
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
"enforceForRenamedProperties": false
|
|
26
|
+
}
|
|
27
|
+
],
|
|
28
|
+
"one-var": "off",
|
|
29
|
+
"func-names": ["warn", "never"],
|
|
30
|
+
"arrow-parens": ["off"],
|
|
31
|
+
"linebreak-style": ["off"],
|
|
32
|
+
"consistent-return": "off",
|
|
33
|
+
"comma-dangle": ["error", "never"],
|
|
34
|
+
"generator-star-spacing": "off",
|
|
35
|
+
"import/no-unresolved": "warn",
|
|
36
|
+
"import/no-extraneous-dependencies": "off",
|
|
37
|
+
"jsx-a11y/anchor-is-valid": "off",
|
|
38
|
+
"jsx-a11y/click-events-have-key-events": "off",
|
|
39
|
+
"jsx-a11y/no-static-element-interactions": "off",
|
|
40
|
+
"no-console": "off",
|
|
41
|
+
"no-use-before-define": "off",
|
|
42
|
+
"no-multi-assign": "off",
|
|
43
|
+
"promise/param-names": "warn",
|
|
44
|
+
"promise/always-return": "warn",
|
|
45
|
+
"promise/catch-or-return": "warn",
|
|
46
|
+
"react/jsx-wrap-multilines": "off",
|
|
47
|
+
"operator-linebreak": "off",
|
|
48
|
+
"promise/no-native": "off",
|
|
49
|
+
"react/sort-comp": ["warn", {
|
|
50
|
+
"order": ["type-annotations", "static-methods", "lifecycle", "everything-else", "render"]
|
|
51
|
+
}],
|
|
52
|
+
"react/jsx-no-bind": "off",
|
|
53
|
+
"react/forbid-prop-types": "off",
|
|
54
|
+
"react/require-default-props": "off",
|
|
55
|
+
"react/jsx-filename-extension": [
|
|
56
|
+
"warn",
|
|
57
|
+
{ "extensions": [".jsx"] }
|
|
58
|
+
],
|
|
59
|
+
"semi": [
|
|
60
|
+
2,
|
|
61
|
+
"never"
|
|
62
|
+
]
|
|
63
|
+
},
|
|
64
|
+
"plugins": [
|
|
65
|
+
"import",
|
|
66
|
+
"promise",
|
|
67
|
+
"compat",
|
|
68
|
+
"react"
|
|
69
|
+
]
|
|
70
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
0.30cf261b.iframe.bundle.js.LICENSE.txt,1650758653059,f9da571f65af27492a7a1ee487706907c7b6899f383a145f72f5a8c694ae7184
|
|
2
|
+
0.30cf261b.iframe.bundle.js.map,1650758653059,a48ec794bff02fde310b6ed25bf77db4ba97d110637f3c28c8d62bd2a15772a3
|
|
3
|
+
2.8bdf0833.iframe.bundle.js,1650758653057,547ebe6978844ffb0a96e885dbe47aba567e984eb7a8d9040ba8da6420d3e0a7
|
|
4
|
+
4.22c1589ae6a16d994bda.manager.bundle.js.LICENSE.txt,1650758635106,f9da571f65af27492a7a1ee487706907c7b6899f383a145f72f5a8c694ae7184
|
|
5
|
+
6.af50beb244be1ebcf013.manager.bundle.js.LICENSE.txt,1650758635106,386dc29e2b99977dc9bf6bde1b4ff988501e2bcbed3472812c96aaeed1239771
|
|
6
|
+
7.35efa10296610e53757f.manager.bundle.js,1650758635105,7bd0a44dd25ead0eed6b74d0e6027a22d8b79edad411aa003a0ae1914c40e99d
|
|
7
|
+
7.49dd62a5.iframe.bundle.js.LICENSE.txt,1650758653059,386dc29e2b99977dc9bf6bde1b4ff988501e2bcbed3472812c96aaeed1239771
|
|
8
|
+
7.49dd62a5.iframe.bundle.js.map,1650758653060,a4f3652c5fb2115c80617f2fb37a4a20838e7b229602f1de62ead5a4e368b4c1
|
|
9
|
+
5.097ed3d7ddfe40e67431.manager.bundle.js,1650758635105,223f1efa99720c08d4e2d9119af961ab6d0e4606ca8d69148a872b521de68983
|
|
10
|
+
8.d406d7f000addb30d4e0.manager.bundle.js,1650758635106,8925083a74886d9bf9721f8683c54aac3ee066d1cc3525ea110365670b38fd20
|
|
11
|
+
8.57245307.iframe.bundle.js,1650758653059,a9d5f6a9de58ee42cade902b2fa448a8f5695b88b8c0025832ce7e5d9c7a07b5
|
|
12
|
+
iframe.html,1650758653060,2e1653e6befc88b53297632b8fed7a38bab4db3973339602b369cb2423723cc0
|
|
13
|
+
6.6833fdce.iframe.bundle.js,1650758653057,007594b283e6b4234cef2c6497dc000b75008cf004f734934689285e4cd3ad48
|
|
14
|
+
index.html,1650758635107,ede1185540d8d6c574eaf4fcd4afa3ca92356f81be64ff6d52ba1de69a914626
|
|
15
|
+
main.c7b486ba9ea0b717c1a9.manager.bundle.js,1650758635105,cdf24a07048056f0704b1d741bc717ea537ebe722ed67053a0539a0b7e891b2d
|
|
16
|
+
runtime~main.e45f2034.iframe.bundle.js,1650758653057,1680cfe289badbf27f1d4f8370dbf879b9d04e50975b1c448660d96d8cb6f954
|
|
17
|
+
runtime~main.f72c3eba52b27c705b1b.manager.bundle.js,1650758635105,9b2cfba4d9650202626b777ee39ccfd645a768c1a52b8103a9e7b975b583192e
|
|
18
|
+
vendors~main.648257276d60166dc011.manager.bundle.js.LICENSE.txt,1650758635107,1391a0dac6e18cfc0ec57c845f17090cc7a3d298834c44b42492ebf4288f6642
|
|
19
|
+
vendors~main.bbc5b166.iframe.bundle.js.LICENSE.txt,1650758653060,5e04e39e3fecc594f1f5d179c8854c324dfc301c08f41f663a95fced8df4b4a9
|
|
20
|
+
vendors~main.bbc5b166.iframe.bundle.js.map,1650758653060,1f9aac87df453020d66224b1e41bcea6e5d475770257ce32fb75ae1ea3ecbcab
|
|
21
|
+
favicon.ico,1650629697114,31d363f88b939628a597c9b1de09cdb8d64b9887bbb2193a5b9652256441f27b
|
|
22
|
+
static/media/code-brackets.2e1112d7.svg,1650758653059,8e6163f5cb88abca1e76b7ed502379b31305d265ef9f27870b508b9890bcca1d
|
|
23
|
+
static/media/comments.a3859089.svg,1650758653060,b8ec0d30db42fd6470c738394adfa24c67acd0c88be88fcf6b7ef258a4b63491
|
|
24
|
+
static/media/direction.b770f9af.svg,1650758653060,38acefd300753751fa57bf231634db5775d68be9d4aeab3af1751cb7a21d58fa
|
|
25
|
+
static/media/flow.edad2ac1.svg,1650758653060,8f3a687b8fb2b8d0c4264d89037db18159769751c3118a61ff995cf4192460d3
|
|
26
|
+
static/media/colors.a4bd0486.svg,1650758653060,321be1fea0c4db8a6e167b05afcc9882e71b3d3b6726006870ed625d4ac0c17c
|
|
27
|
+
static/media/plugin.d494b228.svg,1650758653060,8f4f3adff36d058d7100d15590a2f4ff49e06a55b7eb7f50c39d9ac59ebe72a0
|
|
28
|
+
static/media/repo.6d496322.svg,1650758653060,2f62b0a6f0366cb63c770bf3828b529cf842c917bba0dd4b35fa567baa97abdb
|
|
29
|
+
static/media/stackalt.dba9fbb3.svg,1650758653060,a4bcbb37eb457a804cf3d45676dcbe58ab1ca636ebaabc1c71396302a0ad1c13
|
|
30
|
+
0.28a7a8d757f3710b1952.manager.bundle.js,1650758635105,1946210453dcde037ffec246a8ca427bcebf7de590ab4e7ee491a25896f890eb
|
|
31
|
+
1.88405ac3.iframe.bundle.js,1650758653057,2e93175c88e22597ed016f8279a508278a8ea1254f0393c748bb0c2ccf7a8c43
|
|
32
|
+
4.22c1589ae6a16d994bda.manager.bundle.js,1650758635105,7712bc4557061ff9602d6697c882cc751d55de2cb8302fc8671c8704ec75ef79
|
|
33
|
+
0.30cf261b.iframe.bundle.js,1650758653057,d05b1d0e2cc1dbbdd7ee4e30ee877be8b17b2ae374029d6085b84d6dbf708411
|
|
34
|
+
main.ed4711a7.iframe.bundle.js,1650758653057,ea74d6de2d4a4a2de08cf0c45719326b7664ab2e4cd903b694ffed2e502a622f
|
|
35
|
+
6.af50beb244be1ebcf013.manager.bundle.js,1650758635105,3dfb0be00594c7fd8ca8b04ccb0e9af596ca74c418dfdef8d9450e81262b11e1
|
|
36
|
+
7.49dd62a5.iframe.bundle.js,1650758653059,fb8169a5cd94403bb02ce68a001e1b2df1171a7da03b9479f610a35a2b66fbb5
|
|
37
|
+
vendors~main.648257276d60166dc011.manager.bundle.js,1650758635106,1fdadbdd3cef9bb1186e9da8f098eb517f746c63096885709cedf8b88b627d32
|
|
38
|
+
vendors~main.bbc5b166.iframe.bundle.js,1650758653059,6b06f83d45311766f85ed6a6397f693a7988451d1d254593ee60d979d1398c20
|
package/.firebaserc
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
module.exports = {
|
|
2
|
+
"stories": [
|
|
3
|
+
"../stories/**/*.stories.mdx",
|
|
4
|
+
"../stories/**/*.stories.@(js|jsx|ts|tsx)"
|
|
5
|
+
],
|
|
6
|
+
"addons": [
|
|
7
|
+
"@storybook/addon-links",
|
|
8
|
+
"@storybook/addon-essentials",
|
|
9
|
+
"@storybook/addon-interactions"
|
|
10
|
+
],
|
|
11
|
+
"framework": "@storybook/react"
|
|
12
|
+
}
|
package/README.md
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
# README #
|
|
2
|
+
|
|
3
|
+
This README would normally document whatever steps are necessary to get your application up and running.
|
|
4
|
+
|
|
5
|
+
### What is this repository for? ###
|
|
6
|
+
|
|
7
|
+
* Quick summary
|
|
8
|
+
* Version
|
|
9
|
+
* [Learn Markdown](https://bitbucket.org/tutorials/markdowndemo)
|
|
10
|
+
|
|
11
|
+
### How do I get set up? ###
|
|
12
|
+
|
|
13
|
+
* Summary of set up
|
|
14
|
+
* Configuration
|
|
15
|
+
* Dependencies
|
|
16
|
+
* Database configuration
|
|
17
|
+
* How to run tests
|
|
18
|
+
* Deployment instructions
|
|
19
|
+
|
|
20
|
+
### Contribution guidelines ###
|
|
21
|
+
|
|
22
|
+
* Writing tests
|
|
23
|
+
* Code review
|
|
24
|
+
* Other guidelines
|
|
25
|
+
|
|
26
|
+
### Who do I talk to? ###
|
|
27
|
+
|
|
28
|
+
* Repo owner or admin
|
|
29
|
+
* Other community or team contact
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Shades of Purple Theme — for Highlightjs.
|
|
3
|
+
*
|
|
4
|
+
* @author (c) Ahmad Awais <https://twitter.com/mrahmadawais/>
|
|
5
|
+
* @link GitHub Repo → https://github.com/ahmadawais/Shades-of-Purple-HighlightJS
|
|
6
|
+
* @version 1.5.0
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
.hljs {
|
|
10
|
+
display: block;
|
|
11
|
+
overflow-x: auto;
|
|
12
|
+
/* Custom font is optional */
|
|
13
|
+
/* font-family: 'Operator Mono', 'Fira Code', 'Menlo', 'Monaco', 'Courier New', 'monospace'; */
|
|
14
|
+
padding: 0.5em;
|
|
15
|
+
background: #2d2b57;
|
|
16
|
+
font-weight: normal;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.hljs-title {
|
|
20
|
+
color: #fad000;
|
|
21
|
+
font-weight: normal;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.hljs-name {
|
|
25
|
+
color: #a1feff;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.hljs-tag {
|
|
29
|
+
color: #ffffff;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.hljs-attr {
|
|
33
|
+
color: #f8d000;
|
|
34
|
+
font-style: italic;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.hljs-built_in,
|
|
38
|
+
.hljs-selector-tag,
|
|
39
|
+
.hljs-section {
|
|
40
|
+
color: #fb9e00;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.hljs-keyword {
|
|
44
|
+
color: #fb9e00;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.hljs,
|
|
48
|
+
.hljs-subst {
|
|
49
|
+
color: #e3dfff;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.hljs-string,
|
|
53
|
+
.hljs-attribute,
|
|
54
|
+
.hljs-symbol,
|
|
55
|
+
.hljs-bullet,
|
|
56
|
+
.hljs-addition,
|
|
57
|
+
.hljs-code,
|
|
58
|
+
.hljs-regexp,
|
|
59
|
+
.hljs-selector-class,
|
|
60
|
+
.hljs-selector-attr,
|
|
61
|
+
.hljs-selector-pseudo,
|
|
62
|
+
.hljs-template-tag,
|
|
63
|
+
.hljs-quote,
|
|
64
|
+
.hljs-deletion {
|
|
65
|
+
color: #4cd213;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.hljs-meta,
|
|
69
|
+
.hljs-meta-string {
|
|
70
|
+
color: #fb9e00;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.hljs-comment {
|
|
74
|
+
color: #ac65ff;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.hljs-keyword,
|
|
78
|
+
.hljs-selector-tag,
|
|
79
|
+
.hljs-literal,
|
|
80
|
+
.hljs-name,
|
|
81
|
+
.hljs-strong {
|
|
82
|
+
font-weight: normal;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.hljs-literal,
|
|
86
|
+
.hljs-number {
|
|
87
|
+
color: #fa658d;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.hljs-emphasis {
|
|
91
|
+
font-style: italic;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.hljs-strong {
|
|
95
|
+
font-weight: bold;
|
|
96
|
+
}
|