Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

1 рядок
8.9 KiB

  1. {"ast":null,"code":"var _jsxFileName = \"C:\\\\Thamrin Brothers\\\\tbg-ecomm-nextjs\\\\components\\\\CustomInput\\\\CustomInput.js\";\nvar __jsx = React.createElement;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport React from \"react\"; // nodejs library to set properties for components\n\nimport PropTypes from \"prop-types\"; // nodejs library that concatenates classes\n\nimport classNames from \"classnames\"; // @material-ui/core components\n\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport FormControl from \"@material-ui/core/FormControl\";\nimport InputLabel from \"@material-ui/core/InputLabel\";\nimport Input from \"@material-ui/core/Input\";\nimport styles from \"assets/jss/nextjs-material-kit/components/customInputStyle.js\";\nconst useStyles = makeStyles(styles);\nexport default function CustomInput(props) {\n const classes = useStyles();\n const {\n formControlProps,\n labelText,\n id,\n labelProps,\n inputProps,\n error,\n white,\n inputRootCustomClasses,\n success\n } = props;\n const labelClasses = classNames({\n [\" \" + classes.labelRootError]: error,\n [\" \" + classes.labelRootSuccess]: success && !error\n });\n const underlineClasses = classNames({\n [classes.underlineError]: error,\n [classes.underlineSuccess]: success && !error,\n [classes.underline]: true,\n [classes.whiteUnderline]: white\n });\n const marginTop = classNames({\n [inputRootCustomClasses]: inputRootCustomClasses !== undefined\n });\n const inputClasses = classNames({\n [classes.input]: true,\n [classes.whiteInput]: white\n });\n var formControlClasses;\n\n if (formControlProps !== undefined) {\n formControlClasses = classNames(formControlProps.className, classes.formControl);\n } else {\n formControlClasses = classes.formControl;\n }\n\n return __jsx(FormControl, _extends({}, formControlProps, {\n className: formControlClasses,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 57,\n columnNumber: 5\n }\n }), labelText !== undefined ? __jsx(InputLabel, _extends({\n className: classes.labelRoot + \" \" + labelClasses,\n htmlFor: id\n }, labelProps, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 59,\n columnNumber: 9\n }\n }), labelText) : null, __jsx(Input, _extends({\n classes: {\n input: inputClasses,\n root: marginTop,\n disabled: classes.disabled,\n underline: underlineClasses\n },\n id: id\n }, inputProps, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 67,\n columnNumber: 7\n }\n })));\n}\nCustomInput.propTypes = {\n labelText: PropTypes.node,\n labelProps: PropTypes.object,\n id: PropTypes.string,\n inputProps: PropTypes.object,\n formControlProps: PropTypes.object,\n inputRootCustomClasses: PropTypes.string,\n error: PropTypes.bool,\n success: PropTypes.bool,\n white: PropTypes.bool\n};","map":{"version":3,"sources":["C:/Thamrin Brothers/tbg-ecomm-nextjs/components/CustomInput/CustomInput.js"],"names":["React","PropTypes","classNames","makeStyles","FormControl","InputLabel","Input","styles","useStyles","CustomInput","props","classes","formControlProps","labelText","id","labelProps","inputProps","error","white","inputRootCustomClasses","success","labelClasses","labelRootError","labelRootSuccess","underlineClasses","underlineError","underlineSuccess","underline","whiteUnderline","marginTop","undefined","inputClasses","input","whiteInput","formControlClasses","className","formControl","labelRoot","root","disabled","propTypes","node","object","string","bool"],"mappings":"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","sourcesContent":["import React from \"react\";\r\n// nodejs library to set properties for components\r\nimport PropTypes from \"prop-types\";\r\n// nodejs library that concatenates classes\r\nimport classNames from \"classnames\";\r\n// @material-ui/core components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport InputLabel from \"@material-ui/core/InputLabel\";\r\nimport Input from \"@material-ui/core/Input\";\r\n\r\nimport styles from \"assets/jss/nextjs-material-kit/components/customInputStyle.js\";\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nexport default function CustomInput(props) {\r\n const classes = useStyles();\r\n const {\r\n formControlProps,\r\n labelText,\r\n id,\r\n labelProps,\r\n inputProps,\r\n error,\r\n white,\r\n inputRootCustomClasses,\r\n success\r\n } = props;\r\n\r\n const labelClasses = classNames({\r\n [\" \" + classes.labelRootError]: error,\r\n [\" \" + classes.labelRootSuccess]: success && !error\r\n });\r\n const underlineClasses = classNames({\r\n [classes.underlineError]: error,\r\n [classes.underlineSuccess]: success && !error,\r\n [classes.underline]: true,\r\n [classes.whiteUnderline]: white\r\n });\r\n const marginTop = classNames({\r\n [inputRootCustomClasses]: inputRootCustomClasses !== undefined\r\n });\r\n const inputClasses = classNames({\r\n [classes.input]: true,\r\n [classes.whiteInput]: white\r\n });\r\n var formControlClasses;\r\n if (formControlProps !== undefined) {\r\n formControlClasses = classNames(\r\n formControlProps.className,\r\n classes.formControl\r\n );\r\n } else {\r\n formControlClasses = classes.formControl;\r\n }\r\n return (\r\n <FormControl {...formControlProps} className={formControlClasses}>\r\n {labelText !== undefined ? (\r\n <InputLabel\r\n className={classes.labelRoot + \" \" + labelClasses}\r\n htmlFor={id}\r\n {...labelProps}\r\n >\r\n {labelText}\r\n </InputLabel>\r\n ) : null}\r\n <Input\r\n classes={{\r\n input: inputClasses,\r\n root: marginTop,\r\n disabled: classes.disabled,\r\n underline: underlineClasses\r\n }}\r\n id={id}\r\n {...inputProps}\r\n />\r\n </FormControl>\r\n );\r\n}\r\n\r\nCustomInput.propTypes = {\r\n labelText: PropTypes.node,\r\n labelProps: PropTypes.object,\r\n id: PropTypes.string,\r\n inputProps: PropTypes.object,\r\n formControlProps: PropTypes.object,\r\n inputRootCustomClasses: PropTypes.string,\r\n error: PropTypes.bool,\r\n success: PropTypes.bool,\r\n white: PropTypes.bool\r\n};\r\n"]},"metadata":{},"sourceType":"module"}