Dashboard sipadu mbip
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

FormCheck.js 3.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. "use strict";
  2. var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
  3. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  4. exports.__esModule = true;
  5. exports.default = void 0;
  6. var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
  7. var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
  8. var _classnames = _interopRequireDefault(require("classnames"));
  9. var _all = _interopRequireDefault(require("prop-types-extra/lib/all"));
  10. var _react = _interopRequireWildcard(require("react"));
  11. var _Feedback = _interopRequireDefault(require("./Feedback"));
  12. var _FormCheckInput = _interopRequireDefault(require("./FormCheckInput"));
  13. var _FormCheckLabel = _interopRequireDefault(require("./FormCheckLabel"));
  14. var _FormContext = _interopRequireDefault(require("./FormContext"));
  15. var _ThemeProvider = require("./ThemeProvider");
  16. var defaultProps = {
  17. type: 'checkbox',
  18. inline: false,
  19. disabled: false,
  20. isValid: false,
  21. isInvalid: false,
  22. title: ''
  23. };
  24. var FormCheck = _react.default.forwardRef(function (_ref, ref) {
  25. var id = _ref.id,
  26. bsPrefix = _ref.bsPrefix,
  27. bsCustomPrefix = _ref.bsCustomPrefix,
  28. inline = _ref.inline,
  29. disabled = _ref.disabled,
  30. isValid = _ref.isValid,
  31. isInvalid = _ref.isInvalid,
  32. feedback = _ref.feedback,
  33. className = _ref.className,
  34. style = _ref.style,
  35. title = _ref.title,
  36. type = _ref.type,
  37. label = _ref.label,
  38. children = _ref.children,
  39. propCustom = _ref.custom,
  40. _ref$as = _ref.as,
  41. as = _ref$as === void 0 ? 'input' : _ref$as,
  42. props = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["id", "bsPrefix", "bsCustomPrefix", "inline", "disabled", "isValid", "isInvalid", "feedback", "className", "style", "title", "type", "label", "children", "custom", "as"]);
  43. var custom = type === 'switch' ? true : propCustom;
  44. bsPrefix = custom ? (0, _ThemeProvider.useBootstrapPrefix)(bsCustomPrefix, 'custom-control') : (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'form-check');
  45. var _useContext = (0, _react.useContext)(_FormContext.default),
  46. controlId = _useContext.controlId;
  47. var innerFormContext = (0, _react.useMemo)(function () {
  48. return {
  49. controlId: id || controlId,
  50. custom: custom
  51. };
  52. }, [controlId, custom, id]);
  53. var hasLabel = label != null && label !== false && !children;
  54. var input = _react.default.createElement(_FormCheckInput.default, (0, _extends2.default)({}, props, {
  55. type: type === 'switch' ? 'checkbox' : type,
  56. ref: ref,
  57. isValid: isValid,
  58. isInvalid: isInvalid,
  59. isStatic: !hasLabel,
  60. disabled: disabled,
  61. as: as
  62. }));
  63. return _react.default.createElement(_FormContext.default.Provider, {
  64. value: innerFormContext
  65. }, _react.default.createElement("div", {
  66. style: style,
  67. className: (0, _classnames.default)(className, bsPrefix, custom && "custom-" + type, inline && bsPrefix + "-inline")
  68. }, children || _react.default.createElement(_react.default.Fragment, null, input, hasLabel && _react.default.createElement(_FormCheckLabel.default, {
  69. title: title
  70. }, label), (isValid || isInvalid) && _react.default.createElement(_Feedback.default, {
  71. type: isValid ? 'valid' : 'invalid'
  72. }, feedback))));
  73. });
  74. FormCheck.displayName = 'FormCheck';
  75. FormCheck.defaultProps = defaultProps;
  76. FormCheck.Input = _FormCheckInput.default;
  77. FormCheck.Label = _FormCheckLabel.default;
  78. var _default = FormCheck;
  79. exports.default = _default;
  80. module.exports = exports["default"];