@imfusion/web-ui 0.8.1-dev.5.gee230289 → 0.8.1-dev.7.g5ec2789c

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -10,6 +10,12 @@
10
10
  mono role under a rule, with an action such as Log out in its top row. Emails wrap at the `@` and at dots, and
11
11
  `AccountCard.Group` lists several cards with the current one marked.
12
12
 
13
+ ### Changed
14
+
15
+ - Agent skills — Nikolaus Brunner <brunner@imfusion.com>
16
+ - `imf-web-ui-conventions` declares named functions, local component helpers included, with `function`, and keeps
17
+ inline callbacks as arrows.
18
+
13
19
  ---
14
20
 
15
21
  ## `0.8.0` &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2026.10.01
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@imfusion/web-ui",
3
- "version": "0.8.1-dev.5.gee230289",
3
+ "version": "0.8.1-dev.7.g5ec2789c",
4
4
  "description": "The official Web UI component library for ImFusion web apps",
5
5
  "author": "ImFusion GmbH",
6
6
  "homepage": "https://imfusion.com",
@@ -50,6 +50,7 @@ sections one to one — change a topic's sections and this file follows in the s
50
50
 
51
51
  - [ ] Types
52
52
  - [ ] Immutability & expressions
53
+ - [ ] Functions
53
54
  - [ ] Naming
54
55
 
55
56
  ## Styling — `styling`
@@ -30,6 +30,20 @@ input. Use `toSorted` and `toReversed` instead of their mutating counterparts.
30
30
  A loop is fine when it has a real early exit or measured hot-path benefit. A long chain or a `reduce` with several jobs wants
31
31
  named intermediate values.
32
32
 
33
+ ## Functions
34
+
35
+ Declare a named function with `function`, including a local helper inside a component. A callback passed inline as a prop or
36
+ argument stays an arrow.
37
+
38
+ ```tsx
39
+ function resetCaptcha() {
40
+ captcha.current?.reset();
41
+ }
42
+
43
+ <Button onClick={() => setOpen(true)}>Open</Button>;
44
+ items.map(item => item.id);
45
+ ```
46
+
33
47
  ## Naming
34
48
 
35
49
  Name what a value is, not how it is built. Booleans read as assertions (`isOpen`, `hasAccess`, `canSubmit`). Props use `onX`;