@overmap-ai/core 1.0.38-component-fields.8 → 1.0.38-component-fields.10

package/dist/overmap-core.umd.cjs

@@ -3287,6 +3287,24 @@ var __publicField = (obj, key, value) => {
       }
     )
   );
+  const selectLatestRevisionsForComponentStageForms = restructureCreateSelectorWithArgs(
+    toolkit.createSelector(
+      [
+        selectUserFormMapping,
+        selectRevisionMapping,
+        (_state, componentStageId) => componentStageId
+      ],
+      (userForms, revisions, componentStageId) => {
+        const latestRevisions = [];
+        for (const form of Object.values(userForms)) {
+          if (form.component_stage === componentStageId) {
+            latestRevisions.push(_selectLatestFormRevision(revisions, form.offline_id));
+          }
+        }
+        return latestRevisions;
+      }
+    )
+  );
   const selectLatestRevisionByFormId = toolkit.createSelector([selectRevisionMapping], (revisions) => {
     const latestRevisions = {};
     for (const revision of Object.values(revisions)) {
@@ -5464,10 +5482,13 @@ var __publicField = (obj, key, value) => {
         });
       });
     }
-    async add(state, initialRevision, url, ownerUser, ownerOrganization, componentType) {
+    async add(state, initialRevision, url, ownerUser, ownerOrganization, componentTypeId, componentStageId) {
       if (!!ownerUser === !!ownerOrganization) {
         throw new Error("Exactly one of ownerUser and ownerOrganization must be defined.");
       }
+      if (componentTypeId && componentStageId) {
+        throw new Error("At most one of componentTypeId and componentStageId should be defined.");
+      }
       const ownerAttrs = {
         owner_user: ownerUser,
         owner_organization: ownerOrganization
@@ -5482,7 +5503,8 @@ var __publicField = (obj, key, value) => {
         favorite: true,
         submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
         created_by: currentUser.id,
-        ...componentType && { component_type: componentType },
+        ...componentTypeId && { component_type: componentTypeId },
+        ...componentStageId && { component_stage: componentStageId },
         ...ownerAttrs
       };
       const { payloadWithoutImage, images } = await separateImageFromFields(offlineRevisionPayload);
@@ -5504,10 +5526,11 @@ var __publicField = (obj, key, value) => {
         } : void 0,
         payload: {
           ...offlineFormPayload,
-          ...componentType && { component_type: componentType },
+          ...componentTypeId && { component_type: componentTypeId },
+          ...componentStageId && { component_stage: componentStageId },
           initial_revision: payloadWithoutImage
         },
-        blockers: [],
+        blockers: [componentTypeId, componentStageId].filter((x) => x !== void 0),
         blocks: [offlineFormPayload.offline_id, payloadWithoutImage.offline_id]
       });
       const attachImagesPromises = this.getAttachImagePromises(images, offlineRevisionPayload.offline_id);
@@ -5519,7 +5542,7 @@ var __publicField = (obj, key, value) => {
       const settledPromise = Promise.all([formPromise, ...attachImagesPromises]).then(() => formPromise);
       return [retForm, retRevision, formPromise, settledPromise];
     }
-    async addForOrganization(initialRevision, componentType) {
+    async addForOrganization(initialRevision, componentTypeId, componentStageId) {
       const state = this.client.store.getState();
       const activeOrganizationId = state.organizationReducer.activeOrganizationId;
       if (!activeOrganizationId) {
@@ -5531,13 +5554,22 @@ var __publicField = (obj, key, value) => {
         `/forms/in-organization/${activeOrganizationId}/`,
         void 0,
         activeOrganizationId,
-        componentType
+        componentTypeId,
+        componentStageId
       );
     }
-    async addForCurrentUser(initialRevision, componentType) {
+    async addForCurrentUser(initialRevision, componentTypeId, componentStageId) {
       const state = this.client.store.getState();
       const currentUser = state.userReducer.currentUser;
-      return await this.add(state, initialRevision, "/forms/my-forms/", currentUser.id, void 0, componentType);
+      return await this.add(
+        state,
+        initialRevision,
+        "/forms/my-forms/",
+        currentUser.id,
+        void 0,
+        componentTypeId,
+        componentStageId
+      );
     }
     async createRevision(formId2, revision) {
       const offlineRevision = offline(revision);
@@ -11233,7 +11265,7 @@ var __publicField = (obj, key, value) => {
   FieldWithActions.displayName = "FieldWithActions";
   const FieldSectionWithActions = React.memo((props) => {
     var _a2;
-    const { field, index: sectionIndex, dropState } = props;
+    const { field, index: sectionIndex, dropState, fieldsOnly } = props;
     const isDropDisabled = (_a2 = dropState[field.identifier]) == null ? void 0 : _a2.disabled;
     const { setFieldValue, values } = formik.useFormikContext();
     const alertDialog = blocks.useAlertDialog();
@@ -11373,7 +11405,7 @@ var __publicField = (obj, key, value) => {
           mb: "4",
           children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { gap: "3", justify: "between", align: "center", children: [
             /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "2", grow: "1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(FieldBuilder, { ...editSectionProps }),
+              !fieldsOnly && /* @__PURE__ */ jsxRuntime.jsx(FieldBuilder, { ...editSectionProps }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 dnd.Droppable,
                 {
@@ -11417,7 +11449,7 @@ var __publicField = (obj, key, value) => {
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(
+            !fieldsOnly && /* @__PURE__ */ jsxRuntime.jsx(
               FieldActions,
               {
                 index: sectionIndex,
@@ -11494,7 +11526,8 @@ var __publicField = (obj, key, value) => {
         return [section, i];
     }
   };
-  const FieldsEditor = React.memo(() => {
+  const FieldsEditor = React.memo((props) => {
+    const { fieldsOnly } = props;
     const { values, setFieldValue } = formik.useFormikContext();
     const [dropState, dispatch] = React.useReducer(reducer, values.fields, initializer);
     const { reorderSection, reorderField } = useFieldReordering();
@@ -11547,8 +11580,16 @@ var __publicField = (obj, key, value) => {
         gap: "0",
         children: [
           values.fields.map((field, index2) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(FieldSectionWithActions, { field, index: index2, dropState }),
-            /* @__PURE__ */ jsxRuntime.jsxs(
+            /* @__PURE__ */ jsxRuntime.jsx(
+              FieldSectionWithActions,
+              {
+                field,
+                index: index2,
+                dropState,
+                fieldsOnly
+              }
+            ),
+            !fieldsOnly && /* @__PURE__ */ jsxRuntime.jsxs(
               blocks.Button,
               {
                 className: styles$1.addSectionButton,
@@ -11576,7 +11617,16 @@ var __publicField = (obj, key, value) => {
   };
   const FormBuilder = React.memo(
     React.forwardRef((props, ref) => {
-      const { onCancel, onSave, revision, initialTitle, showExplainerText = true, showSectionsOnly = false } = props;
+      const {
+        onCancel,
+        onSave,
+        revision,
+        initialTitle,
+        showExplainerText = true,
+        showFormTitle = true,
+        fieldsOnly = false,
+        showTabs = true
+      } = props;
       const { showError } = blocks.useToast();
       const validate = React.useCallback(
         (form) => {
@@ -11639,7 +11689,7 @@ var __publicField = (obj, key, value) => {
       });
       const previewSchema = React.useMemo(() => formRevisionToSchema(formik$1.values), [formik$1.values]);
       return /* @__PURE__ */ jsxRuntime.jsx(Tabs.Root, { ref, defaultValue: "edit", children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(Tabs.List, { className: styles$7.tabsList, children: [
+        showTabs && /* @__PURE__ */ jsxRuntime.jsxs(Tabs.List, { className: styles$7.tabsList, children: [
           /* @__PURE__ */ jsxRuntime.jsx(Tabs.Trigger, { className: styles$7.tabTrigger, value: "edit", children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { align: "center", gap: "2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(Pencil1Icon, {}),
             "Edit"
@@ -11660,7 +11710,7 @@ var __publicField = (obj, key, value) => {
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { asChild: true, direction: "column", gap: "2", mt: "3", children: /* @__PURE__ */ jsxRuntime.jsxs("form", { id: formId, onSubmit: formik$1.handleSubmit, children: [
             /* @__PURE__ */ jsxRuntime.jsxs(formik.FormikProvider, { value: formik$1, children: [
-              !showSectionsOnly && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              showFormTitle && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   PatchField,
                   {
@@ -11706,7 +11756,7 @@ var __publicField = (obj, key, value) => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(FieldsEditor, {}),
+              /* @__PURE__ */ jsxRuntime.jsx(FieldsEditor, { fieldsOnly }),
               /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { severity: "danger", size: "1", children: typeof formik$1.errors.fields === "string" && formik$1.errors.fields })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { className: styles$7.floatingButtonContainer, align: "center", justify: "end", gap: "2", children: [
@@ -11715,7 +11765,7 @@ var __publicField = (obj, key, value) => {
             ] })
           ] }) })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(Tabs.Content, { value: "preview", children: /* @__PURE__ */ jsxRuntime.jsx(FormRenderer, { schema: previewSchema, onSubmit: previewSubmit, hideTitle: showSectionsOnly }) })
+        /* @__PURE__ */ jsxRuntime.jsx(Tabs.Content, { value: "preview", children: /* @__PURE__ */ jsxRuntime.jsx(FormRenderer, { schema: previewSchema, onSubmit: previewSubmit, hideTitle: !showFormTitle }) })
       ] }) });
     })
   );
@@ -12079,6 +12129,7 @@ var __publicField = (obj, key, value) => {
   exports2.selectLatestFormRevision = selectLatestFormRevision;
   exports2.selectLatestRetryTime = selectLatestRetryTime;
   exports2.selectLatestRevisionByFormId = selectLatestRevisionByFormId;
+  exports2.selectLatestRevisionsForComponentStageForms = selectLatestRevisionsForComponentStageForms;
   exports2.selectLatestRevisionsForComponentTypeForms = selectLatestRevisionsForComponentTypeForms;
   exports2.selectLatestRevisionsFromComponentTypeIds = selectLatestRevisionsFromComponentTypeIds;
   exports2.selectMainWorkspace = selectMainWorkspace;