mcarman
/
React_Client_App_Access
1
0
Fork 0
Código Incidencias 0 Pull Requests 0 Lanzamientos 0 Wiki Actividad
No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.
3 Commits
1 Rama
84 MiB
 
 
 
 
Árbol: 93fc9f155b
Ramas Etiquetas
${ item.name }
Crear rama ${ searchTerm }
desde '93fc9f155b'
${ noResults }
React_Client_App_Access/node_modules/.cache/babel-loader/21922e5f994e380dcb22fae36a9...

1 línea
12 KiB
Original Blame Histórico 

  1. {"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/michielcarman/Projects/React Access/ClientApp/src/shared/components/form/FormGroup.tsx\";\n\nimport React from 'react';\n\nvar FormGroup = function FormGroup(props) {\n  var handleChange = props.handleChange,\n      toggleCheckbox = props.toggleCheckbox;\n\n  var switchField = function switchField(fieldName, data) {\n    switch (fieldName) {\n      case 'textarea':\n        return /*#__PURE__*/React.createElement(\"textarea\", {\n          onChange: function onChange(e) {\n            return handleChange ? handleChange(e) : console.log('error with change handler');\n          },\n          name: data.inputId,\n          className: data.inputClass,\n          disabled: data.inputDisabled,\n          defaultValue: data.defaultValue,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 21,\n            columnNumber: 24\n          }\n        });\n\n      case 'text':\n      case 'email':\n        return /*#__PURE__*/React.createElement(\"input\", {\n          onChange: function onChange(e) {\n            return handleChange ? handleChange(e) : console.log('error with change handler');\n          },\n          type: data.inputType,\n          name: data.inputId,\n          className: data.inputClass,\n          value: data.defaultValue,\n          disabled: data.inputDisabled,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 29,\n            columnNumber: 24\n          }\n        });\n\n      case 'select':\n        return /*#__PURE__*/React.createElement(\"select\", {\n          onChange: function onChange(e) {\n            return handleChange ? handleChange(e) : console.log('error with change handler');\n          },\n          name: data.inputId,\n          className: data.inputClass,\n          disabled: data.inputDisabled,\n          value: data.defaultValue,\n          defaultValue: data.defaultValue,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 37,\n            columnNumber: 24\n          }\n        }, data.selectOpts.map(function (name) {\n          return /*#__PURE__*/React.createElement(\"option\", {\n            __self: _this,\n            __source: {\n              fileName: _jsxFileName,\n              lineNumber: 44,\n              columnNumber: 60\n            }\n          }, name);\n        }));\n\n      case 'checkbox':\n      case 'checkbox-alt':\n        return /*#__PURE__*/React.createElement(\"input\", {\n          onChange: function onChange(e) {\n            return toggleCheckbox ? toggleCheckbox(e) : console.log('error with checkbox function');\n          },\n          type: \"checkbox\",\n          name: data.inputId,\n          className: data.inputClass,\n          disabled: data.inputDisabled,\n          checked: data.defaultValue,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 48,\n            columnNumber: 24\n          }\n        });\n\n      default:\n        return null;\n    }\n  };\n\n  var highlight = props.inputClass == 'highlighted' ? 'highlighted' : '';\n  var bluelight = props.inputClass == 'bluelighted' ? 'bluelighted' : '';\n  return props.inputType == 'checkbox-alt' ? /*#__PURE__*/React.createElement(\"div\", {\n    className: \"form__form-group \".concat(highlight, \" \").concat(bluelight),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 65,\n      columnNumber: 13\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"checkbox-alt\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 66,\n      columnNumber: 17\n    }\n  }, /*#__PURE__*/React.createElement(\"label\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 67,\n      columnNumber: 21\n    }\n  }, switchField(props.inputType, props), /*#__PURE__*/React.createElement(\"span\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 69,\n      columnNumber: 25\n    }\n  }, props.inputLabel)))) : props.inputType == 'note' ? /*#__PURE__*/React.createElement(\"div\", {\n    className: \"form__form-group padding-10 \".concat(highlight, \" \").concat(bluelight),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 75,\n      columnNumber: 17\n    }\n  }, /*#__PURE__*/React.createElement(\"b\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 76,\n      columnNumber: 21\n    }\n  }, props.inputLabel), \" \", props.defaultValue) : /*#__PURE__*/React.createElement(\"div\", {\n    className: \"form__form-group \".concat(highlight, \" \").concat(bluelight),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 79,\n      columnNumber: 17\n    }\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"form__form-group-label\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 80,\n      columnNumber: 21\n    }\n  }, props.inputLabel), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"form__form-group-field\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 81,\n      columnNumber: 21\n    }\n  }, switchField(props.inputType, props)));\n};\n\nexport default FormGroup;","map":{"version":3,"sources":["/Users/michielcarman/Projects/React Access/ClientApp/src/shared/components/form/FormGroup.tsx"],"names":["React","FormGroup","props","handleChange","toggleCheckbox","switchField","fieldName","data","e","console","log","inputId","inputClass","inputDisabled","defaultValue","inputType","selectOpts","map","name","highlight","bluelight","inputLabel"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport { defaultTheme } from 'react-select/src/theme';\n\ninterface FormGroupProps {\n    inputType: string,\n    inputLabel: string,\n    inputClass: string,\n    inputId: string,\n    defaultValue: string,\n    inputDisabled: boolean,\n    handleChange?: Function,\n    toggleCheckbox?: Function\n    selectOpts?: any[]\n}\n\nconst FormGroup = (props: FormGroupProps) => {\n    const { handleChange, toggleCheckbox } = props\n    const switchField = (fieldName: string, data: any) => {\n        switch (fieldName) {\n            case 'textarea':\n                return <textarea\n                    onChange={(e) => handleChange ? handleChange(e) : console.log('error with change handler')}\n                    name={data.inputId}\n                    className={data.inputClass}\n                    disabled={data.inputDisabled}\n                    defaultValue={data.defaultValue}></textarea>;\n            case 'text':\n            case 'email':\n                return <input\n                    onChange={(e) => handleChange ? handleChange(e) : console.log('error with change handler')}\n                    type={data.inputType}\n                    name={data.inputId}\n                    className={data.inputClass}\n                    value={data.defaultValue}\n                    disabled={data.inputDisabled} />;\n            case 'select':\n                return <select\n                    onChange={(e) => handleChange ? handleChange(e) : console.log('error with change handler')}\n                    name={data.inputId}\n                    className={data.inputClass}\n                    disabled={data.inputDisabled}\n                    value={data.defaultValue}\n                    defaultValue={data.defaultValue}>\n                    {data.selectOpts.map((name: string) => <option>{name}</option>)}\n                </select>;\n            case 'checkbox':\n            case 'checkbox-alt':\n                return <input\n                    onChange={(e) => toggleCheckbox ? toggleCheckbox(e) : console.log('error with checkbox function')}\n                    type={`checkbox`}\n                    name={data.inputId}\n                    className={data.inputClass}\n                    disabled={data.inputDisabled}\n                    checked={data.defaultValue} />;\n            default:\n                return null;\n        }\n    }\n\n    const highlight = (props.inputClass == 'highlighted' ? 'highlighted' : '');\n    const bluelight = (props.inputClass == 'bluelighted' ? 'bluelighted' : '');\n\n    return (\n        (props.inputType == 'checkbox-alt' ?\n            <div className={`form__form-group ${highlight} ${bluelight}`}>\n                <div className=\"checkbox-alt\">\n                    <label>\n                        {switchField(props.inputType, props)}\n                        <span>{props.inputLabel}</span>\n                    </label>\n                </div>\n            </div>\n            :\n            props.inputType == 'note' ?\n                <div className={`form__form-group padding-10 ${highlight} ${bluelight}`}>\n                    <b>{props.inputLabel}</b> {props.defaultValue}\n                </div>\n                :\n                <div className={`form__form-group ${highlight} ${bluelight}`}>\n                    <span className=\"form__form-group-label\">{props.inputLabel}</span>\n                    <div className=\"form__form-group-field\">\n                        {switchField(props.inputType, props)}\n                    </div>\n                </div>\n        )\n    );\n}\n\nexport default FormGroup;"]},"metadata":{},"sourceType":"module"}