@mittwald/flow-react-components 0.2.0-alpha.472 → 0.2.0-alpha.473
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 +6 -0
- package/dist/assets/doc-properties.json +422 -422
- package/dist/js/components/src/integrations/react-hook-form/components/Field/Field.mjs +2 -1
- package/dist/js/components/src/integrations/react-hook-form/components/Field/Field.mjs.map +1 -1
- package/dist/types/integrations/react-hook-form/components/Field/Field.d.ts.map +1 -1
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,12 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [0.2.0-alpha.473](https://github.com/mittwald/flow/compare/0.2.0-alpha.472...0.2.0-alpha.473) (2025-09-12)
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* **Field:** fix issue with undefined field values ([cc5a7bf](https://github.com/mittwald/flow/commit/cc5a7bf3e96c0371f760fc1b6fd1a2253b84f40d))
|
|
11
|
+
|
|
6
12
|
# [0.2.0-alpha.472](https://github.com/mittwald/flow/compare/0.2.0-alpha.471...0.2.0-alpha.472) (2025-09-11)
|
|
7
13
|
|
|
8
14
|
**Note:** Version bump only for package @mittwald/flow-react-components
|
|
@@ -93439,6 +93439,165 @@
|
|
|
93439
93439
|
}
|
|
93440
93440
|
}
|
|
93441
93441
|
},
|
|
93442
|
+
{
|
|
93443
|
+
"tags": {},
|
|
93444
|
+
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/LightBox/LightBox.tsx",
|
|
93445
|
+
"description": "",
|
|
93446
|
+
"displayName": "LightBox",
|
|
93447
|
+
"methods": [],
|
|
93448
|
+
"props": {
|
|
93449
|
+
"controller": {
|
|
93450
|
+
"defaultValue": null,
|
|
93451
|
+
"description": "An overlay controller to control the light box state.",
|
|
93452
|
+
"name": "controller",
|
|
93453
|
+
"parent": {
|
|
93454
|
+
"fileName": "components/src/components/LightBox/LightBox.tsx",
|
|
93455
|
+
"name": "LightBoxProps"
|
|
93456
|
+
},
|
|
93457
|
+
"declarations": [
|
|
93458
|
+
{
|
|
93459
|
+
"fileName": "components/src/components/LightBox/LightBox.tsx",
|
|
93460
|
+
"name": "LightBoxProps"
|
|
93461
|
+
}
|
|
93462
|
+
],
|
|
93463
|
+
"required": false,
|
|
93464
|
+
"type": {
|
|
93465
|
+
"name": "OverlayController"
|
|
93466
|
+
}
|
|
93467
|
+
},
|
|
93468
|
+
"fitScreen": {
|
|
93469
|
+
"defaultValue": {
|
|
93470
|
+
"value": "true"
|
|
93471
|
+
},
|
|
93472
|
+
"description": "Whether content can be displayed larger than the available space in the\nscreen.",
|
|
93473
|
+
"name": "fitScreen",
|
|
93474
|
+
"parent": {
|
|
93475
|
+
"fileName": "components/src/components/LightBox/LightBox.tsx",
|
|
93476
|
+
"name": "LightBoxProps"
|
|
93477
|
+
},
|
|
93478
|
+
"declarations": [
|
|
93479
|
+
{
|
|
93480
|
+
"fileName": "components/src/components/LightBox/LightBox.tsx",
|
|
93481
|
+
"name": "LightBoxProps"
|
|
93482
|
+
}
|
|
93483
|
+
],
|
|
93484
|
+
"required": false,
|
|
93485
|
+
"type": {
|
|
93486
|
+
"name": "boolean"
|
|
93487
|
+
}
|
|
93488
|
+
},
|
|
93489
|
+
"children": {
|
|
93490
|
+
"defaultValue": null,
|
|
93491
|
+
"description": "",
|
|
93492
|
+
"name": "children",
|
|
93493
|
+
"declarations": [
|
|
93494
|
+
{
|
|
93495
|
+
"fileName": "flow/node_modules/.pnpm/@types+react@19.1.8/node_modules/@types/react/index.d.ts",
|
|
93496
|
+
"name": "TypeLiteral"
|
|
93497
|
+
}
|
|
93498
|
+
],
|
|
93499
|
+
"required": false,
|
|
93500
|
+
"type": {
|
|
93501
|
+
"name": "ReactNode"
|
|
93502
|
+
}
|
|
93503
|
+
},
|
|
93504
|
+
"wrapWith": {
|
|
93505
|
+
"defaultValue": null,
|
|
93506
|
+
"description": "",
|
|
93507
|
+
"name": "wrapWith",
|
|
93508
|
+
"parent": {
|
|
93509
|
+
"fileName": "components/src/lib/componentFactory/flowComponent.tsx",
|
|
93510
|
+
"name": "FlowComponentProps"
|
|
93511
|
+
},
|
|
93512
|
+
"declarations": [
|
|
93513
|
+
{
|
|
93514
|
+
"fileName": "components/src/lib/componentFactory/flowComponent.tsx",
|
|
93515
|
+
"name": "FlowComponentProps"
|
|
93516
|
+
}
|
|
93517
|
+
],
|
|
93518
|
+
"required": false,
|
|
93519
|
+
"type": {
|
|
93520
|
+
"name": "ReactElement<unknown, string | JSXElementConstructor<any>>"
|
|
93521
|
+
}
|
|
93522
|
+
},
|
|
93523
|
+
"tunnelId": {
|
|
93524
|
+
"defaultValue": null,
|
|
93525
|
+
"description": "@internal",
|
|
93526
|
+
"name": "tunnelId",
|
|
93527
|
+
"parent": {
|
|
93528
|
+
"fileName": "components/src/lib/types/props.ts",
|
|
93529
|
+
"name": "PropsWithTunnel"
|
|
93530
|
+
},
|
|
93531
|
+
"declarations": [
|
|
93532
|
+
{
|
|
93533
|
+
"fileName": "components/src/lib/types/props.ts",
|
|
93534
|
+
"name": "PropsWithTunnel"
|
|
93535
|
+
}
|
|
93536
|
+
],
|
|
93537
|
+
"required": false,
|
|
93538
|
+
"type": {
|
|
93539
|
+
"name": "string | null"
|
|
93540
|
+
}
|
|
93541
|
+
},
|
|
93542
|
+
"ref": {
|
|
93543
|
+
"defaultValue": null,
|
|
93544
|
+
"description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",
|
|
93545
|
+
"name": "ref",
|
|
93546
|
+
"parent": {
|
|
93547
|
+
"fileName": "flow/node_modules/.pnpm/@types+react@19.1.8/node_modules/@types/react/index.d.ts",
|
|
93548
|
+
"name": "RefAttributes"
|
|
93549
|
+
},
|
|
93550
|
+
"declarations": [
|
|
93551
|
+
{
|
|
93552
|
+
"fileName": "flow/node_modules/.pnpm/@types+react@19.1.8/node_modules/@types/react/index.d.ts",
|
|
93553
|
+
"name": "RefAttributes"
|
|
93554
|
+
}
|
|
93555
|
+
],
|
|
93556
|
+
"required": false,
|
|
93557
|
+
"type": {
|
|
93558
|
+
"name": "Ref<HTMLInputElement>"
|
|
93559
|
+
}
|
|
93560
|
+
},
|
|
93561
|
+
"key": {
|
|
93562
|
+
"defaultValue": null,
|
|
93563
|
+
"description": "",
|
|
93564
|
+
"name": "key",
|
|
93565
|
+
"parent": {
|
|
93566
|
+
"fileName": "flow/node_modules/.pnpm/@types+react@19.1.8/node_modules/@types/react/index.d.ts",
|
|
93567
|
+
"name": "Attributes"
|
|
93568
|
+
},
|
|
93569
|
+
"declarations": [
|
|
93570
|
+
{
|
|
93571
|
+
"fileName": "flow/node_modules/.pnpm/@types+react@19.1.8/node_modules/@types/react/index.d.ts",
|
|
93572
|
+
"name": "Attributes"
|
|
93573
|
+
}
|
|
93574
|
+
],
|
|
93575
|
+
"required": false,
|
|
93576
|
+
"type": {
|
|
93577
|
+
"name": "Key | null"
|
|
93578
|
+
}
|
|
93579
|
+
},
|
|
93580
|
+
"className": {
|
|
93581
|
+
"defaultValue": null,
|
|
93582
|
+
"description": "The elements class name.",
|
|
93583
|
+
"name": "className",
|
|
93584
|
+
"parent": {
|
|
93585
|
+
"fileName": "components/src/lib/types/props.ts",
|
|
93586
|
+
"name": "PropsWithClassName"
|
|
93587
|
+
},
|
|
93588
|
+
"declarations": [
|
|
93589
|
+
{
|
|
93590
|
+
"fileName": "components/src/lib/types/props.ts",
|
|
93591
|
+
"name": "PropsWithClassName"
|
|
93592
|
+
}
|
|
93593
|
+
],
|
|
93594
|
+
"required": false,
|
|
93595
|
+
"type": {
|
|
93596
|
+
"name": "string"
|
|
93597
|
+
}
|
|
93598
|
+
}
|
|
93599
|
+
}
|
|
93600
|
+
},
|
|
93442
93601
|
{
|
|
93443
93602
|
"tags": {
|
|
93444
93603
|
"flr-generate": "all",
|
|
@@ -95539,165 +95698,6 @@
|
|
|
95539
95698
|
}
|
|
95540
95699
|
}
|
|
95541
95700
|
},
|
|
95542
|
-
{
|
|
95543
|
-
"tags": {},
|
|
95544
|
-
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/LightBox/LightBox.tsx",
|
|
95545
|
-
"description": "",
|
|
95546
|
-
"displayName": "LightBox",
|
|
95547
|
-
"methods": [],
|
|
95548
|
-
"props": {
|
|
95549
|
-
"controller": {
|
|
95550
|
-
"defaultValue": null,
|
|
95551
|
-
"description": "An overlay controller to control the light box state.",
|
|
95552
|
-
"name": "controller",
|
|
95553
|
-
"parent": {
|
|
95554
|
-
"fileName": "components/src/components/LightBox/LightBox.tsx",
|
|
95555
|
-
"name": "LightBoxProps"
|
|
95556
|
-
},
|
|
95557
|
-
"declarations": [
|
|
95558
|
-
{
|
|
95559
|
-
"fileName": "components/src/components/LightBox/LightBox.tsx",
|
|
95560
|
-
"name": "LightBoxProps"
|
|
95561
|
-
}
|
|
95562
|
-
],
|
|
95563
|
-
"required": false,
|
|
95564
|
-
"type": {
|
|
95565
|
-
"name": "OverlayController"
|
|
95566
|
-
}
|
|
95567
|
-
},
|
|
95568
|
-
"fitScreen": {
|
|
95569
|
-
"defaultValue": {
|
|
95570
|
-
"value": "true"
|
|
95571
|
-
},
|
|
95572
|
-
"description": "Whether content can be displayed larger than the available space in the\nscreen.",
|
|
95573
|
-
"name": "fitScreen",
|
|
95574
|
-
"parent": {
|
|
95575
|
-
"fileName": "components/src/components/LightBox/LightBox.tsx",
|
|
95576
|
-
"name": "LightBoxProps"
|
|
95577
|
-
},
|
|
95578
|
-
"declarations": [
|
|
95579
|
-
{
|
|
95580
|
-
"fileName": "components/src/components/LightBox/LightBox.tsx",
|
|
95581
|
-
"name": "LightBoxProps"
|
|
95582
|
-
}
|
|
95583
|
-
],
|
|
95584
|
-
"required": false,
|
|
95585
|
-
"type": {
|
|
95586
|
-
"name": "boolean"
|
|
95587
|
-
}
|
|
95588
|
-
},
|
|
95589
|
-
"children": {
|
|
95590
|
-
"defaultValue": null,
|
|
95591
|
-
"description": "",
|
|
95592
|
-
"name": "children",
|
|
95593
|
-
"declarations": [
|
|
95594
|
-
{
|
|
95595
|
-
"fileName": "flow/node_modules/.pnpm/@types+react@19.1.8/node_modules/@types/react/index.d.ts",
|
|
95596
|
-
"name": "TypeLiteral"
|
|
95597
|
-
}
|
|
95598
|
-
],
|
|
95599
|
-
"required": false,
|
|
95600
|
-
"type": {
|
|
95601
|
-
"name": "ReactNode"
|
|
95602
|
-
}
|
|
95603
|
-
},
|
|
95604
|
-
"wrapWith": {
|
|
95605
|
-
"defaultValue": null,
|
|
95606
|
-
"description": "",
|
|
95607
|
-
"name": "wrapWith",
|
|
95608
|
-
"parent": {
|
|
95609
|
-
"fileName": "components/src/lib/componentFactory/flowComponent.tsx",
|
|
95610
|
-
"name": "FlowComponentProps"
|
|
95611
|
-
},
|
|
95612
|
-
"declarations": [
|
|
95613
|
-
{
|
|
95614
|
-
"fileName": "components/src/lib/componentFactory/flowComponent.tsx",
|
|
95615
|
-
"name": "FlowComponentProps"
|
|
95616
|
-
}
|
|
95617
|
-
],
|
|
95618
|
-
"required": false,
|
|
95619
|
-
"type": {
|
|
95620
|
-
"name": "ReactElement<unknown, string | JSXElementConstructor<any>>"
|
|
95621
|
-
}
|
|
95622
|
-
},
|
|
95623
|
-
"tunnelId": {
|
|
95624
|
-
"defaultValue": null,
|
|
95625
|
-
"description": "@internal",
|
|
95626
|
-
"name": "tunnelId",
|
|
95627
|
-
"parent": {
|
|
95628
|
-
"fileName": "components/src/lib/types/props.ts",
|
|
95629
|
-
"name": "PropsWithTunnel"
|
|
95630
|
-
},
|
|
95631
|
-
"declarations": [
|
|
95632
|
-
{
|
|
95633
|
-
"fileName": "components/src/lib/types/props.ts",
|
|
95634
|
-
"name": "PropsWithTunnel"
|
|
95635
|
-
}
|
|
95636
|
-
],
|
|
95637
|
-
"required": false,
|
|
95638
|
-
"type": {
|
|
95639
|
-
"name": "string | null"
|
|
95640
|
-
}
|
|
95641
|
-
},
|
|
95642
|
-
"ref": {
|
|
95643
|
-
"defaultValue": null,
|
|
95644
|
-
"description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",
|
|
95645
|
-
"name": "ref",
|
|
95646
|
-
"parent": {
|
|
95647
|
-
"fileName": "flow/node_modules/.pnpm/@types+react@19.1.8/node_modules/@types/react/index.d.ts",
|
|
95648
|
-
"name": "RefAttributes"
|
|
95649
|
-
},
|
|
95650
|
-
"declarations": [
|
|
95651
|
-
{
|
|
95652
|
-
"fileName": "flow/node_modules/.pnpm/@types+react@19.1.8/node_modules/@types/react/index.d.ts",
|
|
95653
|
-
"name": "RefAttributes"
|
|
95654
|
-
}
|
|
95655
|
-
],
|
|
95656
|
-
"required": false,
|
|
95657
|
-
"type": {
|
|
95658
|
-
"name": "Ref<HTMLInputElement>"
|
|
95659
|
-
}
|
|
95660
|
-
},
|
|
95661
|
-
"key": {
|
|
95662
|
-
"defaultValue": null,
|
|
95663
|
-
"description": "",
|
|
95664
|
-
"name": "key",
|
|
95665
|
-
"parent": {
|
|
95666
|
-
"fileName": "flow/node_modules/.pnpm/@types+react@19.1.8/node_modules/@types/react/index.d.ts",
|
|
95667
|
-
"name": "Attributes"
|
|
95668
|
-
},
|
|
95669
|
-
"declarations": [
|
|
95670
|
-
{
|
|
95671
|
-
"fileName": "flow/node_modules/.pnpm/@types+react@19.1.8/node_modules/@types/react/index.d.ts",
|
|
95672
|
-
"name": "Attributes"
|
|
95673
|
-
}
|
|
95674
|
-
],
|
|
95675
|
-
"required": false,
|
|
95676
|
-
"type": {
|
|
95677
|
-
"name": "Key | null"
|
|
95678
|
-
}
|
|
95679
|
-
},
|
|
95680
|
-
"className": {
|
|
95681
|
-
"defaultValue": null,
|
|
95682
|
-
"description": "The elements class name.",
|
|
95683
|
-
"name": "className",
|
|
95684
|
-
"parent": {
|
|
95685
|
-
"fileName": "components/src/lib/types/props.ts",
|
|
95686
|
-
"name": "PropsWithClassName"
|
|
95687
|
-
},
|
|
95688
|
-
"declarations": [
|
|
95689
|
-
{
|
|
95690
|
-
"fileName": "components/src/lib/types/props.ts",
|
|
95691
|
-
"name": "PropsWithClassName"
|
|
95692
|
-
}
|
|
95693
|
-
],
|
|
95694
|
-
"required": false,
|
|
95695
|
-
"type": {
|
|
95696
|
-
"name": "string"
|
|
95697
|
-
}
|
|
95698
|
-
}
|
|
95699
|
-
}
|
|
95700
|
-
},
|
|
95701
95701
|
{
|
|
95702
95702
|
"tags": {
|
|
95703
95703
|
"flr-generate": "all"
|
|
@@ -298275,131 +298275,269 @@
|
|
|
298275
298275
|
}
|
|
298276
298276
|
}
|
|
298277
298277
|
},
|
|
298278
|
-
{
|
|
298279
|
-
"tags": {},
|
|
298280
|
-
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/ListItemView/ListItemView.tsx",
|
|
298281
|
-
"description": "",
|
|
298282
|
-
"displayName": "ListItemView",
|
|
298283
|
-
"methods": [],
|
|
298284
|
-
"props": {
|
|
298285
|
-
"children": {
|
|
298286
|
-
"defaultValue": null,
|
|
298287
|
-
"description": "",
|
|
298288
|
-
"name": "children",
|
|
298289
|
-
"declarations": [
|
|
298290
|
-
{
|
|
298291
|
-
"fileName": "flow/node_modules/.pnpm/@types+react@19.1.8/node_modules/@types/react/index.d.ts",
|
|
298292
|
-
"name": "TypeLiteral"
|
|
298293
|
-
}
|
|
298294
|
-
],
|
|
298295
|
-
"required": false,
|
|
298296
|
-
"type": {
|
|
298297
|
-
"name": "ReactNode"
|
|
298298
|
-
}
|
|
298299
|
-
},
|
|
298300
|
-
"s": {
|
|
298301
|
-
"defaultValue": null,
|
|
298302
|
-
"description": "Column layout for container size s.",
|
|
298303
|
-
"name": "s",
|
|
298304
|
-
"parent": {
|
|
298305
|
-
"fileName": "components/src/components/ColumnLayout/ColumnLayout.tsx",
|
|
298306
|
-
"name": "ColumnLayoutProps"
|
|
298307
|
-
},
|
|
298308
|
-
"declarations": [
|
|
298309
|
-
{
|
|
298310
|
-
"fileName": "components/src/components/ColumnLayout/ColumnLayout.tsx",
|
|
298311
|
-
"name": "ColumnLayoutProps"
|
|
298312
|
-
}
|
|
298313
|
-
],
|
|
298314
|
-
"required": false,
|
|
298315
|
-
"type": {
|
|
298316
|
-
"name": "(number | null)[]"
|
|
298317
|
-
}
|
|
298318
|
-
},
|
|
298319
|
-
"m": {
|
|
298320
|
-
"defaultValue": null,
|
|
298321
|
-
"description": "Column layout for container size m.",
|
|
298322
|
-
"name": "m",
|
|
298323
|
-
"parent": {
|
|
298324
|
-
"fileName": "components/src/components/ColumnLayout/ColumnLayout.tsx",
|
|
298325
|
-
"name": "ColumnLayoutProps"
|
|
298326
|
-
},
|
|
298327
|
-
"declarations": [
|
|
298328
|
-
{
|
|
298329
|
-
"fileName": "components/src/components/ColumnLayout/ColumnLayout.tsx",
|
|
298330
|
-
"name": "ColumnLayoutProps"
|
|
298331
|
-
}
|
|
298332
|
-
],
|
|
298333
|
-
"required": false,
|
|
298334
|
-
"type": {
|
|
298335
|
-
"name": "(number | null)[]"
|
|
298336
|
-
}
|
|
298337
|
-
},
|
|
298338
|
-
"l": {
|
|
298339
|
-
"defaultValue": null,
|
|
298340
|
-
"description": "Column layout for container size l.",
|
|
298341
|
-
"name": "l",
|
|
298342
|
-
"parent": {
|
|
298343
|
-
"fileName": "components/src/components/ColumnLayout/ColumnLayout.tsx",
|
|
298344
|
-
"name": "ColumnLayoutProps"
|
|
298345
|
-
},
|
|
298346
|
-
"declarations": [
|
|
298347
|
-
{
|
|
298348
|
-
"fileName": "components/src/components/ColumnLayout/ColumnLayout.tsx",
|
|
298349
|
-
"name": "ColumnLayoutProps"
|
|
298350
|
-
}
|
|
298351
|
-
],
|
|
298352
|
-
"required": false,
|
|
298353
|
-
"type": {
|
|
298354
|
-
"name": "(number | null)[]"
|
|
298355
|
-
}
|
|
298356
|
-
}
|
|
298357
|
-
}
|
|
298358
|
-
},
|
|
298359
|
-
{
|
|
298360
|
-
"tags": {},
|
|
298361
|
-
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Items/Items.tsx",
|
|
298362
|
-
"description": "",
|
|
298363
|
-
"displayName": "Items",
|
|
298364
|
-
"methods": [],
|
|
298365
|
-
"props": {}
|
|
298366
|
-
},
|
|
298367
|
-
{
|
|
298368
|
-
"tags": {},
|
|
298369
|
-
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Header/Header.tsx",
|
|
298370
|
-
"description": "",
|
|
298371
|
-
"displayName": "Header",
|
|
298372
|
-
"methods": [],
|
|
298373
|
-
"props": {
|
|
298374
|
-
"className": {
|
|
298375
|
-
"defaultValue": null,
|
|
298376
|
-
"description": "The elements class name.",
|
|
298377
|
-
"name": "className",
|
|
298378
|
-
"parent": {
|
|
298379
|
-
"fileName": "components/src/lib/types/props.ts",
|
|
298380
|
-
"name": "PropsWithClassName"
|
|
298381
|
-
},
|
|
298382
|
-
"declarations": [
|
|
298383
|
-
{
|
|
298384
|
-
"fileName": "components/src/lib/types/props.ts",
|
|
298385
|
-
"name": "PropsWithClassName"
|
|
298386
|
-
}
|
|
298387
|
-
],
|
|
298388
|
-
"required": false,
|
|
298389
|
-
"type": {
|
|
298390
|
-
"name": "string"
|
|
298391
|
-
}
|
|
298392
|
-
}
|
|
298393
|
-
}
|
|
298394
|
-
},
|
|
298395
|
-
{
|
|
298396
|
-
"tags": {},
|
|
298397
|
-
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Footer/Footer.tsx",
|
|
298398
|
-
"description": "",
|
|
298399
|
-
"displayName": "Footer",
|
|
298400
|
-
"methods": [],
|
|
298401
|
-
"props": {}
|
|
298402
|
-
},
|
|
298278
|
+
{
|
|
298279
|
+
"tags": {},
|
|
298280
|
+
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/ListItemView/ListItemView.tsx",
|
|
298281
|
+
"description": "",
|
|
298282
|
+
"displayName": "ListItemView",
|
|
298283
|
+
"methods": [],
|
|
298284
|
+
"props": {
|
|
298285
|
+
"children": {
|
|
298286
|
+
"defaultValue": null,
|
|
298287
|
+
"description": "",
|
|
298288
|
+
"name": "children",
|
|
298289
|
+
"declarations": [
|
|
298290
|
+
{
|
|
298291
|
+
"fileName": "flow/node_modules/.pnpm/@types+react@19.1.8/node_modules/@types/react/index.d.ts",
|
|
298292
|
+
"name": "TypeLiteral"
|
|
298293
|
+
}
|
|
298294
|
+
],
|
|
298295
|
+
"required": false,
|
|
298296
|
+
"type": {
|
|
298297
|
+
"name": "ReactNode"
|
|
298298
|
+
}
|
|
298299
|
+
},
|
|
298300
|
+
"s": {
|
|
298301
|
+
"defaultValue": null,
|
|
298302
|
+
"description": "Column layout for container size s.",
|
|
298303
|
+
"name": "s",
|
|
298304
|
+
"parent": {
|
|
298305
|
+
"fileName": "components/src/components/ColumnLayout/ColumnLayout.tsx",
|
|
298306
|
+
"name": "ColumnLayoutProps"
|
|
298307
|
+
},
|
|
298308
|
+
"declarations": [
|
|
298309
|
+
{
|
|
298310
|
+
"fileName": "components/src/components/ColumnLayout/ColumnLayout.tsx",
|
|
298311
|
+
"name": "ColumnLayoutProps"
|
|
298312
|
+
}
|
|
298313
|
+
],
|
|
298314
|
+
"required": false,
|
|
298315
|
+
"type": {
|
|
298316
|
+
"name": "(number | null)[]"
|
|
298317
|
+
}
|
|
298318
|
+
},
|
|
298319
|
+
"m": {
|
|
298320
|
+
"defaultValue": null,
|
|
298321
|
+
"description": "Column layout for container size m.",
|
|
298322
|
+
"name": "m",
|
|
298323
|
+
"parent": {
|
|
298324
|
+
"fileName": "components/src/components/ColumnLayout/ColumnLayout.tsx",
|
|
298325
|
+
"name": "ColumnLayoutProps"
|
|
298326
|
+
},
|
|
298327
|
+
"declarations": [
|
|
298328
|
+
{
|
|
298329
|
+
"fileName": "components/src/components/ColumnLayout/ColumnLayout.tsx",
|
|
298330
|
+
"name": "ColumnLayoutProps"
|
|
298331
|
+
}
|
|
298332
|
+
],
|
|
298333
|
+
"required": false,
|
|
298334
|
+
"type": {
|
|
298335
|
+
"name": "(number | null)[]"
|
|
298336
|
+
}
|
|
298337
|
+
},
|
|
298338
|
+
"l": {
|
|
298339
|
+
"defaultValue": null,
|
|
298340
|
+
"description": "Column layout for container size l.",
|
|
298341
|
+
"name": "l",
|
|
298342
|
+
"parent": {
|
|
298343
|
+
"fileName": "components/src/components/ColumnLayout/ColumnLayout.tsx",
|
|
298344
|
+
"name": "ColumnLayoutProps"
|
|
298345
|
+
},
|
|
298346
|
+
"declarations": [
|
|
298347
|
+
{
|
|
298348
|
+
"fileName": "components/src/components/ColumnLayout/ColumnLayout.tsx",
|
|
298349
|
+
"name": "ColumnLayoutProps"
|
|
298350
|
+
}
|
|
298351
|
+
],
|
|
298352
|
+
"required": false,
|
|
298353
|
+
"type": {
|
|
298354
|
+
"name": "(number | null)[]"
|
|
298355
|
+
}
|
|
298356
|
+
}
|
|
298357
|
+
}
|
|
298358
|
+
},
|
|
298359
|
+
{
|
|
298360
|
+
"tags": {},
|
|
298361
|
+
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Items/Items.tsx",
|
|
298362
|
+
"description": "",
|
|
298363
|
+
"displayName": "Items",
|
|
298364
|
+
"methods": [],
|
|
298365
|
+
"props": {}
|
|
298366
|
+
},
|
|
298367
|
+
{
|
|
298368
|
+
"tags": {},
|
|
298369
|
+
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Header/Header.tsx",
|
|
298370
|
+
"description": "",
|
|
298371
|
+
"displayName": "Header",
|
|
298372
|
+
"methods": [],
|
|
298373
|
+
"props": {
|
|
298374
|
+
"className": {
|
|
298375
|
+
"defaultValue": null,
|
|
298376
|
+
"description": "The elements class name.",
|
|
298377
|
+
"name": "className",
|
|
298378
|
+
"parent": {
|
|
298379
|
+
"fileName": "components/src/lib/types/props.ts",
|
|
298380
|
+
"name": "PropsWithClassName"
|
|
298381
|
+
},
|
|
298382
|
+
"declarations": [
|
|
298383
|
+
{
|
|
298384
|
+
"fileName": "components/src/lib/types/props.ts",
|
|
298385
|
+
"name": "PropsWithClassName"
|
|
298386
|
+
}
|
|
298387
|
+
],
|
|
298388
|
+
"required": false,
|
|
298389
|
+
"type": {
|
|
298390
|
+
"name": "string"
|
|
298391
|
+
}
|
|
298392
|
+
}
|
|
298393
|
+
}
|
|
298394
|
+
},
|
|
298395
|
+
{
|
|
298396
|
+
"tags": {},
|
|
298397
|
+
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Footer/Footer.tsx",
|
|
298398
|
+
"description": "",
|
|
298399
|
+
"displayName": "Footer",
|
|
298400
|
+
"methods": [],
|
|
298401
|
+
"props": {}
|
|
298402
|
+
},
|
|
298403
|
+
{
|
|
298404
|
+
"tags": {},
|
|
298405
|
+
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/LightBox/components/LightBoxTrigger/LightBoxTrigger.tsx",
|
|
298406
|
+
"description": "",
|
|
298407
|
+
"displayName": "LightBoxTrigger",
|
|
298408
|
+
"methods": [],
|
|
298409
|
+
"props": {
|
|
298410
|
+
"isDefaultOpen": {
|
|
298411
|
+
"defaultValue": null,
|
|
298412
|
+
"description": "Whether the overlay should be open initially.",
|
|
298413
|
+
"name": "isDefaultOpen",
|
|
298414
|
+
"parent": {
|
|
298415
|
+
"fileName": "components/src/components/OverlayTrigger/OverlayTrigger.tsx",
|
|
298416
|
+
"name": "OverlayTriggerProps"
|
|
298417
|
+
},
|
|
298418
|
+
"declarations": [
|
|
298419
|
+
{
|
|
298420
|
+
"fileName": "components/src/components/OverlayTrigger/OverlayTrigger.tsx",
|
|
298421
|
+
"name": "OverlayTriggerProps"
|
|
298422
|
+
}
|
|
298423
|
+
],
|
|
298424
|
+
"required": false,
|
|
298425
|
+
"type": {
|
|
298426
|
+
"name": "boolean"
|
|
298427
|
+
}
|
|
298428
|
+
},
|
|
298429
|
+
"controller": {
|
|
298430
|
+
"defaultValue": null,
|
|
298431
|
+
"description": "A controller to control the state of the overlay.",
|
|
298432
|
+
"name": "controller",
|
|
298433
|
+
"parent": {
|
|
298434
|
+
"fileName": "components/src/components/OverlayTrigger/OverlayTrigger.tsx",
|
|
298435
|
+
"name": "OverlayTriggerProps"
|
|
298436
|
+
},
|
|
298437
|
+
"declarations": [
|
|
298438
|
+
{
|
|
298439
|
+
"fileName": "components/src/components/OverlayTrigger/OverlayTrigger.tsx",
|
|
298440
|
+
"name": "OverlayTriggerProps"
|
|
298441
|
+
}
|
|
298442
|
+
],
|
|
298443
|
+
"required": false,
|
|
298444
|
+
"type": {
|
|
298445
|
+
"name": "OverlayController"
|
|
298446
|
+
}
|
|
298447
|
+
},
|
|
298448
|
+
"wrapWith": {
|
|
298449
|
+
"defaultValue": null,
|
|
298450
|
+
"description": "",
|
|
298451
|
+
"name": "wrapWith",
|
|
298452
|
+
"parent": {
|
|
298453
|
+
"fileName": "components/src/lib/componentFactory/flowComponent.tsx",
|
|
298454
|
+
"name": "FlowComponentProps"
|
|
298455
|
+
},
|
|
298456
|
+
"declarations": [
|
|
298457
|
+
{
|
|
298458
|
+
"fileName": "components/src/lib/componentFactory/flowComponent.tsx",
|
|
298459
|
+
"name": "FlowComponentProps"
|
|
298460
|
+
}
|
|
298461
|
+
],
|
|
298462
|
+
"required": false,
|
|
298463
|
+
"type": {
|
|
298464
|
+
"name": "ReactElement<unknown, string | JSXElementConstructor<any>>"
|
|
298465
|
+
}
|
|
298466
|
+
},
|
|
298467
|
+
"tunnelId": {
|
|
298468
|
+
"defaultValue": null,
|
|
298469
|
+
"description": "@internal",
|
|
298470
|
+
"name": "tunnelId",
|
|
298471
|
+
"parent": {
|
|
298472
|
+
"fileName": "components/src/lib/types/props.ts",
|
|
298473
|
+
"name": "PropsWithTunnel"
|
|
298474
|
+
},
|
|
298475
|
+
"declarations": [
|
|
298476
|
+
{
|
|
298477
|
+
"fileName": "components/src/lib/types/props.ts",
|
|
298478
|
+
"name": "PropsWithTunnel"
|
|
298479
|
+
}
|
|
298480
|
+
],
|
|
298481
|
+
"required": false,
|
|
298482
|
+
"type": {
|
|
298483
|
+
"name": "string | null"
|
|
298484
|
+
}
|
|
298485
|
+
},
|
|
298486
|
+
"ref": {
|
|
298487
|
+
"defaultValue": null,
|
|
298488
|
+
"description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",
|
|
298489
|
+
"name": "ref",
|
|
298490
|
+
"parent": {
|
|
298491
|
+
"fileName": "flow/node_modules/.pnpm/@types+react@19.1.8/node_modules/@types/react/index.d.ts",
|
|
298492
|
+
"name": "RefAttributes"
|
|
298493
|
+
},
|
|
298494
|
+
"declarations": [
|
|
298495
|
+
{
|
|
298496
|
+
"fileName": "flow/node_modules/.pnpm/@types+react@19.1.8/node_modules/@types/react/index.d.ts",
|
|
298497
|
+
"name": "RefAttributes"
|
|
298498
|
+
}
|
|
298499
|
+
],
|
|
298500
|
+
"required": false,
|
|
298501
|
+
"type": {
|
|
298502
|
+
"name": "Ref<HTMLInputElement>"
|
|
298503
|
+
}
|
|
298504
|
+
},
|
|
298505
|
+
"key": {
|
|
298506
|
+
"defaultValue": null,
|
|
298507
|
+
"description": "",
|
|
298508
|
+
"name": "key",
|
|
298509
|
+
"parent": {
|
|
298510
|
+
"fileName": "flow/node_modules/.pnpm/@types+react@19.1.8/node_modules/@types/react/index.d.ts",
|
|
298511
|
+
"name": "Attributes"
|
|
298512
|
+
},
|
|
298513
|
+
"declarations": [
|
|
298514
|
+
{
|
|
298515
|
+
"fileName": "flow/node_modules/.pnpm/@types+react@19.1.8/node_modules/@types/react/index.d.ts",
|
|
298516
|
+
"name": "Attributes"
|
|
298517
|
+
}
|
|
298518
|
+
],
|
|
298519
|
+
"required": false,
|
|
298520
|
+
"type": {
|
|
298521
|
+
"name": "Key | null"
|
|
298522
|
+
}
|
|
298523
|
+
},
|
|
298524
|
+
"children": {
|
|
298525
|
+
"defaultValue": null,
|
|
298526
|
+
"description": "",
|
|
298527
|
+
"name": "children",
|
|
298528
|
+
"declarations": [
|
|
298529
|
+
{
|
|
298530
|
+
"fileName": "flow/node_modules/.pnpm/@types+react@19.1.8/node_modules/@types/react/index.d.ts",
|
|
298531
|
+
"name": "TypeLiteral"
|
|
298532
|
+
}
|
|
298533
|
+
],
|
|
298534
|
+
"required": false,
|
|
298535
|
+
"type": {
|
|
298536
|
+
"name": "ReactNode"
|
|
298537
|
+
}
|
|
298538
|
+
}
|
|
298539
|
+
}
|
|
298540
|
+
},
|
|
298403
298541
|
{
|
|
298404
298542
|
"tags": {},
|
|
298405
298543
|
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/Link/components/LinkIcon/LinkIcon.tsx",
|
|
@@ -300497,144 +300635,6 @@
|
|
|
300497
300635
|
}
|
|
300498
300636
|
}
|
|
300499
300637
|
},
|
|
300500
|
-
{
|
|
300501
|
-
"tags": {},
|
|
300502
|
-
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/LightBox/components/LightBoxTrigger/LightBoxTrigger.tsx",
|
|
300503
|
-
"description": "",
|
|
300504
|
-
"displayName": "LightBoxTrigger",
|
|
300505
|
-
"methods": [],
|
|
300506
|
-
"props": {
|
|
300507
|
-
"isDefaultOpen": {
|
|
300508
|
-
"defaultValue": null,
|
|
300509
|
-
"description": "Whether the overlay should be open initially.",
|
|
300510
|
-
"name": "isDefaultOpen",
|
|
300511
|
-
"parent": {
|
|
300512
|
-
"fileName": "components/src/components/OverlayTrigger/OverlayTrigger.tsx",
|
|
300513
|
-
"name": "OverlayTriggerProps"
|
|
300514
|
-
},
|
|
300515
|
-
"declarations": [
|
|
300516
|
-
{
|
|
300517
|
-
"fileName": "components/src/components/OverlayTrigger/OverlayTrigger.tsx",
|
|
300518
|
-
"name": "OverlayTriggerProps"
|
|
300519
|
-
}
|
|
300520
|
-
],
|
|
300521
|
-
"required": false,
|
|
300522
|
-
"type": {
|
|
300523
|
-
"name": "boolean"
|
|
300524
|
-
}
|
|
300525
|
-
},
|
|
300526
|
-
"controller": {
|
|
300527
|
-
"defaultValue": null,
|
|
300528
|
-
"description": "A controller to control the state of the overlay.",
|
|
300529
|
-
"name": "controller",
|
|
300530
|
-
"parent": {
|
|
300531
|
-
"fileName": "components/src/components/OverlayTrigger/OverlayTrigger.tsx",
|
|
300532
|
-
"name": "OverlayTriggerProps"
|
|
300533
|
-
},
|
|
300534
|
-
"declarations": [
|
|
300535
|
-
{
|
|
300536
|
-
"fileName": "components/src/components/OverlayTrigger/OverlayTrigger.tsx",
|
|
300537
|
-
"name": "OverlayTriggerProps"
|
|
300538
|
-
}
|
|
300539
|
-
],
|
|
300540
|
-
"required": false,
|
|
300541
|
-
"type": {
|
|
300542
|
-
"name": "OverlayController"
|
|
300543
|
-
}
|
|
300544
|
-
},
|
|
300545
|
-
"wrapWith": {
|
|
300546
|
-
"defaultValue": null,
|
|
300547
|
-
"description": "",
|
|
300548
|
-
"name": "wrapWith",
|
|
300549
|
-
"parent": {
|
|
300550
|
-
"fileName": "components/src/lib/componentFactory/flowComponent.tsx",
|
|
300551
|
-
"name": "FlowComponentProps"
|
|
300552
|
-
},
|
|
300553
|
-
"declarations": [
|
|
300554
|
-
{
|
|
300555
|
-
"fileName": "components/src/lib/componentFactory/flowComponent.tsx",
|
|
300556
|
-
"name": "FlowComponentProps"
|
|
300557
|
-
}
|
|
300558
|
-
],
|
|
300559
|
-
"required": false,
|
|
300560
|
-
"type": {
|
|
300561
|
-
"name": "ReactElement<unknown, string | JSXElementConstructor<any>>"
|
|
300562
|
-
}
|
|
300563
|
-
},
|
|
300564
|
-
"tunnelId": {
|
|
300565
|
-
"defaultValue": null,
|
|
300566
|
-
"description": "@internal",
|
|
300567
|
-
"name": "tunnelId",
|
|
300568
|
-
"parent": {
|
|
300569
|
-
"fileName": "components/src/lib/types/props.ts",
|
|
300570
|
-
"name": "PropsWithTunnel"
|
|
300571
|
-
},
|
|
300572
|
-
"declarations": [
|
|
300573
|
-
{
|
|
300574
|
-
"fileName": "components/src/lib/types/props.ts",
|
|
300575
|
-
"name": "PropsWithTunnel"
|
|
300576
|
-
}
|
|
300577
|
-
],
|
|
300578
|
-
"required": false,
|
|
300579
|
-
"type": {
|
|
300580
|
-
"name": "string | null"
|
|
300581
|
-
}
|
|
300582
|
-
},
|
|
300583
|
-
"ref": {
|
|
300584
|
-
"defaultValue": null,
|
|
300585
|
-
"description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",
|
|
300586
|
-
"name": "ref",
|
|
300587
|
-
"parent": {
|
|
300588
|
-
"fileName": "flow/node_modules/.pnpm/@types+react@19.1.8/node_modules/@types/react/index.d.ts",
|
|
300589
|
-
"name": "RefAttributes"
|
|
300590
|
-
},
|
|
300591
|
-
"declarations": [
|
|
300592
|
-
{
|
|
300593
|
-
"fileName": "flow/node_modules/.pnpm/@types+react@19.1.8/node_modules/@types/react/index.d.ts",
|
|
300594
|
-
"name": "RefAttributes"
|
|
300595
|
-
}
|
|
300596
|
-
],
|
|
300597
|
-
"required": false,
|
|
300598
|
-
"type": {
|
|
300599
|
-
"name": "Ref<HTMLInputElement>"
|
|
300600
|
-
}
|
|
300601
|
-
},
|
|
300602
|
-
"key": {
|
|
300603
|
-
"defaultValue": null,
|
|
300604
|
-
"description": "",
|
|
300605
|
-
"name": "key",
|
|
300606
|
-
"parent": {
|
|
300607
|
-
"fileName": "flow/node_modules/.pnpm/@types+react@19.1.8/node_modules/@types/react/index.d.ts",
|
|
300608
|
-
"name": "Attributes"
|
|
300609
|
-
},
|
|
300610
|
-
"declarations": [
|
|
300611
|
-
{
|
|
300612
|
-
"fileName": "flow/node_modules/.pnpm/@types+react@19.1.8/node_modules/@types/react/index.d.ts",
|
|
300613
|
-
"name": "Attributes"
|
|
300614
|
-
}
|
|
300615
|
-
],
|
|
300616
|
-
"required": false,
|
|
300617
|
-
"type": {
|
|
300618
|
-
"name": "Key | null"
|
|
300619
|
-
}
|
|
300620
|
-
},
|
|
300621
|
-
"children": {
|
|
300622
|
-
"defaultValue": null,
|
|
300623
|
-
"description": "",
|
|
300624
|
-
"name": "children",
|
|
300625
|
-
"declarations": [
|
|
300626
|
-
{
|
|
300627
|
-
"fileName": "flow/node_modules/.pnpm/@types+react@19.1.8/node_modules/@types/react/index.d.ts",
|
|
300628
|
-
"name": "TypeLiteral"
|
|
300629
|
-
}
|
|
300630
|
-
],
|
|
300631
|
-
"required": false,
|
|
300632
|
-
"type": {
|
|
300633
|
-
"name": "ReactNode"
|
|
300634
|
-
}
|
|
300635
|
-
}
|
|
300636
|
-
}
|
|
300637
|
-
},
|
|
300638
300638
|
{
|
|
300639
300639
|
"tags": {},
|
|
300640
300640
|
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/Legend/components/LegendItem/LegendItem.tsx",
|
|
@@ -14,9 +14,10 @@ function Field(props) {
|
|
|
14
14
|
const { children, name, defaultValue, ...rest } = props;
|
|
15
15
|
const controller = useController(props);
|
|
16
16
|
const formContext = useFormContext();
|
|
17
|
-
const value = controller.field.value;
|
|
17
|
+
const value = formContext.form.watch(name) ?? controller.field.value;
|
|
18
18
|
const fieldProps = {
|
|
19
19
|
...controller.field,
|
|
20
|
+
value,
|
|
20
21
|
name,
|
|
21
22
|
form: formContext.id,
|
|
22
23
|
isRequired: !!rest.rules?.required,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"sourcesContent":["import { useFormContext } from \"@/integrations/react-hook-form/components/context/formContext\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithChildren } from \"react\";\nimport {\n useController,\n type ControllerProps,\n type FieldValues,\n type UseFormReturn,\n} from \"react-hook-form\";\nimport FieldErrorView from \"@/views/FieldErrorView\";\n\nexport interface FieldProps<T extends FieldValues>\n extends Omit<ControllerProps<T>, \"render\">,\n PropsWithChildren {}\n\nexport function Field<T extends FieldValues>(props: FieldProps<T>) {\n const { children, name, defaultValue, ...rest } = props;\n\n const controller = useController(props);\n const formContext = useFormContext<T>();\n const value = controller.field.value;\n\n const fieldProps = {\n ...controller.field,\n name,\n form: formContext.id,\n isRequired: !!rest.rules?.required,\n validationBehavior: \"aria\" as const,\n defaultValue,\n isInvalid: controller.fieldState.invalid,\n children: dynamic((p) => {\n if (controller.fieldState.invalid) {\n return (\n <>\n {p.children}\n <FieldErrorView>\n {controller.fieldState.error?.message}\n </FieldErrorView>\n </>\n );\n }\n\n return p.children;\n }),\n };\n\n const { value: ignoredValue, ...fieldPropsWithoutValue } = fieldProps;\n\n const propsContext: PropsContext = {\n SearchField: fieldProps,\n TextField: fieldProps,\n TextArea: fieldProps,\n MarkdownEditor: fieldProps,\n\n Checkbox: {\n ...fieldProps,\n isSelected: value,\n },\n CheckboxGroup: fieldProps,\n CheckboxButton: {\n ...fieldProps,\n isSelected: value,\n },\n FileField: fieldProps,\n FileDropZone: fieldProps,\n NumberField: fieldProps,\n RadioGroup: fieldProps,\n Switch: {\n ...fieldProps,\n isSelected: value,\n },\n Slider: fieldProps,\n PasswordCreationField: fieldProps,\n DatePicker: fieldProps,\n DateRangePicker: fieldProps,\n TimeField: fieldProps,\n SegmentedControl: fieldProps,\n Select: {\n ...fieldProps,\n selectedKey: value,\n },\n ComboBox: {\n ...fieldPropsWithoutValue,\n selectedKey: value,\n },\n };\n\n return (\n <PropsContextProvider\n mergeInParentContext\n props={propsContext}\n dependencies={[controller.fieldState, controller.field, value]}\n >\n {children}\n </PropsContextProvider>\n );\n}\n\nexport const typedField = <T extends FieldValues>(\n ignoredForm: UseFormReturn<T> | UseFormReturn<T>[\"control\"],\n): typeof Field<T> => Field;\n\nexport default Field;\n"],"names":[],"mappings":";;;;;;;;;;AAgBO,SAAS,MAA6B,KAAsB,EAAA;AACjE,EAAA,MAAM,EAAE,QAAU,EAAA,IAAA,EAAM,YAAc,EAAA,GAAG,MAAS,GAAA,KAAA;AAElD,EAAM,MAAA,UAAA,GAAa,cAAc,KAAK,CAAA;AACtC,EAAA,MAAM,cAAc,cAAkB,EAAA;
|
|
1
|
+
{"version":3,"file":"Field.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"sourcesContent":["import { useFormContext } from \"@/integrations/react-hook-form/components/context/formContext\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithChildren } from \"react\";\nimport {\n useController,\n type ControllerProps,\n type FieldValues,\n type UseFormReturn,\n} from \"react-hook-form\";\nimport FieldErrorView from \"@/views/FieldErrorView\";\n\nexport interface FieldProps<T extends FieldValues>\n extends Omit<ControllerProps<T>, \"render\">,\n PropsWithChildren {}\n\nexport function Field<T extends FieldValues>(props: FieldProps<T>) {\n const { children, name, defaultValue, ...rest } = props;\n\n const controller = useController(props);\n const formContext = useFormContext<T>();\n /**\n * We don't use controller.field.value here, because it doesn't update when\n * the form value is updated outside of this field (e.g. when setting values\n * with form.setValue or resetting the form), and the Field unmounts in\n * between. This is generally a feature of React Hook Form, but this breaks\n * dynamic forms where fields are conditionally rendered.\n *\n * By using formContext.form.watch(name), we ensure that the field value is\n * always in sync with the form state. See:\n * https://react-hook-form.com/api/usecontroller/controller/\n */\n const value = formContext.form.watch(name) ?? controller.field.value;\n\n const fieldProps = {\n ...controller.field,\n value,\n name,\n form: formContext.id,\n isRequired: !!rest.rules?.required,\n validationBehavior: \"aria\" as const,\n defaultValue,\n isInvalid: controller.fieldState.invalid,\n children: dynamic((p) => {\n if (controller.fieldState.invalid) {\n return (\n <>\n {p.children}\n <FieldErrorView>\n {controller.fieldState.error?.message}\n </FieldErrorView>\n </>\n );\n }\n\n return p.children;\n }),\n };\n\n const { value: ignoredValue, ...fieldPropsWithoutValue } = fieldProps;\n\n const propsContext: PropsContext = {\n SearchField: fieldProps,\n TextField: fieldProps,\n TextArea: fieldProps,\n MarkdownEditor: fieldProps,\n\n Checkbox: {\n ...fieldProps,\n isSelected: value,\n },\n CheckboxGroup: fieldProps,\n CheckboxButton: {\n ...fieldProps,\n isSelected: value,\n },\n FileField: fieldProps,\n FileDropZone: fieldProps,\n NumberField: fieldProps,\n RadioGroup: fieldProps,\n Switch: {\n ...fieldProps,\n isSelected: value,\n },\n Slider: fieldProps,\n PasswordCreationField: fieldProps,\n DatePicker: fieldProps,\n DateRangePicker: fieldProps,\n TimeField: fieldProps,\n SegmentedControl: fieldProps,\n Select: {\n ...fieldProps,\n selectedKey: value,\n },\n ComboBox: {\n ...fieldPropsWithoutValue,\n selectedKey: value,\n },\n };\n\n return (\n <PropsContextProvider\n mergeInParentContext\n props={propsContext}\n dependencies={[controller.fieldState, controller.field, value]}\n >\n {children}\n </PropsContextProvider>\n );\n}\n\nexport const typedField = <T extends FieldValues>(\n ignoredForm: UseFormReturn<T> | UseFormReturn<T>[\"control\"],\n): typeof Field<T> => Field;\n\nexport default Field;\n"],"names":[],"mappings":";;;;;;;;;;AAgBO,SAAS,MAA6B,KAAsB,EAAA;AACjE,EAAA,MAAM,EAAE,QAAU,EAAA,IAAA,EAAM,YAAc,EAAA,GAAG,MAAS,GAAA,KAAA;AAElD,EAAM,MAAA,UAAA,GAAa,cAAc,KAAK,CAAA;AACtC,EAAA,MAAM,cAAc,cAAkB,EAAA;AAYtC,EAAA,MAAM,QAAQ,WAAY,CAAA,IAAA,CAAK,MAAM,IAAI,CAAA,IAAK,WAAW,KAAM,CAAA,KAAA;AAE/D,EAAA,MAAM,UAAa,GAAA;AAAA,IACjB,GAAG,UAAW,CAAA,KAAA;AAAA,IACd,KAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAM,WAAY,CAAA,EAAA;AAAA,IAClB,UAAY,EAAA,CAAC,CAAC,IAAA,CAAK,KAAO,EAAA,QAAA;AAAA,IAC1B,kBAAoB,EAAA,MAAA;AAAA,IACpB,YAAA;AAAA,IACA,SAAA,EAAW,WAAW,UAAW,CAAA,OAAA;AAAA,IACjC,QAAA,EAAU,OAAQ,CAAA,CAAC,CAAM,KAAA;AACvB,MAAI,IAAA,UAAA,CAAW,WAAW,OAAS,EAAA;AACjC,QAAA,uBAEK,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,UAAE,CAAA,CAAA,QAAA;AAAA,0BACF,GAAA,CAAA,cAAA,EAAA,EACE,QAAW,EAAA,UAAA,CAAA,UAAA,CAAW,OAAO,OAChC,EAAA;AAAA,SACF,EAAA,CAAA;AAAA;AAIJ,MAAA,OAAO,CAAE,CAAA,QAAA;AAAA,KACV;AAAA,GACH;AAEA,EAAA,MAAM,EAAE,KAAA,EAAO,YAAc,EAAA,GAAG,wBAA2B,GAAA,UAAA;AAE3D,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,WAAa,EAAA,UAAA;AAAA,IACb,SAAW,EAAA,UAAA;AAAA,IACX,QAAU,EAAA,UAAA;AAAA,IACV,cAAgB,EAAA,UAAA;AAAA,IAEhB,QAAU,EAAA;AAAA,MACR,GAAG,UAAA;AAAA,MACH,UAAY,EAAA;AAAA,KACd;AAAA,IACA,aAAe,EAAA,UAAA;AAAA,IACf,cAAgB,EAAA;AAAA,MACd,GAAG,UAAA;AAAA,MACH,UAAY,EAAA;AAAA,KACd;AAAA,IACA,SAAW,EAAA,UAAA;AAAA,IACX,YAAc,EAAA,UAAA;AAAA,IACd,WAAa,EAAA,UAAA;AAAA,IACb,UAAY,EAAA,UAAA;AAAA,IACZ,MAAQ,EAAA;AAAA,MACN,GAAG,UAAA;AAAA,MACH,UAAY,EAAA;AAAA,KACd;AAAA,IACA,MAAQ,EAAA,UAAA;AAAA,IACR,qBAAuB,EAAA,UAAA;AAAA,IACvB,UAAY,EAAA,UAAA;AAAA,IACZ,eAAiB,EAAA,UAAA;AAAA,IACjB,SAAW,EAAA,UAAA;AAAA,IACX,gBAAkB,EAAA,UAAA;AAAA,IAClB,MAAQ,EAAA;AAAA,MACN,GAAG,UAAA;AAAA,MACH,WAAa,EAAA;AAAA,KACf;AAAA,IACA,QAAU,EAAA;AAAA,MACR,GAAG,sBAAA;AAAA,MACH,WAAa,EAAA;AAAA;AACf,GACF;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,oBAAoB,EAAA,IAAA;AAAA,MACpB,KAAO,EAAA,YAAA;AAAA,MACP,cAAc,CAAC,UAAA,CAAW,UAAY,EAAA,UAAA,CAAW,OAAO,KAAK,CAAA;AAAA,MAE5D;AAAA;AAAA,GACH;AAEJ;AAEa,MAAA,UAAA,GAAa,CACxB,WACoB,KAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,aAAa,EACnB,MAAM,iBAAiB,CAAC;AAGzB,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,WAAW,CAC/C,SAAQ,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,EACxC,iBAAiB;CAAG;AAExB,wBAAgB,KAAK,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,aAAa,EACnB,MAAM,iBAAiB,CAAC;AAGzB,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,WAAW,CAC/C,SAAQ,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,EACxC,iBAAiB;CAAG;AAExB,wBAAgB,KAAK,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,2CA6FhE;AAED,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,WAAW,EAC9C,aAAa,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAC1D,OAAO,KAAK,CAAC,CAAC,CAAU,CAAC;AAE5B,eAAe,KAAK,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mittwald/flow-react-components",
|
|
3
|
-
"version": "0.2.0-alpha.
|
|
3
|
+
"version": "0.2.0-alpha.473",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A React implementation of Flow, mittwald’s design system",
|
|
6
6
|
"homepage": "https://mittwald.github.io/flow",
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
"dependencies": {
|
|
58
58
|
"@internationalized/string-compiler": "^3.2.6",
|
|
59
59
|
"@mittwald/password-tools-js": "3.0.0-alpha.18",
|
|
60
|
-
"@mittwald/react-tunnel": "0.2.0-alpha.
|
|
60
|
+
"@mittwald/react-tunnel": "0.2.0-alpha.473",
|
|
61
61
|
"@mittwald/react-use-promise": "^3.0.4",
|
|
62
62
|
"@react-aria/form": "^3.1.0",
|
|
63
63
|
"@react-aria/live-announcer": "^3.4.4",
|
|
@@ -100,7 +100,7 @@
|
|
|
100
100
|
"@faker-js/faker": "^9.9.0",
|
|
101
101
|
"@internationalized/date": "^3.8.2",
|
|
102
102
|
"@mittwald/flow-core": "",
|
|
103
|
-
"@mittwald/flow-design-tokens": "0.2.0-alpha.
|
|
103
|
+
"@mittwald/flow-design-tokens": "0.2.0-alpha.473",
|
|
104
104
|
"@mittwald/react-use-promise": "^3.0.4",
|
|
105
105
|
"@mittwald/remote-dom-react": "1.2.2-mittwald.3",
|
|
106
106
|
"@mittwald/typescript-config": "",
|
|
@@ -173,5 +173,5 @@
|
|
|
173
173
|
"optional": true
|
|
174
174
|
}
|
|
175
175
|
},
|
|
176
|
-
"gitHead": "
|
|
176
|
+
"gitHead": "2f8a97f7dfdfd1e20cc6b811d3816dd412cfd631"
|
|
177
177
|
}
|