@open-formulieren/formio-builder
Version:
An opinionated Formio webform builder for Open Forms
71 lines (70 loc) • 2.59 kB
JavaScript
import { jsxs as i, jsx as e } from "react/jsx-runtime";
import { FormattedMessage as r } from "react-intl";
import "../../components/formio/tabs.js";
import n from "../../components/formio/component.js";
import u from "../../components/formio/description.js";
import "@floating-ui/react";
import "react";
import "clsx";
import "formik";
import "../../context.js";
import "@formio/vanilla-text-mask";
import "formiojs";
/* empty css */
import "lodash";
/* empty css */
import "react-select";
import "dompurify";
import "../../components/formio/datagrid.js";
const q = ({
component: a
}) => {
const {
key: l,
label: o,
description: t,
tooltip: s,
validate: d = {}
} = a, {
required: m = !1
} = d;
return /* @__PURE__ */ i(n, { type: "file", field: l, required: m, htmlId: `editform-${l}`, label: o, tooltip: s, children: [
/* @__PURE__ */ e("ul", { className: "list-group list-group-striped", children: /* @__PURE__ */ e("li", { className: "list-group-item list-group-header hidden-xs hidden-sm", children: /* @__PURE__ */ i("div", { className: "row", children: [
/* @__PURE__ */ e("div", { className: "col-md-1" }),
/* @__PURE__ */ e("div", { className: "col-md-9", children: /* @__PURE__ */ e("strong", { children: /* @__PURE__ */ e(r, { id: "XXRiTx", defaultMessage: [{
type: 0,
value: "File name"
}] }) }) }),
/* @__PURE__ */ e("div", { className: "col-md-2", children: /* @__PURE__ */ e("strong", { children: /* @__PURE__ */ e(r, { id: "Y8cmP1", defaultMessage: [{
type: 0,
value: "Size"
}] }) }) })
] }) }) }),
/* @__PURE__ */ i("div", { className: "fileSelector", children: [
/* @__PURE__ */ e("i", { className: "fa fa-cloud-upload" }),
/* @__PURE__ */ e(r, { id: "4HBnrF", defaultMessage: [{
type: 0,
value: "Drag or "
}, {
type: 8,
value: "browse",
children: [{
type: 0,
value: "select"
}]
}, {
type: 0,
value: " files to upload."
}], values: {
browse: (p) => /* @__PURE__ */ e("a", { href: "#", className: "browser", onClick: (c) => {
c.preventDefault(), alert("Uploading is disabled in preview mode.");
}, children: p })
} }),
/* @__PURE__ */ e("div", { className: "loader-wrapper", children: /* @__PURE__ */ e("div", { className: "loader text-center" }) })
] }),
t && /* @__PURE__ */ e(u, { text: t })
] });
};
export {
q as default
};