@aokiapp/rjsf-mantine-theme/lib/templates/ArrayFieldTemplate.mjs

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

import { jsxs, jsx } from 'react/jsx-runtime';
import { getUiOptions, getTemplate } from '@rjsf/utils';
import { Group, Fieldset } from '@mantine/core';

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

export { ArrayFieldTemplate as default };
//# sourceMappingURL=ArrayFieldTemplate.mjs.map