@scenid/react-formulator 0.2.0 → 0.3.0

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.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/stories/CustomRenderField.jsx +20 -4
  3. package/stories/forms/types.schemas.js +1 -0
  4. package/.firebase/hosting.c3Rvcnlib29rLXN0YXRpYw.cache +0 -38
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@scenid/react-formulator",
3
- "version": "0.2.0",
3
+ "version": "0.3.0",
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",
package/stories/CustomRenderField.jsx CHANGED
@@ -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 { makeStyles } from '@material-ui/core/styles'
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(value || '')
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
  )
package/stories/forms/types.schemas.js CHANGED
@@ -115,6 +115,7 @@ const inputs = [
115
115
  },
116
116
  {
117
117
  label: 'Custom Render Field',
118
+ desc: 'Try typing something, it might surprise you ;)',
118
119
  key: 'customRenderField',
119
120
  render: [
120
121
  [
package/.firebase/hosting.c3Rvcnlib29rLXN0YXRpYw.cache DELETED
@@ -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