+ );
+ }
+
+
+ /**
+ *
+ * @param {FileList} fileList
+ * @returns {FileDescriptor}
+ */
+ function toFileDescriptors(fileList) {
+ return Array.from(fileList)
+ .map(file => {
+ return {
+ name: file.name,
+ path: file.path,
+ lastModified: file.lastModified,
+ contents: file
+ };
+ });
+ }
+
+ function getTypeFromFileExtension(name) {
+ return name.substring(name.lastIndexOf('.') + 1).toLowerCase();
+ }
+
+ function getFileLabel(name, error) {
+ return error ?
+ `${error.slice(0, -1)}: ${name}`
+ : name;
+ }
+
+ function getIconFromFileType(name, error) {
+ const extension = getTypeFromFileExtension(name);
+
+ if (error) return ;
+
+ switch (extension) {
+ case 'bpmn':
+ return ;
+ case 'dmn':
+ return ;
+ case 'form':
+ return ;
+ default:
+ return ;
+ }
+ }
\ No newline at end of file
diff --git a/camunda-modeler-deployment-plugin/client/shared/ui/FormFeedback.js b/camunda-modeler-deployment-plugin/client/shared/ui/FormFeedback.js
new file mode 100644
index 00000000..105abdd3
--- /dev/null
+++ b/camunda-modeler-deployment-plugin/client/shared/ui/FormFeedback.js
@@ -0,0 +1,28 @@
+/**
+ * Copyright Camunda Services GmbH and/or licensed to Camunda Services GmbH
+ * under one or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information regarding copyright
+ * ownership.
+ *
+ * Camunda licenses this file to you under the MIT; you may not use this file
+ * except in compliance with the MIT License.
+ */
+
+ import React from 'react';
+
+ export default function FormFeedback(props) {
+
+ const {
+ error
+ } = props;
+
+ return (
+
+ { error && (
+
+ { error }
+
+ ) }
+
+ );
+ }
\ No newline at end of file
diff --git a/camunda-modeler-deployment-plugin/client/shared/ui/Radio.js b/camunda-modeler-deployment-plugin/client/shared/ui/Radio.js
new file mode 100644
index 00000000..468c4232
--- /dev/null
+++ b/camunda-modeler-deployment-plugin/client/shared/ui/Radio.js
@@ -0,0 +1,92 @@
+/**
+ * Copyright Camunda Services GmbH and/or licensed to Camunda Services GmbH
+ * under one or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information regarding copyright
+ * ownership.
+ *
+ * Camunda licenses this file to you under the MIT; you may not use this file
+ * except in compliance with the MIT License.
+ */
+
+import React from 'react';
+
+import classNames from 'classnames';
+
+export default function Radio(props) {
+
+ const {
+ hint,
+ label,
+ field,
+ form,
+ children,
+ values,
+ ...restProps
+ } = props;
+
+ const {
+ name: fieldName
+ } = field;
+
+ const meta = form.getFieldMeta(fieldName);
+
+ const isChecked = (childValue) => meta.value === childValue;
+
+ return (
+
+