@aokiapp/rjsf-mantine-corporate
Version:
Corporational variant of theme, based on @aokiapp/rjsf-mantine-theme
42 lines (37 loc) • 1.91 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var jsxRuntime = require('react/jsx-runtime');
var core = require('@mantine/core');
var dnd = require('@hello-pangea/dnd');
var iconsReact = require('@tabler/icons-react');
var ArrayFieldTemplate_module = require('./ArrayFieldTemplate.module.css.cjs');
var react = require('react');
function ArrayFieldItemTemplate(props) {
const { children, className, disabled, index, readonly, orderable, removable, registry, uiSchema, onDropIndexClick } = props;
const isDraggable = !disabled && !readonly && orderable;
const key = react.useId();
const { RemoveButton } = registry.templates.ButtonTemplates;
return /* @__PURE__ */ jsxRuntime.jsx(dnd.Draggable, { index, draggableId: key, isDragDisabled: !isDraggable, children: (provided) => /* @__PURE__ */ jsxRuntime.jsx(
core.Box,
{
ref: provided.innerRef,
...provided.draggableProps,
className: `armt-template-arrayfielditem ${className}`,
children: /* @__PURE__ */ jsxRuntime.jsxs(core.Group, { style: { flexGrow: 1 }, gap: 0, children: [
isDraggable ? /* @__PURE__ */ jsxRuntime.jsx("div", { ...provided.dragHandleProps, className: ArrayFieldTemplate_module.default.dragHandle, children: /* @__PURE__ */ jsxRuntime.jsx(iconsReact.IconGripVertical, { style: { width: core.rem(18), height: core.rem(18) }, stroke: 1.5 }) }) : removable ? /* @__PURE__ */ jsxRuntime.jsx(
RemoveButton,
{
className: "armt-template-afit-remove",
disabled: disabled || readonly,
onClick: onDropIndexClick(index),
uiSchema,
registry
}
) : null,
/* @__PURE__ */ jsxRuntime.jsx(core.Box, { style: { flexGrow: 1 }, children })
] })
}
) }, key);
}
exports.default = ArrayFieldItemTemplate;
//# sourceMappingURL=ArrayFieldItemTemplate.cjs.map