{"ast":null,"code":"import _slicedToArray from \"/Users/paolasanchez/Desktop/Pry4/Katoikia/katoikia-app/web-ui/sakai-react/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/slicedToArray\";\n\nvar _this = this,\n _jsxFileName = \"/Users/paolasanchez/Desktop/Pry4/Katoikia/katoikia-app/web-ui/sakai-react/src/components/FormLayoutDemo.js\";\n\nimport React, { useState } from 'react';\nimport { InputText } from 'primereact/inputtext';\nimport { Button } from 'primereact/button';\nimport { InputTextarea } from 'primereact/inputtextarea';\nimport { Dropdown } from 'primereact/dropdown';\n\nvar FormLayoutDemo = function FormLayoutDemo() {\n var _useState = useState(null),\n _useState2 = _slicedToArray(_useState, 2),\n dropdownItem = _useState2[0],\n setDropdownItem = _useState2[1];\n\n var dropdownItems = [{\n name: 'Option 1',\n code: 'Option 1'\n }, {\n name: 'Option 2',\n code: 'Option 2'\n }, {\n name: 'Option 3',\n code: 'Option 3'\n }];\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"grid\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 16,\n columnNumber: 9\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"col-12 md:col-6\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 17,\n columnNumber: 13\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"card p-fluid\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 18,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 19,\n columnNumber: 21\n }\n }, \"Vertical\"), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 20,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(\"label\", {\n htmlFor: \"name1\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 21,\n columnNumber: 25\n }\n }, \"Name\"), /*#__PURE__*/React.createElement(InputText, {\n id: \"name1\",\n type: \"text\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 22,\n columnNumber: 25\n }\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 24,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(\"label\", {\n htmlFor: \"email1\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 25,\n columnNumber: 25\n }\n }, \"Email\"), /*#__PURE__*/React.createElement(InputText, {\n id: \"email1\",\n type: \"text\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 26,\n columnNumber: 25\n }\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 28,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(\"label\", {\n htmlFor: \"age1\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 29,\n columnNumber: 25\n }\n }, \"Age\"), /*#__PURE__*/React.createElement(InputText, {\n id: \"age1\",\n type: \"text\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 30,\n columnNumber: 25\n }\n }))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"card p-fluid\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 34,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 35,\n columnNumber: 21\n }\n }, \"Vertical Grid\"), /*#__PURE__*/React.createElement(\"div\", {\n className: \"formgrid grid\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 36,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"field col\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 37,\n columnNumber: 25\n }\n }, /*#__PURE__*/React.createElement(\"label\", {\n htmlFor: \"name2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 38,\n columnNumber: 29\n }\n }, \"Name\"), /*#__PURE__*/React.createElement(InputText, {\n id: \"name2\",\n type: \"text\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 39,\n columnNumber: 29\n }\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field col\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 41,\n columnNumber: 25\n }\n }, /*#__PURE__*/React.createElement(\"label\", {\n htmlFor: \"email2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 42,\n columnNumber: 29\n }\n }, \"Email\"), /*#__PURE__*/React.createElement(InputText, {\n id: \"email2\",\n type: \"text\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 43,\n columnNumber: 29\n }\n }))))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"col-12 md:col-6\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 49,\n columnNumber: 13\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"card p-fluid\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 50,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 51,\n columnNumber: 21\n }\n }, \"Horizontal\"), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field grid\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 52,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(\"label\", {\n htmlFor: \"name3\",\n className: \"col-12 mb-2 md:col-2 md:mb-0\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 53,\n columnNumber: 25\n }\n }, \"Name\"), /*#__PURE__*/React.createElement(\"div\", {\n className: \"col-12 md:col-10\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 54,\n columnNumber: 25\n }\n }, /*#__PURE__*/React.createElement(InputText, {\n id: \"name3\",\n type: \"text\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 55,\n columnNumber: 29\n }\n }))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field grid\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 58,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(\"label\", {\n htmlFor: \"email3\",\n className: \"col-12 mb-2 md:col-2 md:mb-0\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 59,\n columnNumber: 25\n }\n }, \"Email\"), /*#__PURE__*/React.createElement(\"div\", {\n className: \"col-12 md:col-10\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 60,\n columnNumber: 25\n }\n }, /*#__PURE__*/React.createElement(InputText, {\n id: \"email3\",\n type: \"text\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 61,\n columnNumber: 29\n }\n })))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"card\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 66,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 67,\n columnNumber: 21\n }\n }, \"Inline\"), /*#__PURE__*/React.createElement(\"div\", {\n className: \"formgroup-inline\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 68,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"field\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 69,\n columnNumber: 25\n }\n }, /*#__PURE__*/React.createElement(\"label\", {\n htmlFor: \"firstname1\",\n className: \"p-sr-only\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 70,\n columnNumber: 29\n }\n }, \"Firstname\"), /*#__PURE__*/React.createElement(InputText, {\n id: \"firstname1\",\n type: \"text\",\n placeholder: \"Firstname\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 71,\n columnNumber: 29\n }\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 73,\n columnNumber: 25\n }\n }, /*#__PURE__*/React.createElement(\"label\", {\n htmlFor: \"lastname1\",\n className: \"p-sr-only\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 74,\n columnNumber: 29\n }\n }, \"Lastname\"), /*#__PURE__*/React.createElement(InputText, {\n id: \"lastname1\",\n type: \"text\",\n placeholder: \"Lastname\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 75,\n columnNumber: 29\n }\n })), /*#__PURE__*/React.createElement(Button, {\n label: \"Submit\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 77,\n columnNumber: 25\n }\n }))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"card\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 81,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 82,\n columnNumber: 21\n }\n }, \"Help Text\"), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field p-fluid\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 83,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(\"label\", {\n htmlFor: \"username\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 84,\n columnNumber: 25\n }\n }, \"Username\"), /*#__PURE__*/React.createElement(InputText, {\n id: \"username\",\n type: \"text\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 85,\n columnNumber: 25\n }\n }), /*#__PURE__*/React.createElement(\"small\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 86,\n columnNumber: 25\n }\n }, \"Enter your username to reset your password.\")))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"col-12\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 91,\n columnNumber: 13\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"card\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 92,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 93,\n columnNumber: 21\n }\n }, \"Advanced\"), /*#__PURE__*/React.createElement(\"div\", {\n className: \"p-fluid formgrid grid\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 94,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"field col-12 md:col-6\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 95,\n columnNumber: 25\n }\n }, /*#__PURE__*/React.createElement(\"label\", {\n htmlFor: \"firstname2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 96,\n columnNumber: 29\n }\n }, \"Firstname\"), /*#__PURE__*/React.createElement(InputText, {\n id: \"firstname2\",\n type: \"text\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 97,\n columnNumber: 29\n }\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field col-12 md:col-6\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 99,\n columnNumber: 25\n }\n }, /*#__PURE__*/React.createElement(\"label\", {\n htmlFor: \"lastname2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 100,\n columnNumber: 29\n }\n }, \"Lastname\"), /*#__PURE__*/React.createElement(InputText, {\n id: \"lastname2\",\n type: \"text\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 101,\n columnNumber: 29\n }\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field col-12\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 103,\n columnNumber: 25\n }\n }, /*#__PURE__*/React.createElement(\"label\", {\n htmlFor: \"address\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 104,\n columnNumber: 29\n }\n }, \"Address\"), /*#__PURE__*/React.createElement(InputTextarea, {\n id: \"address\",\n rows: \"4\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 105,\n columnNumber: 29\n }\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field col-12 md:col-6\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 107,\n columnNumber: 25\n }\n }, /*#__PURE__*/React.createElement(\"label\", {\n htmlFor: \"city\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 108,\n columnNumber: 29\n }\n }, \"City\"), /*#__PURE__*/React.createElement(InputText, {\n id: \"city\",\n type: \"text\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 109,\n columnNumber: 29\n }\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field col-12 md:col-3\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 111,\n columnNumber: 25\n }\n }, /*#__PURE__*/React.createElement(\"label\", {\n htmlFor: \"state\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 112,\n columnNumber: 29\n }\n }, \"State\"), /*#__PURE__*/React.createElement(Dropdown, {\n id: \"state\",\n value: dropdownItem,\n onChange: function onChange(e) {\n return setDropdownItem(e.value);\n },\n options: dropdownItems,\n optionLabel: \"name\",\n placeholder: \"Select One\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 113,\n columnNumber: 29\n }\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field col-12 md:col-3\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 115,\n columnNumber: 25\n }\n }, /*#__PURE__*/React.createElement(\"label\", {\n htmlFor: \"zip\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 116,\n columnNumber: 29\n }\n }, \"Zip\"), /*#__PURE__*/React.createElement(InputText, {\n id: \"zip\",\n type: \"text\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 117,\n columnNumber: 29\n }\n }))))));\n};\n\nvar comparisonFn = function comparisonFn(prevProps, nextProps) {\n return prevProps.location.pathname === nextProps.location.pathname;\n};\n\nexport default React.memo(FormLayoutDemo, comparisonFn);","map":{"version":3,"names":["React","useState","InputText","Button","InputTextarea","Dropdown","FormLayoutDemo","dropdownItem","setDropdownItem","dropdownItems","name","code","e","value","comparisonFn","prevProps","nextProps","location","pathname","memo"],"sources":["/Users/paolasanchez/Desktop/Pry4/Katoikia/katoikia-app/web-ui/sakai-react/src/components/FormLayoutDemo.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { InputText } from 'primereact/inputtext';\nimport { Button } from 'primereact/button';\nimport { InputTextarea } from 'primereact/inputtextarea';\nimport { Dropdown } from 'primereact/dropdown';\n\nconst FormLayoutDemo = () => {\n const [dropdownItem, setDropdownItem] = useState(null);\n const dropdownItems = [\n { name: 'Option 1', code: 'Option 1' },\n { name: 'Option 2', code: 'Option 2' },\n { name: 'Option 3', code: 'Option 3' }\n ];\n\n return (\n