@bpmn-io/form-js-editor 1.10.0 → 1.11.0-alpha.0

package/dist/index.cjs

@@ -9005,7 +9005,7 @@ function isProhibitedPath(path) {
   return path.split('.').some(segment => prohibitedSegments.includes(segment));
 }
 const LABELED_NON_INPUTS = ['button', 'group', 'dynamiclist', 'iframe', 'table'];
-const INPUTS = ['checkbox', 'checklist', 'datetime', 'number', 'radio', 'select', 'taglist', 'textfield', 'textarea'];
+const INPUTS = ['checkbox', 'checklist', 'datetime', 'number', 'radio', 'select', 'taglist', 'textfield', 'textarea', 'filepicker'];
 const OPTIONS_INPUTS = ['checklist', 'radio', 'select', 'taglist'];
 function hasEntryConfigured(formFieldDefinition, entryId) {
   const {
@@ -9498,7 +9498,7 @@ function DescriptionEntry(props) {
     editField: editField,
     field: field,
     isEdited: isEdited$6,
-    isDefaultVisible: field => INPUTS.includes(field.type)
+    isDefaultVisible: field => field.type !== 'filepicker' && INPUTS.includes(field.type)
   });
   return entries;
 }
@@ -9550,26 +9550,26 @@ function DefaultValueEntry(props) {
       return matchers(field);
     };
   }
-  const defaulValueBase = {
+  const defaultValueBase = {
     editField,
     field,
     id: 'defaultValue',
     label: 'Default value'
   };
   entries.push({
-    ...defaulValueBase,
+    ...defaultValueBase,
     component: DefaultValueCheckbox,
     isEdited: isEdited$3,
     isDefaultVisible: isDefaultVisible(field => field.type === 'checkbox')
   });
   entries.push({
-    ...defaulValueBase,
+    ...defaultValueBase,
     component: DefaultValueNumber,
     isEdited: isEdited,
     isDefaultVisible: isDefaultVisible(field => field.type === 'number')
   });
   entries.push({
-    ...defaulValueBase,
+    ...defaultValueBase,
     component: DefaultValueSingleSelect,
     isEdited: isEdited$3,
     isDefaultVisible: isDefaultVisible(field => field.type === 'radio' || field.type === 'select')
@@ -9578,13 +9578,13 @@ function DefaultValueEntry(props) {
   // todo(Skaiir): implement a multiselect equivalent (cf. https://github.com/bpmn-io/form-js/issues/265)
 
   entries.push({
-    ...defaulValueBase,
+    ...defaultValueBase,
     component: DefaultValueTextfield,
     isEdited: isEdited,
     isDefaultVisible: isDefaultVisible(field => field.type === 'textfield')
   });
   entries.push({
-    ...defaulValueBase,
+    ...defaultValueBase,
     component: DefaultValueTextarea,
     isEdited: isEdited$1,
     isDefaultVisible: isDefaultVisible(field => field.type === 'textarea')
@@ -10666,7 +10666,7 @@ function Text(props) {
   };
   return FeelTemplatingEntry({
     debounce,
-    description: description$1,
+    description: description$2,
     element: field,
     getValue,
     id,
@@ -10676,7 +10676,7 @@ function Text(props) {
     variables
   });
 }
-const description$1 = jsxRuntime.jsxs(jsxRuntime.Fragment, {
+const description$2 = jsxRuntime.jsxs(jsxRuntime.Fragment, {
   children: ["Supports markdown and templating.", ' ', jsxRuntime.jsx("a", {
     href: "https://docs.camunda.io/docs/components/modeler/forms/form-element-library/forms-element-library-text/",
     target: "_blank",
@@ -10718,7 +10718,7 @@ function Content(props) {
   };
   return FeelTemplatingEntry({
     debounce,
-    description,
+    description: description$1,
     element: field,
     getValue,
     id,
@@ -10732,7 +10732,7 @@ function Content(props) {
 
 // helpers //////////
 
-const description = jsxRuntime.jsxs(jsxRuntime.Fragment, {
+const description$1 = jsxRuntime.jsxs(jsxRuntime.Fragment, {
   children: ["Supports HTML, styling, and templating. Styles are automatically scoped to the HTML component.", ' ', jsxRuntime.jsx("a", {
     href: "https://docs.camunda.io/docs/components/modeler/forms/form-element-library/forms-element-library-html/",
     target: "_blank",
@@ -12548,6 +12548,108 @@ function VersionTag(props) {
   });
 }
 
+function AcceptEntry(props) {
+  const {
+    editField,
+    field
+  } = props;
+  const entries = [];
+  entries.push({
+    id: 'accept',
+    component: Accept,
+    editField: editField,
+    field: field,
+    isEdited: isEdited$6,
+    isDefaultVisible: field => field.type === 'filepicker'
+  });
+  return entries;
+}
+function Accept(props) {
+  const {
+    editField,
+    field,
+    id
+  } = props;
+  const debounce = useService('debounce');
+  const variables = useVariables().map(name => ({
+    name
+  }));
+  const path = ['accept'];
+  const getValue = () => {
+    return minDash.get(field, path, '');
+  };
+  const setValue = value => {
+    return editField(field, path, value);
+  };
+  return FeelTemplatingEntry({
+    debounce,
+    element: field,
+    getValue,
+    id,
+    label: 'Supported file formats',
+    singleLine: true,
+    setValue,
+    variables,
+    description
+  });
+}
+
+// helpers //////////
+
+const description = jsxRuntime.jsxs(jsxRuntime.Fragment, {
+  children: ["A comma-separated list of", ' ', jsxRuntime.jsx("a", {
+    href: "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers",
+    target: "_blank",
+    children: "file type specifiers"
+  })]
+});
+
+function MultipleEntry(props) {
+  const {
+    editField,
+    field
+  } = props;
+  const entries = [];
+  entries.push({
+    id: 'multiple',
+    component: Multiple,
+    editField: editField,
+    field: field,
+    isEdited: isEdited$6,
+    isDefaultVisible: field => field.type === 'filepicker'
+  });
+  return entries;
+}
+function Multiple(props) {
+  const {
+    editField,
+    field,
+    id
+  } = props;
+  const debounce = useService('debounce');
+  const variables = useVariables().map(name => ({
+    name
+  }));
+  const path = ['multiple'];
+  const getValue = () => {
+    return minDash.get(field, path, '');
+  };
+  const setValue = value => {
+    return editField(field, path, value);
+  };
+  return FeelToggleSwitchEntry({
+    debounce,
+    element: field,
+    feel: 'optional',
+    getValue,
+    id,
+    label: 'Select multiple files',
+    inline: true,
+    setValue,
+    variables
+  });
+}
+
 function GeneralGroup(field, editField, getService) {
   const entries = [...IdEntry({
     field,
@@ -12614,6 +12716,12 @@ function GeneralGroup(field, editField, getService) {
   }), ...SelectEntries({
     field,
     editField
+  }), ...AcceptEntry({
+    field,
+    editField
+  }), ...MultipleEntry({
+    field,
+    editField
   }), ...DisabledEntry({
     field,
     editField