@aokiapp/rjsf-mantine-theme/dist/templates/ArrayFieldTemplate.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');

function ArrayFieldTemplate(props) {
  const {
    canAdd,
    className,
    disabled,
    idSchema,
    uiSchema,
    items,
    onAddClick,
    readonly,
    registry,
    required,
    schema,
    title
  } = props;
  const uiOptions = utils.getUiOptions(uiSchema);
  const ArrayFieldDescriptionTemplate = utils.getTemplate(
    "ArrayFieldDescriptionTemplate",
    registry,
    uiOptions
  );
  const ArrayFieldItemTemplate = utils.getTemplate(
    "ArrayFieldItemTemplate",
    registry,
    uiOptions
  );
  const ArrayFieldTitleTemplate = utils.getTemplate(
    "ArrayFieldTitleTemplate",
    registry,
    uiOptions
  );
  const {
    ButtonTemplates: { AddButton }
  } = registry.templates;
  const _title = uiOptions.title || title;
  const legendNode = /* @__PURE__ */ jsxRuntime.jsxs(core.Group, { gap: "xs", children: [
    title && /* @__PURE__ */ jsxRuntime.jsx(
      ArrayFieldTitleTemplate,
      {
        idSchema,
        title: _title,
        required,
        schema,
        uiSchema,
        registry
      }
    ),
    /* @__PURE__ */ jsxRuntime.jsx(
      ArrayFieldDescriptionTemplate,
      {
        idSchema,
        description: uiOptions.description || schema.description,
        schema,
        uiSchema,
        registry
      }
    )
  ] });
  return /* @__PURE__ */ jsxRuntime.jsxs(
    core.Fieldset,
    {
      id: idSchema.$id,
      legend: legendNode,
      style: {
        width: "100%"
      },
      className: `armt-template-arrayfield ${className}`,
      children: [
        items && items.map(({ key, ...itemProps }) => /* @__PURE__ */ jsxRuntime.jsx(ArrayFieldItemTemplate, { ...itemProps }, key)),
        canAdd && /* @__PURE__ */ jsxRuntime.jsx(AddButton, { onClick: onAddClick, disabled: disabled || readonly, uiSchema, registry })
      ]
    }
  );
}

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