UNPKG

@aokiapp/rjsf-mantine-corporate

Version:

Corporational variant of theme, based on @aokiapp/rjsf-mantine-theme

42 lines (37 loc) 1.91 kB
'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