@scenid/react-formulator 0.2.0 → 0.3.1
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@scenid/react-formulator",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.1",
|
|
4
4
|
"main": "dist/index.cjs.js",
|
|
5
5
|
"module": "dist/index.esm.js",
|
|
6
6
|
"repository": "https://dennykoch@bitbucket.org/scenid/react-formulator.git",
|
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
"build": "rollup -c",
|
|
11
11
|
"storybook": "start-storybook -p 6006",
|
|
12
12
|
"storybook:build": "build-storybook",
|
|
13
|
+
"storybook:deploy": "yarn storybook:build && firebase deploy",
|
|
13
14
|
"prepublishOnly": "yarn build",
|
|
14
15
|
"git:pushall": "git push && git push --tags",
|
|
15
16
|
"patch": "npm version patch && yarn git:pushall",
|
|
@@ -1,21 +1,37 @@
|
|
|
1
|
-
import React, { useState } from 'react'
|
|
1
|
+
import React, { useState, useEffect } from 'react'
|
|
2
2
|
import PropTypes from 'prop-types'
|
|
3
3
|
|
|
4
|
-
import { TextField } from '@material-ui/core'
|
|
5
|
-
import {
|
|
4
|
+
import { TextField, InputAdornment } from '@material-ui/core'
|
|
5
|
+
import { AccountCircle } from '@material-ui/icons'
|
|
6
6
|
|
|
7
7
|
const CustomRenderField = ({ name, value, onChange, ...props }) => {
|
|
8
|
-
const [deg, setDeg] = useState(
|
|
8
|
+
const [deg, setDeg] = useState(-10)
|
|
9
9
|
|
|
10
10
|
const handleChange = e => {
|
|
11
11
|
onChange({ target: { name, value: e.target.value } })
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
+
useEffect(() => {
|
|
15
|
+
setDeg(value?.length * 10)
|
|
16
|
+
}, [value])
|
|
17
|
+
|
|
14
18
|
return (
|
|
15
19
|
<TextField
|
|
16
20
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
17
21
|
{...props}
|
|
18
22
|
type="text"
|
|
23
|
+
InputProps={{
|
|
24
|
+
startAdornment: (
|
|
25
|
+
<InputAdornment position="start">
|
|
26
|
+
<AccountCircle
|
|
27
|
+
style={{
|
|
28
|
+
transform: `rotate(${deg}deg)`,
|
|
29
|
+
transition: 'transform 400ms ease-out'
|
|
30
|
+
}}
|
|
31
|
+
/>
|
|
32
|
+
</InputAdornment>
|
|
33
|
+
)
|
|
34
|
+
}}
|
|
19
35
|
onChange={handleChange}
|
|
20
36
|
/>
|
|
21
37
|
)
|
|
@@ -1,38 +0,0 @@
|
|
|
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
|