Merge pull request #6 from flexion/demo-tweaks

Demo tweaks

Author: danielnaab

.changeset/modern-facts-watch.md

@@ -0,0 +1,5 @@
+---
+'@flexion/forms-design': patch
+---
+
+More aggressive refresh of forms list on AvailableFormList

apps/sandbox/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @gsa-tts/forms-server-doj
 
+## 0.2.2
+
+### Patch Changes
+
+- @flexion/forms-server@0.2.2
+
+## 0.2.1
+
+### Patch Changes
+
+- @flexion/forms-server@0.2.1
+
 ## 0.2.0
 
 ### Minor Changes

apps/sandbox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flexion/forms-sandbox",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "Form server sandbox for evaluating functionality.",
   "type": "module",
   "license": "CC0",

apps/server-doj/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @gsa-tts/forms-server-doj
 
+## 0.2.2
+
+### Patch Changes
+
+- @flexion/forms-server@0.2.2
+
+## 0.2.1
+
+### Patch Changes
+
+- @flexion/forms-server@0.2.1
+
 ## 0.2.0
 
 ### Minor Changes

apps/server-doj/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flexion/forms-server-doj",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "Form server instance for DOJ",
   "type": "module",
   "license": "CC0",

apps/spotlight/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @gsa-tts/forms-spotlight
 
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies
+  - @flexion/forms-design@0.2.2
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies
+  - @flexion/forms-design@0.2.1
+
 ## 0.2.0
 
 ### Minor Changes

apps/spotlight/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@flexion/forms-spotlight",
   "type": "module",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "private": true,
   "publishConfig": {
     "registry": "https://npm.pkg.github.com"

packages/design/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @gsa-tts/forms-design
 
+## 0.2.2
+
+### Patch Changes
+
+- Include static assets and sass source in package
+
+## 0.2.1
+
+### Patch Changes
+
+- Update main attribute in package.json
+
 ## 0.2.0
 
 ### Minor Changes

packages/design/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@flexion/forms-design",
-  "version": "0.2.0",
-  "main": "src/index.ts",
+  "version": "0.2.2",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "type": "module",
   "publishConfig": {
     "registry": "https://npm.pkg.github.com"
@@ -26,7 +27,9 @@
     "test:watch": "pnpm onchange './**/*.{tsx,ts}' -- pnpm test:url"
   },
   "files": [
-    "dist/**/*"
+    "dist/**/*",
+    "static/**/*",
+    "sass/**/*"
   ],
   "size-limit": [
     {

packages/design/src/AvailableFormList/index.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { Link } from 'react-router-dom';
+import { Link, useLocation } from 'react-router-dom';
 
 import { type FormService } from '@flexion/forms-core';
 
@@ -23,13 +23,20 @@ export default function AvailableFormList({
   urlForFormManager: UrlForFormManager;
 }) {
   const [forms, setForms] = useState<FormDetails[]>([]);
-  useEffect(() => {
+  const location = useLocation();
+
+  const loadForms = React.useCallback(() => {
     formService.getFormList().then(result => {
       if (result.success) {
         setForms(result.data);
       }
     });
-  }, []);
+  }, [formService]);
+
+  useEffect(() => {
+    loadForms();
+  }, [location.pathname, location.hash, location.key, loadForms]);
+
   return (
     <>
       <section className="padding-y-3 desktop:margin-top-10 border-base-lighter border-y">