@aokiapp/rjsf-mantine-theme/dist/widgets/TextareaWidget.cjs

Mantine theme, fields and widgets for react-jsonschema-form

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var jsxRuntime = require('react/jsx-runtime');
var utils = require('@rjsf/utils');
var core = require('@mantine/core');
var createErrors = require('../utils/createErrors.cjs');

function TextareaWidget(props) {
  const {
    id,
    placeholder,
    value,
    required,
    disabled,
    autofocus,
    label,
    hideLabel,
    readonly,
    onBlur,
    onFocus,
    onChange,
    options,
    rawErrors,
    hideError,
    schema
  } = props;
  const description = options.description || schema.description;
  const _onChange = ({ target: { value: value2 } }) => onChange && onChange(value2 === "" ? options.emptyValue : value2);
  const _onBlur = () => onBlur && onBlur(id, value);
  const _onFocus = () => onFocus && onFocus(id, value);
  return /* @__PURE__ */ jsxRuntime.jsx(
    core.Textarea,
    {
      id,
      name: id,
      className: "armt-widget-textarea",
      label: utils.labelValue(label || void 0, hideLabel, false),
      placeholder,
      autoFocus: autofocus,
      required,
      disabled: disabled || readonly,
      value: value || "",
      error: createErrors.createErrors(rawErrors, hideError),
      rows: options.rows || 5,
      onChange: _onChange,
      onBlur: _onBlur,
      onFocus: _onFocus,
      "aria-describedby": utils.ariaDescribedByIds(id),
      description
    },
    id
  );
}

exports.default = TextareaWidget;
//# sourceMappingURL=TextareaWidget.cjs.map