Entry form

.changeset/warm-lies-begin.md

@@ -0,0 +1,5 @@
+---
+"@usace-watermanagement/groundwork-water": minor
+---
+
+Adds a squite of form components to easily allow users to create and maintain manual data entry forms to the CWMS database. Components include text, number, dropdown, radio, and checkbox, fields, along with a seemless intregration with existing Auth contexts.

.gitignore

@@ -14,6 +14,7 @@ dist-ssr
 types
 
 # Editor directories and files
+.venv/*
 .vscode/*
 !.vscode/extensions.json
 .idea

docs/src/bundles/route-bundle.js

@@ -34,6 +34,18 @@ import UseCdaBlob from "../pages/docs/hooks/use-cda-blob";
 import useCdaBlobs from "../pages/docs/hooks/use-cda-blobs";
 import useDebounce from "../pages/docs/utilities/use-debounce";
 
+import FormsDocs from "../pages/docs/forms";
+import CWMSFormDocs from "../pages/docs/forms/cwms-form";
+import CWMSInputDocs from "../pages/docs/forms/cwms-input";
+import CWMSTextareaDocs from "../pages/docs/forms/cwms-textarea";
+import CWMSCheckboxesDocs from "../pages/docs/forms/cwms-checkboxes";
+import CWMSRadioGroupDocs from "../pages/docs/forms/cwms-radio-group";
+import CWMSDropdownDocs from "../pages/docs/forms/cwms-dropdown";
+import CWMSInputTableDocs from "../pages/docs/forms/cwms-input-table";
+import CWMSSpreadsheetDocs from "../pages/docs/forms/cwms-spreadsheet";
+import InteractiveFormTest from "../pages/docs/forms/interactive-test";
+import { docsConfig } from "../config/docs.config";
+
 export default createRouteBundle(
   {
     "/": Home,
@@ -63,6 +75,19 @@ export default createRouteBundle(
     "/docs/plots/cwms-plot": CWMSPlotDocs,
     "/docs/maps": Maps,
     "/docs/tables": Tables,
+    "/docs/forms": FormsDocs,
+    "/docs/forms/cwms-form": CWMSFormDocs,
+    "/docs/forms/cwms-input": CWMSInputDocs,
+    "/docs/forms/cwms-textarea": CWMSTextareaDocs,
+    "/docs/forms/cwms-checkboxes": CWMSCheckboxesDocs,
+    "/docs/forms/cwms-radio-group": CWMSRadioGroupDocs,
+    "/docs/forms/cwms-dropdown": CWMSDropdownDocs,
+    "/docs/forms/cwms-input-table": CWMSInputTableDocs,
+    "/docs/forms/cwms-spreadsheet": CWMSSpreadsheetDocs,
+    // Conditionally add interactive test route
+    ...(docsConfig.features.showInteractiveTestPage && {
+      "/docs/forms/interactive-test": InteractiveFormTest,
+    }),
     "/docs/utilities": UtilitiesDocs,
     "/docs/utilities/use-debounce": useDebounce,
     "/docs/utilities/cda-url-provider": CdaUrlProviderDocs,

docs/src/config/docs.config.js

@@ -0,0 +1,17 @@
+export const docsConfig = {
+  features: {
+    // Toggle visibility of the interactive test page
+    // Set to true to show in navigation, false to hide
+    showInteractiveTestPage: false,
+
+    // Other feature flags can be added here
+  },
+
+  // Test page configuration
+  testPage: {
+    id: "interactive-test",
+    text: "Interactive Test",
+    href: "/docs/forms/interactive-test",
+    warning: "⚠️ Test Environment Only",
+  },
+};

docs/src/nav-links.js

@@ -1,3 +1,5 @@
+import { docsConfig } from "./config/docs.config";
+
 export default [
   {
     id: "get-started",
@@ -158,6 +160,63 @@ export default [
       },
     ],
   },
+  {
+    id: "forms",
+    text: "Forms",
+    href: "/docs/forms",
+    children: [
+      {
+        id: "cwms-form",
+        text: "CWMSForm",
+        href: "/docs/forms/cwms-form",
+      },
+      {
+        id: "cwms-checkboxes",
+        text: "CWMS Checkboxes",
+        href: "/docs/forms/cwms-checkboxes",
+      },
+      {
+        id: "cwms-radio-group",
+        text: "CWMS Radio Group",
+        href: "/docs/forms/cwms-radio-group",
+      },
+      {
+        id: "cwms-dropdown",
+        text: "CWMS Dropdown",
+        href: "/docs/forms/cwms-dropdown",
+      },
+      {
+        id: "cwms-input",
+        text: "CWMS Input",
+        href: "/docs/forms/cwms-input",
+      },
+      {
+        id: "cwms-input-table",
+        text: "CWMS Input Table",
+        href: "/docs/forms/cwms-input-table",
+      },
+      {
+        id: "cwms-spreadsheet",
+        text: "CWMS Spreadsheet",
+        href: "/docs/forms/cwms-spreadsheet",
+      },
+      {
+        id: "cwms-textarea",
+        text: "CWMS Textarea",
+        href: "/docs/forms/cwms-textarea",
+      },
+      // Conditionally add interactive test page
+      ...(docsConfig.features.showInteractiveTestPage
+        ? [
+            {
+              id: docsConfig.testPage.id,
+              text: docsConfig.testPage.text,
+              href: docsConfig.testPage.href,
+            },
+          ]
+        : []),
+    ],
+  },
   {
     id: "tables",
     text: "Tables",