1 line
		
	
	
		
			28 KiB
		
	
	
	
		
			JSON
		
	
	
	
			
		
		
	
	
			1 line
		
	
	
		
			28 KiB
		
	
	
	
		
			JSON
		
	
	
	
| {"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        <div className=\"grid\">\n            <div className=\"col-12 md:col-6\">\n                <div className=\"card p-fluid\">\n                    <h5>Vertical</h5>\n                    <div className=\"field\">\n                        <label htmlFor=\"name1\">Name</label>\n                        <InputText id=\"name1\" type=\"text\" />\n                    </div>\n                    <div className=\"field\">\n                        <label htmlFor=\"email1\">Email</label>\n                        <InputText id=\"email1\" type=\"text\" />\n                    </div>\n                    <div className=\"field\">\n                        <label htmlFor=\"age1\">Age</label>\n                        <InputText id=\"age1\" type=\"text\" />\n                    </div>\n                </div>\n\n                <div className=\"card p-fluid\">\n                    <h5>Vertical Grid</h5>\n                    <div className=\"formgrid grid\">\n                        <div className=\"field col\">\n                            <label htmlFor=\"name2\">Name</label>\n                            <InputText id=\"name2\" type=\"text\" />\n                        </div>\n                        <div className=\"field col\">\n                            <label htmlFor=\"email2\">Email</label>\n                            <InputText id=\"email2\" type=\"text\" />\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div className=\"col-12 md:col-6\">\n                <div className=\"card p-fluid\">\n                    <h5>Horizontal</h5>\n                    <div className=\"field grid\">\n                        <label htmlFor=\"name3\" className=\"col-12 mb-2 md:col-2 md:mb-0\">Name</label>\n                        <div className=\"col-12 md:col-10\">\n                            <InputText id=\"name3\" type=\"text\" />\n                        </div>\n                    </div>\n                    <div className=\"field grid\">\n                        <label htmlFor=\"email3\" className=\"col-12 mb-2 md:col-2 md:mb-0\">Email</label>\n                        <div className=\"col-12 md:col-10\">\n                            <InputText id=\"email3\" type=\"text\" />\n                        </div>\n                    </div>\n                </div>\n\n                <div className=\"card\">\n                    <h5>Inline</h5>\n                    <div className=\"formgroup-inline\">\n                        <div className=\"field\">\n                            <label htmlFor=\"firstname1\" className=\"p-sr-only\">Firstname</label>\n                            <InputText id=\"firstname1\" type=\"text\" placeholder=\"Firstname\" />\n                        </div>\n                        <div className=\"field\">\n                            <label htmlFor=\"lastname1\" className=\"p-sr-only\">Lastname</label>\n                            <InputText id=\"lastname1\" type=\"text\" placeholder=\"Lastname\" />\n                        </div>\n                        <Button label=\"Submit\"></Button>\n                    </div>\n                </div>\n\n                <div className=\"card\">\n                    <h5>Help Text</h5>\n                    <div className=\"field p-fluid\">\n                        <label htmlFor=\"username\">Username</label>\n                        <InputText id=\"username\" type=\"text\" />\n                        <small>Enter your username to reset your password.</small>\n                    </div>\n                </div>\n            </div>\n\n            <div className=\"col-12\">\n                <div className=\"card\">\n                    <h5>Advanced</h5>\n                    <div className=\"p-fluid formgrid grid\">\n                        <div className=\"field col-12 md:col-6\">\n                            <label htmlFor=\"firstname2\">Firstname</label>\n                            <InputText id=\"firstname2\" type=\"text\" />\n                        </div>\n                        <div className=\"field col-12 md:col-6\">\n                            <label htmlFor=\"lastname2\">Lastname</label>\n                            <InputText id=\"lastname2\" type=\"text\" />\n                        </div>\n                        <div className=\"field col-12\">\n                            <label htmlFor=\"address\">Address</label>\n                            <InputTextarea id=\"address\" rows=\"4\" />\n                        </div>\n                        <div className=\"field col-12 md:col-6\">\n                            <label htmlFor=\"city\">City</label>\n                            <InputText id=\"city\" type=\"text\" />\n                        </div>\n                        <div className=\"field col-12 md:col-3\">\n                            <label htmlFor=\"state\">State</label>\n                            <Dropdown id=\"state\" value={dropdownItem} onChange={(e) => setDropdownItem(e.value)} options={dropdownItems} optionLabel=\"name\" placeholder=\"Select One\"></Dropdown>\n                        </div>\n                        <div className=\"field col-12 md:col-3\">\n                            <label htmlFor=\"zip\">Zip</label>\n                            <InputText id=\"zip\" type=\"text\" />\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    )\n}\n\nconst comparisonFn = function (prevProps, nextProps) {\n    return prevProps.location.pathname === nextProps.location.pathname;\n};\n\nexport default React.memo(FormLayoutDemo, comparisonFn);\n"],"mappings":"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"},"metadata":{},"sourceType":"module"} |