feat: adjust @bpmn-io/properties-panel imports

This adjusts the imports according to the new structure implemented via bpmn-io/properties-panel#124
bpmn-io · Dec 15, 2021 · b0a72d0 · b0a72d0
1 parent 1053345
commit b0a72d0
Show file tree

Hide file tree

Showing 80 changed files with 491 additions and 452 deletions.
diff --git a/src/entries/ReferenceSelect.js b/src/entries/ReferenceSelect.js
@@ -7,10 +7,9 @@ import {
 } from 'min-dom';
 
 import {
+  SelectEntry,
   usePrevious
-} from '@bpmn-io/properties-panel/lib/hooks';
-
-import SelectEntry from '@bpmn-io/properties-panel/lib/components/entries/Select';
+} from '@bpmn-io/properties-panel';
 
 
 export default function ReferenceSelectEntry(props) {

diff --git a/src/provider/bpmn/BpmnPropertiesProvider.js b/src/provider/bpmn/BpmnPropertiesProvider.js
@@ -1,4 +1,4 @@
-import Group from '@bpmn-io/properties-panel/lib/components/Group';
+import { Group } from '@bpmn-io/properties-panel';
 
 import {
   CompensationProps,

diff --git a/src/provider/bpmn/properties/CompensationProps.js b/src/provider/bpmn/properties/CompensationProps.js
@@ -9,10 +9,10 @@ import {
 } from 'bpmn-js/lib/util/ModelUtil';
 
 import {
-  isEdited as selectIsEdited
-} from '@bpmn-io/properties-panel/lib/components/entries/Select';
-
-import Checkbox from '@bpmn-io/properties-panel/lib/components/entries/Checkbox';
+  isSelectEntryEdited,
+  isCheckboxEntryEdited,
+  CheckboxEntry
+} from '@bpmn-io/properties-panel';
 
 import {
   useService
@@ -27,7 +27,7 @@ import {
 } from '../utils/EventDefinitionUtil';
 
 /**
- * @typedef { import('@bpmn-io/properties-panel/lib/PropertiesPanel').EntryDefinition } Entry
+ * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
  */
 
 /**
@@ -42,20 +42,16 @@ export function CompensationProps(props) {
     return [];
   }
 
-  const isCheckboxEdited = (node) => {
-    return node && !node.checked;
-  };
-
   return [
     {
       id: 'waitForCompletion',
       component: <WaitForCompletion element={ element } />,
-      isEdited: isCheckboxEdited
+      isEdited: isCheckboxEntryEdited
     },
     {
       id: 'activityRef',
       component: <ActivityRef element={ element } />,
-      isEdited: selectIsEdited
+      isEdited: isSelectEntryEdited
     }
   ];
 }
@@ -82,7 +78,7 @@ function WaitForCompletion(props) {
     });
   };
 
-  return Checkbox({
+  return CheckboxEntry({
     element,
     id: 'waitForCompletion',
     label: translate('Wait for completion'),

diff --git a/src/provider/bpmn/properties/DocumentationProps.js b/src/provider/bpmn/properties/DocumentationProps.js
@@ -3,7 +3,10 @@ import {
   is
 } from 'bpmn-js/lib/util/ModelUtil';
 
-import TextArea, { isEdited as defaultIsEdited } from '@bpmn-io/properties-panel/lib/components/entries/TextArea';
+import {
+  TextAreaEntry,
+  isTextAreaEntryEdited
+} from '@bpmn-io/properties-panel';
 
 import {
   useService
@@ -13,7 +16,7 @@ const DOCUMENTATION_TEXT_FORMAT = 'text/plain';
 
 
 /**
- * @typedef { import('@bpmn-io/properties-panel/lib/PropertiesPanel').EntryDefinition } Entry
+ * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
  */
 
 /**
@@ -28,15 +31,15 @@ export function DocumentationProps(props) {
     {
       id: 'documentation',
       component: <ElementDocumentationProperty element={ element } />,
-      isEdited: defaultIsEdited
+      isEdited: isTextAreaEntryEdited
     }
   ];
 
   if (hasProcessRef(element)) {
     entries.push({
       id: 'processDocumentation',
       component: <ProcessDocumentationProperty element={ element } />,
-      isEdited: defaultIsEdited
+      isEdited: isTextAreaEntryEdited
     });
   }
 
@@ -58,7 +61,7 @@ function ElementDocumentationProperty(props) {
   const setValue =
     setDocumentation(element, getBusinessObject(element), bpmnFactory, commandStack);
 
-  return TextArea({
+  return TextAreaEntry({
     element,
     id: 'documentation',
     label: translate('Element documentation'),
@@ -85,7 +88,7 @@ function ProcessDocumentationProperty(props) {
   const setValue =
     setDocumentation(element, processRef, bpmnFactory, commandStack);
 
-  return TextArea({
+  return TextAreaEntry({
     element,
     id: 'processDocumentation',
     label: translate('Process documentation'),

diff --git a/src/provider/bpmn/properties/ErrorProps.js b/src/provider/bpmn/properties/ErrorProps.js
@@ -6,9 +6,12 @@ import {
   sortBy
 } from 'min-dash';
 
-import TextField, { isEdited as textFieldIsEdited } from '@bpmn-io/properties-panel/lib/components/entries/TextField';
+import {
+  TextFieldEntry,
+  isSelectEntryEdited,
+  isTextFieldEntryEdited
+} from '@bpmn-io/properties-panel';
 import ReferenceSelect from '../../../entries/ReferenceSelect';
-import { isEdited as selectIsEdited } from '@bpmn-io/properties-panel/lib/components/entries/Select';
 
 import {
   useService
@@ -33,7 +36,7 @@ export const CREATE_NEW_OPTION = 'create-new';
 
 
 /**
- * @typedef { import('@bpmn-io/properties-panel/lib/PropertiesPanel').EntryDefinition } Entry
+ * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
  */
 
 /**
@@ -54,7 +57,7 @@ export function ErrorProps(props) {
     {
       id: 'errorRef',
       component: <ErrorRef element={ element } />,
-      isEdited: selectIsEdited
+      isEdited: isSelectEntryEdited
     }
   ];
 
@@ -64,12 +67,12 @@ export function ErrorProps(props) {
       {
         id: 'errorName',
         component: <ErrorName element={ element } />,
-        isEdited: textFieldIsEdited
+        isEdited: isTextFieldEntryEdited
       },
       {
         id: 'errorCode',
         component: <ErrorCode element={ element } />,
-        isEdited: textFieldIsEdited
+        isEdited: isTextFieldEntryEdited
       }
     ];
   }
@@ -198,7 +201,7 @@ function ErrorName(props) {
     );
   };
 
-  return TextField({
+  return TextFieldEntry({
     element,
     id: 'errorName',
     label: translate('Name'),
@@ -234,7 +237,7 @@ function ErrorCode(props) {
     );
   };
 
-  return TextField({
+  return TextFieldEntry({
     element,
     id: 'errorCode',
     label: translate('Code'),

diff --git a/src/provider/bpmn/properties/EscalationProps.js b/src/provider/bpmn/properties/EscalationProps.js
@@ -6,9 +6,12 @@ import {
   sortBy
 } from 'min-dash';
 
-import TextField, { isEdited as textFieldIsEdited } from '@bpmn-io/properties-panel/lib/components/entries/TextField';
+import {
+  TextFieldEntry,
+  isTextFieldEntryEdited,
+  isSelectEntryEdited
+} from '@bpmn-io/properties-panel';
 import ReferenceSelect from '../../../entries/ReferenceSelect';
-import { isEdited as selectIsEdited } from '@bpmn-io/properties-panel/lib/components/entries/Select';
 
 import {
   useService
@@ -32,7 +35,7 @@ const CREATE_NEW_OPTION = 'create-new';
 
 
 /**
- * @typedef { import('@bpmn-io/properties-panel/lib/PropertiesPanel').EntryDefinition } Entry
+ * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
  */
 
 /**
@@ -53,7 +56,7 @@ export function EscalationProps(props) {
     {
       id: 'escalationRef',
       component: <EscalationRef element={ element } />,
-      isEdited: selectIsEdited
+      isEdited: isSelectEntryEdited
     }
   ];
 
@@ -63,12 +66,12 @@ export function EscalationProps(props) {
       {
         id: 'escalationName',
         component: <EscalationName element={ element } />,
-        isEdited: textFieldIsEdited
+        isEdited: isTextFieldEntryEdited
       },
       {
         id: 'escalationCode',
         component: <EscalationCode element={ element } />,
-        isEdited: textFieldIsEdited
+        isEdited: isTextFieldEntryEdited
       }
     ];
   }
@@ -195,7 +198,7 @@ function EscalationName(props) {
     );
   };
 
-  return TextField({
+  return TextFieldEntry({
     element,
     id: 'escalationName',
     label: translate('Name'),
@@ -231,7 +234,7 @@ function EscalationCode(props) {
     );
   };
 
-  return TextField({
+  return TextFieldEntry({
     element,
     id: 'escalationCode',
     label: translate('Code'),

diff --git a/src/provider/bpmn/properties/ExecutableProps.js b/src/provider/bpmn/properties/ExecutableProps.js
@@ -2,15 +2,15 @@ import {
   is
 } from 'bpmn-js/lib/util/ModelUtil';
 
-import Checkbox, { isEdited } from '@bpmn-io/properties-panel/lib/components/entries/Checkbox';
+import { CheckboxEntry, isCheckboxEntryEdited } from '@bpmn-io/properties-panel';
 
 import {
   useService
 } from '../../../hooks';
 
 
 /**
- * @typedef { import('@bpmn-io/properties-panel/lib/PropertiesPanel').EntryDefinition } Entry
+ * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
  */
 
 /**
@@ -29,7 +29,7 @@ export function ExecutableProps(props) {
     {
       id: 'isExecutable',
       component: <Executable element={ element } />,
-      isEdited
+      isEdited: isCheckboxEntryEdited
     }
   ];
 }
@@ -79,7 +79,7 @@ function Executable(props) {
 
   }
 
-  return Checkbox({
+  return CheckboxEntry({
     element,
     id: 'isExecutable',
     label: translate('Executable'),

diff --git a/src/provider/bpmn/properties/IdProps.js b/src/provider/bpmn/properties/IdProps.js
@@ -3,7 +3,7 @@ import {
   is
 } from 'bpmn-js/lib/util/ModelUtil';
 
-import TextField, { isEdited } from '@bpmn-io/properties-panel/lib/components/entries/TextField';
+import { TextFieldEntry, isTextFieldEntryEdited } from '@bpmn-io/properties-panel';
 
 import {
   useService
@@ -15,7 +15,7 @@ import {
 
 
 /**
- * @typedef { import('@bpmn-io/properties-panel/lib/PropertiesPanel').EntryDefinition } Entry
+ * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
  */
 
 /**
@@ -30,7 +30,7 @@ export function IdProps(props) {
     {
       id: 'id',
       component: <Id element={ element } />,
-      isEdited
+      isEdited: isTextFieldEntryEdited
     }
   ];
 }
@@ -60,7 +60,7 @@ function Id(props) {
     return isIdValid(businessObject, value, translate);
   };
 
-  return TextField({
+  return TextFieldEntry({
     element,
     id: 'id',
     label: translate(is(element, 'bpmn:Participant') ? 'Participant ID' : 'ID'),

diff --git a/src/provider/bpmn/properties/LinkProps.js b/src/provider/bpmn/properties/LinkProps.js
@@ -1,4 +1,4 @@
-import TextField, { isEdited } from '@bpmn-io/properties-panel/lib/components/entries/TextField';
+import { TextFieldEntry, isTextFieldEntryEdited } from '@bpmn-io/properties-panel';
 
 import {
   useService
@@ -10,7 +10,7 @@ import {
 } from '../utils/EventDefinitionUtil';
 
 /**
- * @typedef { import('@bpmn-io/properties-panel/lib/PropertiesPanel').EntryDefinition } Entry
+ * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
  */
 
 /**
@@ -29,7 +29,7 @@ export function LinkProps(props) {
     {
       id: 'linkName',
       component: <LinkName element={ element } />,
-      isEdited
+      isEdited: isTextFieldEntryEdited
     },
   ];
 }
@@ -57,7 +57,7 @@ function LinkName(props) {
     });
   };
 
-  return TextField({
+  return TextFieldEntry({
     element,
     id: 'linkName',
     label: translate('Name'),