{"_id":"@6dui/6d-field-items","_rev":"3-40c0170c8956f8e96da9e2c276504417","name":"@6dui/6d-field-items","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@6dui/6d-field-items","version":"1.0.0","description":"6d-field-items library.Uses different 6d fields installed internally","main":"build/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"babel lib -d build","build:watch":"babel lib -w -d build"},"author":{"name":"Charisma.K.Salim"},"license":"ISC","dependencies":{"babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","eslint":"^8.38.0","eslint-plugin-import":"^2.27.5","eslint-plugin-jsx-a11y":"^6.7.1","eslint-plugin-react":"^7.32.2","eslint-watch":"^8.0.0","react":"^18.2.0","react-dom":"^18.2.0","react-scripts":"^5.0.1","reactstrap":"^9.1.9"},"gitHead":"69bb51fdd24a9ea7c55eef96e9bb36b0a6a09a08","_id":"@6dui/6d-field-items@1.0.0","_nodeVersion":"14.16.1","_npmVersion":"8.5.5","dist":{"integrity":"sha512-BlBEO29PETDxlxS00GtQ6dxNksPp22r8dYyVDXs3/XwcmghabkN0rfgZ25yCqys3IwtOvYdDMHM+MijK8uewEQ==","shasum":"48ccdb9c8c5bbb0cb6a3a036137038742162e7a4","tarball":"https://registry.npmjs.org/@6dui/6d-field-items/-/6d-field-items-1.0.0.tgz","fileCount":17,"unpackedSize":35611,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDWeP8IowO6sIAPnHdW787p54dZmkYuxhDkIyU5OsLJ9QIgVROiL9UgS+715FmZpfwuDoc57p07wTDHNTn4Z448E6k="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkR6aaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqbfw/+LF24pCrWkWbXInVYNDYVXWHWFKP7ae/KWmo2FG1OgpvR3BnP\r\ne53XSC5U3+lfIUw5Bbu8Gy+44cgVMbOFNOwC9xyY8X5B/sMKoLb1lkT5F/K4\r\nRJmHB0CHNxbDnQQvXnSRBDclhkxswcZK8NcMcBDnGE1S+6UDlC+uMs5PWD0l\r\nBed66603Hy2on1tYB+c/FXsDZOVepSYO9FU6q1ivytNqDS+hE/sH+RCWuiFj\r\nMrekrTXbkDYWm3EeLhlz/adgxIg8lcWhw1CLcQCzYZFrLCxrkBrKSi0vH8iP\r\noMRDpBwxMpjxKsntMKyRwHO5XgPcnAV0xe7zp1eYyrmualTPZBnhjTGXsL54\r\nsVU5MWE+RCAXvUFh72L9X5p5mQIk76UbLLGXa1AQ3LXyFHnVBIRx2M182dad\r\nb1C9pHkNAY7YOOQ6jjGLa96YyL/YTUdSL9vPKejiHGIiSKjAbmRtx0688roD\r\nl1e8LUAoEFxxi3coehBA0Qxd6YDGEeMcB6ShqX2h60ONwwK/9WGHxg1gpjjL\r\nw5+bDyl9j9me1s1Ha5LJ49Csh9u/Gbdae9JhKk3LRiXH7ptNKNOtvkjSIMw9\r\nc+tngSxUR3RHOjkMnIdBqAC86YHDpyrtUhflOW98Sc9wyyDRJ4O4qVV5MP3l\r\nhqNHal35Jtu3ndwkHW+iqSOb7VSOTMM7R1E=\r\n=4M18\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"charisma.kattanganal.salim","email":"charisma.salim@6dtech.co.in"},"directories":{},"maintainers":[{"name":"charisma.kattanganal.salim","email":"charisma.salim@6dtech.co.in"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/6d-field-items_1.0.0_1682417305960_0.227464999305385"},"_hasShrinkwrap":false},"1.0.1":{"name":"@6dui/6d-field-items","version":"1.0.1","description":"6d-field-items library.Uses different 6d fields installed internally","main":"build/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"babel lib -d build","build:watch":"babel lib -w -d build","prepublish":"npm run build"},"author":{"name":"Charisma.K.Salim"},"license":"ISC","dependencies":{"babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","eslint":"^8.38.0","eslint-plugin-import":"^2.27.5","eslint-plugin-jsx-a11y":"^6.7.1","eslint-plugin-react":"^7.32.2","eslint-watch":"^8.0.0","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"^5.0.1","reactstrap":"^9.1.9"},"gitHead":"eadd8cff3c4df2db73b4959c36e043e3dc699d52","_id":"@6dui/6d-field-items@1.0.1","_nodeVersion":"14.18.1","_npmVersion":"6.14.15","dist":{"integrity":"sha512-tQLZSr00pJKUHJgWW9WmmPgXB6SgY1aczoNxI7GZ6x7/L9AIe2FTqaq1PQ3HdD0rKfRSEK3wFdpeAZk90WooAA==","shasum":"4d1ed4ec3f1f9b064b23ca8e73127042f7433a50","tarball":"https://registry.npmjs.org/@6dui/6d-field-items/-/6d-field-items-1.0.1.tgz","fileCount":17,"unpackedSize":35677,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB1Y5MRAuNWeb3o4nk+eJxzA9u/r6GWq34uMQlp25NzOAiB4gcYGVT6aoOJIQg0VuZ117Ya8FMp19oFVBjVsXTPhJQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkR8WIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq4PhAAg6XG2OyTdw1z9LjK08hqwQ5pC/F2evM2z8uspVuyXiifUwOz\r\ndR+6mOrSTShab8TCRlDaUe85ILPFXK6vjzoOEFfOmbXenkFIdCWmOsogTuXg\r\nehMu3A7yX2mPrqxT/0HrGorIHSltm0X27CQC3uQb1TfTbQAdLfAbSAD5bTJw\r\nA6G3Y78BqxIX8SafQJnQBO7KuvgHODD75yx3haf3tM7362yfZTtaILqiHfW/\r\nP7BjUnwxbCYh6sY3trCw6V+HtdjpMpVaf7Ht8BTnP9HjxopLs7Px4OYYi1m6\r\ngxwf+J67tkzSbr036SQxTttAUxQYpiwjzcgYddTufH6aikREH/sQ0M8KZk1x\r\n5VfiJDXCnieYNFx0SCc3mq/inPaCHQO7GMmB2SbkJgJ8UgJRDS2+RhRaR17Y\r\nRz/jm1k2rv7456c3zMpKUsu4EokYp86vcgH0HrqIbPr0NsVRBHlXvbB6Lvio\r\n89xDvLBFmmaT0POuJPNTDixsCkibyBU00oLZUZgaDTHPRmccc5RBKGDsZEsG\r\n0gxoRN0TZdB0Tp/x0EmWc+hu8VJuW3uPlqo8ucjKF7LdTjI2H9n+YAB1jOdz\r\nu+Fd/JnLd4tRm9SDNfz2eF4q8Es/KIfMCH8W+KLL91gbSpe9jNc0UvJOMOXo\r\nYP6xK7TOx2Vozw334L0FCyxUhfxNFYLr2DA=\r\n=YzKC\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"emmanuel.mathew","email":"emmanuel.mathew@6dtech.co.in"},"directories":{},"maintainers":[{"name":"reneeshpas","email":"reneeshpas@gmail.com"},{"name":"emmanuel.mathew","email":"emmanuel.mathew@6dtech.co.in"},{"name":"charisma.kattanganal.salim","email":"charisma.salim@6dtech.co.in"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/6d-field-items_1.0.1_1682425224738_0.5785606001343968"},"_hasShrinkwrap":false}},"time":{"created":"2023-04-25T10:08:25.904Z","1.0.0":"2023-04-25T10:08:26.141Z","modified":"2023-04-25T12:20:25.071Z","1.0.1":"2023-04-25T12:20:24.907Z"},"maintainers":[{"name":"reneeshpas","email":"reneeshpas@gmail.com"},{"name":"emmanuel.mathew","email":"emmanuel.mathew@6dtech.co.in"},{"name":"charisma.kattanganal.salim","email":"charisma.salim@6dtech.co.in"}],"description":"6d-field-items library.Uses different 6d fields installed internally","author":{"name":"Charisma.K.Salim"},"license":"ISC","readme":"# 6d Field Items\r\nContains Different Form Fields. Supports bootstrap grid.\r\n### Installation\r\n\r\n\r\n**Table of Contents** \r\n1. Textbox\r\n2. Dropdown\r\n3. DatePicker\r\n4. DateRangePicker\r\n5. CheckBox\r\n6. RadioButton\r\n7. FileUpload\r\n8. ToggleSwitch\r\n\r\n## Text box\r\nNormal input box\r\n\r\n### Properties\r\n|Property   | Type  | Default  | Description   |\r\n| ------------ | ------------ | ------------ | ------------ |\r\n| type  | String  |  FIELD_TYPES.TEXT or '0' |   Defines type of field|\r\n|onChange   |  `function`  |undefined    |  On change function is passed |\r\n| value  | any  |undefined   | value of the field  |\r\n| disabled |  `boolean` |  false |If passed true , the field will be disabled   |\r\n\r\n##### Usecases\r\n###### Normal textbox\r\nSample code\r\n```javascript\r\nconst FORM_ELEMENTS = {\r\n    textBox: {\r\n        name: \"textBox\",\r\n        placeholder: \"Text Box\",\r\n        label: \"Text Box\",\r\n        width: \"xs\",\r\n        ismandatory: true,\r\n        validations: [\r\n            {\r\n                \"validatorName\": \"minLength\",\r\n                \"value\": 2,\r\n                \"message\": \"profile.msisdn.minlength\"//key from messages.json or direct value can be passed here\r\n            },\r\n            {\r\n                \"validatorName\": \"maxLength\",\r\n                \"value\": 4,\r\n                \"message\": \"profile.msisdn.maxlength\"//key from messages.json or direct value can be passed here\r\n            },\r\n            {\r\n                \"validatorName\": \"regex\",\r\n                \"value\": /^[0-9]*$/,\r\n                \"message\": \"profile.msisdn.regex\"//key from messages.json or direct value can be passed here\r\n            },\r\n            {\r\n                \"validatorName\": \"ismandatory\",\r\n                \"value\": true,\r\n                \"message\": \"profile.msisdn.ismandatory\"//key from messages.json or direct value can be passed here\r\n            }\r\n        ]\r\n\r\n    },\r\n}\r\n\r\n\r\n<FieldItem\r\n            {...FORM_ELEMENTS.textBox}\r\n            value={values.textBox}\r\n            type={FIELD_TYPES.TEXT}\r\n            onChange={(...e) => handleChange(FORM_ELEMENTS.textBox.name, ...e)}\r\n            touched={fields.textBox && fields.textBox.hasError}\r\n            error={fields.textBox && fields.textBox.errorMsg}\r\n        />\r\n```\r\n###### Output\r\n<img src=\"screenShots/NormalTextBox.PNG\" alt=\"Output\" />\r\n\r\n\r\n","readmeFilename":"README.md"}