Dashboard sipadu mbip
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

InputGroup.js 2.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. exports.__esModule = true;
  4. exports.default = void 0;
  5. var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
  6. var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
  7. var _classnames = _interopRequireDefault(require("classnames"));
  8. var _react = _interopRequireDefault(require("react"));
  9. var _createWithBsPrefix = _interopRequireDefault(require("./utils/createWithBsPrefix"));
  10. var _ThemeProvider = require("./ThemeProvider");
  11. /**
  12. *
  13. * @property {InputGroupAppend} Append
  14. * @property {InputGroupPrepend} Prepend
  15. * @property {InputGroupText} Text
  16. * @property {InputGroupRadio} Radio
  17. * @property {InputGroupCheckbox} Checkbox
  18. */
  19. var InputGroup = _react.default.forwardRef(function (_ref, ref) {
  20. var bsPrefix = _ref.bsPrefix,
  21. size = _ref.size,
  22. className = _ref.className,
  23. _ref$as = _ref.as,
  24. Component = _ref$as === void 0 ? 'div' : _ref$as,
  25. props = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["bsPrefix", "size", "className", "as"]);
  26. bsPrefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'input-group');
  27. return _react.default.createElement(Component, (0, _extends2.default)({
  28. ref: ref
  29. }, props, {
  30. className: (0, _classnames.default)(className, bsPrefix, size && bsPrefix + "-" + size)
  31. }));
  32. });
  33. var InputGroupAppend = (0, _createWithBsPrefix.default)('input-group-append');
  34. var InputGroupPrepend = (0, _createWithBsPrefix.default)('input-group-prepend');
  35. var InputGroupText = (0, _createWithBsPrefix.default)('input-group-text', {
  36. Component: 'span'
  37. });
  38. var InputGroupCheckbox = function InputGroupCheckbox(props) {
  39. return _react.default.createElement(InputGroupText, null, _react.default.createElement("input", (0, _extends2.default)({
  40. type: "checkbox"
  41. }, props)));
  42. };
  43. var InputGroupRadio = function InputGroupRadio(props) {
  44. return _react.default.createElement(InputGroupText, null, _react.default.createElement("input", (0, _extends2.default)({
  45. type: "radio"
  46. }, props)));
  47. };
  48. InputGroup.displayName = 'InputGroup';
  49. InputGroup.Text = InputGroupText;
  50. InputGroup.Radio = InputGroupRadio;
  51. InputGroup.Checkbox = InputGroupCheckbox;
  52. InputGroup.Append = InputGroupAppend;
  53. InputGroup.Prepend = InputGroupPrepend;
  54. var _default = InputGroup;
  55. exports.default = _default;
  56. module.exports = exports["default"];