@mittwald/flow-react-components 0.2.0-alpha.590 → 0.2.0-alpha.592
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 +12 -0
- package/dist/assets/doc-properties.json +104 -104
- package/dist/js/components/src/components/FieldError/FieldError.mjs +6 -3
- package/dist/js/components/src/components/FieldError/FieldError.mjs.map +1 -1
- package/dist/js/components/src/components/Options/Options.mjs +1 -0
- package/dist/js/components/src/components/Options/Options.mjs.map +1 -1
- package/dist/types/components/FieldError/FieldError.d.ts +1 -1
- package/dist/types/components/FieldError/FieldError.d.ts.map +1 -1
- package/dist/types/components/Options/Options.d.ts.map +1 -1
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,18 @@
|
|
|
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.592](https://github.com/mittwald/flow/compare/0.2.0-alpha.591...0.2.0-alpha.592) (2025-12-09)
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* **FieldError:** fix error when used inside items ([#2185](https://github.com/mittwald/flow/issues/2185)) ([b669e02](https://github.com/mittwald/flow/commit/b669e02b0056844c59a68c270bb022eb78933e38))
|
|
11
|
+
|
|
12
|
+
# [0.2.0-alpha.591](https://github.com/mittwald/flow/compare/0.2.0-alpha.590...0.2.0-alpha.591) (2025-12-08)
|
|
13
|
+
|
|
14
|
+
### Bug Fixes
|
|
15
|
+
|
|
16
|
+
* **Options:** add max height ([#2182](https://github.com/mittwald/flow/issues/2182)) ([3661794](https://github.com/mittwald/flow/commit/36617941798f6344308bb7131fe192cf9ac6d9a5))
|
|
17
|
+
|
|
6
18
|
# [0.2.0-alpha.590](https://github.com/mittwald/flow/compare/0.2.0-alpha.589...0.2.0-alpha.590) (2025-12-08)
|
|
7
19
|
|
|
8
20
|
**Note:** Version bump only for package @mittwald/flow-react-components
|
|
@@ -95820,6 +95820,51 @@
|
|
|
95820
95820
|
}
|
|
95821
95821
|
}
|
|
95822
95822
|
},
|
|
95823
|
+
{
|
|
95824
|
+
"tags": {
|
|
95825
|
+
"flr-generate": "all"
|
|
95826
|
+
},
|
|
95827
|
+
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/Legend/Legend.tsx",
|
|
95828
|
+
"description": "",
|
|
95829
|
+
"displayName": "Legend",
|
|
95830
|
+
"methods": [],
|
|
95831
|
+
"props": {
|
|
95832
|
+
"children": {
|
|
95833
|
+
"defaultValue": null,
|
|
95834
|
+
"description": "",
|
|
95835
|
+
"name": "children",
|
|
95836
|
+
"declarations": [
|
|
95837
|
+
{
|
|
95838
|
+
"fileName": "flow/node_modules/.pnpm/@types+react@19.2.6/node_modules/@types/react/index.d.ts",
|
|
95839
|
+
"name": "TypeLiteral"
|
|
95840
|
+
}
|
|
95841
|
+
],
|
|
95842
|
+
"required": false,
|
|
95843
|
+
"type": {
|
|
95844
|
+
"name": "ReactNode"
|
|
95845
|
+
}
|
|
95846
|
+
},
|
|
95847
|
+
"className": {
|
|
95848
|
+
"defaultValue": null,
|
|
95849
|
+
"description": "The elements class name.",
|
|
95850
|
+
"name": "className",
|
|
95851
|
+
"parent": {
|
|
95852
|
+
"fileName": "components/src/lib/types/props.ts",
|
|
95853
|
+
"name": "PropsWithClassName"
|
|
95854
|
+
},
|
|
95855
|
+
"declarations": [
|
|
95856
|
+
{
|
|
95857
|
+
"fileName": "components/src/lib/types/props.ts",
|
|
95858
|
+
"name": "PropsWithClassName"
|
|
95859
|
+
}
|
|
95860
|
+
],
|
|
95861
|
+
"required": false,
|
|
95862
|
+
"type": {
|
|
95863
|
+
"name": "string"
|
|
95864
|
+
}
|
|
95865
|
+
}
|
|
95866
|
+
}
|
|
95867
|
+
},
|
|
95823
95868
|
{
|
|
95824
95869
|
"tags": {},
|
|
95825
95870
|
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/LightBox/LightBox.tsx",
|
|
@@ -95979,51 +96024,6 @@
|
|
|
95979
96024
|
}
|
|
95980
96025
|
}
|
|
95981
96026
|
},
|
|
95982
|
-
{
|
|
95983
|
-
"tags": {
|
|
95984
|
-
"flr-generate": "all"
|
|
95985
|
-
},
|
|
95986
|
-
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/Legend/Legend.tsx",
|
|
95987
|
-
"description": "",
|
|
95988
|
-
"displayName": "Legend",
|
|
95989
|
-
"methods": [],
|
|
95990
|
-
"props": {
|
|
95991
|
-
"children": {
|
|
95992
|
-
"defaultValue": null,
|
|
95993
|
-
"description": "",
|
|
95994
|
-
"name": "children",
|
|
95995
|
-
"declarations": [
|
|
95996
|
-
{
|
|
95997
|
-
"fileName": "flow/node_modules/.pnpm/@types+react@19.2.6/node_modules/@types/react/index.d.ts",
|
|
95998
|
-
"name": "TypeLiteral"
|
|
95999
|
-
}
|
|
96000
|
-
],
|
|
96001
|
-
"required": false,
|
|
96002
|
-
"type": {
|
|
96003
|
-
"name": "ReactNode"
|
|
96004
|
-
}
|
|
96005
|
-
},
|
|
96006
|
-
"className": {
|
|
96007
|
-
"defaultValue": null,
|
|
96008
|
-
"description": "The elements class name.",
|
|
96009
|
-
"name": "className",
|
|
96010
|
-
"parent": {
|
|
96011
|
-
"fileName": "components/src/lib/types/props.ts",
|
|
96012
|
-
"name": "PropsWithClassName"
|
|
96013
|
-
},
|
|
96014
|
-
"declarations": [
|
|
96015
|
-
{
|
|
96016
|
-
"fileName": "components/src/lib/types/props.ts",
|
|
96017
|
-
"name": "PropsWithClassName"
|
|
96018
|
-
}
|
|
96019
|
-
],
|
|
96020
|
-
"required": false,
|
|
96021
|
-
"type": {
|
|
96022
|
-
"name": "string"
|
|
96023
|
-
}
|
|
96024
|
-
}
|
|
96025
|
-
}
|
|
96026
|
-
},
|
|
96027
96027
|
{
|
|
96028
96028
|
"tags": {
|
|
96029
96029
|
"flr-generate": "all"
|
|
@@ -219804,22 +219804,6 @@
|
|
|
219804
219804
|
}
|
|
219805
219805
|
}
|
|
219806
219806
|
},
|
|
219807
|
-
{
|
|
219808
|
-
"tags": {},
|
|
219809
|
-
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/Calendar/RangeCalendar.tsx",
|
|
219810
|
-
"description": "",
|
|
219811
|
-
"displayName": "RangeCalendar",
|
|
219812
|
-
"methods": [],
|
|
219813
|
-
"props": {}
|
|
219814
|
-
},
|
|
219815
|
-
{
|
|
219816
|
-
"tags": {},
|
|
219817
|
-
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/Calendar/Calendar.tsx",
|
|
219818
|
-
"description": "",
|
|
219819
|
-
"displayName": "Calendar",
|
|
219820
|
-
"methods": [],
|
|
219821
|
-
"props": {}
|
|
219822
|
-
},
|
|
219823
219807
|
{
|
|
219824
219808
|
"tags": {
|
|
219825
219809
|
"flr-generate": "all"
|
|
@@ -222176,6 +222160,22 @@
|
|
|
222176
222160
|
}
|
|
222177
222161
|
}
|
|
222178
222162
|
},
|
|
222163
|
+
{
|
|
222164
|
+
"tags": {},
|
|
222165
|
+
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/Calendar/RangeCalendar.tsx",
|
|
222166
|
+
"description": "",
|
|
222167
|
+
"displayName": "RangeCalendar",
|
|
222168
|
+
"methods": [],
|
|
222169
|
+
"props": {}
|
|
222170
|
+
},
|
|
222171
|
+
{
|
|
222172
|
+
"tags": {},
|
|
222173
|
+
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/Calendar/Calendar.tsx",
|
|
222174
|
+
"description": "",
|
|
222175
|
+
"displayName": "Calendar",
|
|
222176
|
+
"methods": [],
|
|
222177
|
+
"props": {}
|
|
222178
|
+
},
|
|
222179
222179
|
{
|
|
222180
222180
|
"tags": {},
|
|
222181
222181
|
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/BrowserOnly/BrowserOnly.tsx",
|
|
@@ -306480,6 +306480,49 @@
|
|
|
306480
306480
|
}
|
|
306481
306481
|
}
|
|
306482
306482
|
},
|
|
306483
|
+
{
|
|
306484
|
+
"tags": {},
|
|
306485
|
+
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/Legend/components/LegendItem/LegendItem.tsx",
|
|
306486
|
+
"description": "",
|
|
306487
|
+
"displayName": "LegendItem",
|
|
306488
|
+
"methods": [],
|
|
306489
|
+
"props": {
|
|
306490
|
+
"color": {
|
|
306491
|
+
"defaultValue": null,
|
|
306492
|
+
"description": "",
|
|
306493
|
+
"name": "color",
|
|
306494
|
+
"parent": {
|
|
306495
|
+
"fileName": "components/src/components/Legend/components/LegendItem/LegendItem.tsx",
|
|
306496
|
+
"name": "LegendItemProps"
|
|
306497
|
+
},
|
|
306498
|
+
"declarations": [
|
|
306499
|
+
{
|
|
306500
|
+
"fileName": "components/src/components/Legend/components/LegendItem/LegendItem.tsx",
|
|
306501
|
+
"name": "LegendItemProps"
|
|
306502
|
+
}
|
|
306503
|
+
],
|
|
306504
|
+
"required": false,
|
|
306505
|
+
"type": {
|
|
306506
|
+
"name": "\"sea-green\" | \"palatinate-blue\" | \"tangerine\" | \"magenta\" | \"tropical-indigo\" | \"malachite\" | \"azure\" | \"violet\" | \"yellow\" | \"alloy-orange\" | \"green\" | \"lime\""
|
|
306507
|
+
}
|
|
306508
|
+
},
|
|
306509
|
+
"children": {
|
|
306510
|
+
"defaultValue": null,
|
|
306511
|
+
"description": "",
|
|
306512
|
+
"name": "children",
|
|
306513
|
+
"declarations": [
|
|
306514
|
+
{
|
|
306515
|
+
"fileName": "flow/node_modules/.pnpm/@types+react@19.2.6/node_modules/@types/react/index.d.ts",
|
|
306516
|
+
"name": "TypeLiteral"
|
|
306517
|
+
}
|
|
306518
|
+
],
|
|
306519
|
+
"required": false,
|
|
306520
|
+
"type": {
|
|
306521
|
+
"name": "ReactNode"
|
|
306522
|
+
}
|
|
306523
|
+
}
|
|
306524
|
+
}
|
|
306525
|
+
},
|
|
306483
306526
|
{
|
|
306484
306527
|
"tags": {},
|
|
306485
306528
|
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/LightBox/components/LightBoxTrigger/LightBoxTrigger.tsx",
|
|
@@ -306618,49 +306661,6 @@
|
|
|
306618
306661
|
}
|
|
306619
306662
|
}
|
|
306620
306663
|
},
|
|
306621
|
-
{
|
|
306622
|
-
"tags": {},
|
|
306623
|
-
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/Legend/components/LegendItem/LegendItem.tsx",
|
|
306624
|
-
"description": "",
|
|
306625
|
-
"displayName": "LegendItem",
|
|
306626
|
-
"methods": [],
|
|
306627
|
-
"props": {
|
|
306628
|
-
"color": {
|
|
306629
|
-
"defaultValue": null,
|
|
306630
|
-
"description": "",
|
|
306631
|
-
"name": "color",
|
|
306632
|
-
"parent": {
|
|
306633
|
-
"fileName": "components/src/components/Legend/components/LegendItem/LegendItem.tsx",
|
|
306634
|
-
"name": "LegendItemProps"
|
|
306635
|
-
},
|
|
306636
|
-
"declarations": [
|
|
306637
|
-
{
|
|
306638
|
-
"fileName": "components/src/components/Legend/components/LegendItem/LegendItem.tsx",
|
|
306639
|
-
"name": "LegendItemProps"
|
|
306640
|
-
}
|
|
306641
|
-
],
|
|
306642
|
-
"required": false,
|
|
306643
|
-
"type": {
|
|
306644
|
-
"name": "\"sea-green\" | \"palatinate-blue\" | \"tangerine\" | \"magenta\" | \"tropical-indigo\" | \"malachite\" | \"azure\" | \"violet\" | \"yellow\" | \"alloy-orange\" | \"green\" | \"lime\""
|
|
306645
|
-
}
|
|
306646
|
-
},
|
|
306647
|
-
"children": {
|
|
306648
|
-
"defaultValue": null,
|
|
306649
|
-
"description": "",
|
|
306650
|
-
"name": "children",
|
|
306651
|
-
"declarations": [
|
|
306652
|
-
{
|
|
306653
|
-
"fileName": "flow/node_modules/.pnpm/@types+react@19.2.6/node_modules/@types/react/index.d.ts",
|
|
306654
|
-
"name": "TypeLiteral"
|
|
306655
|
-
}
|
|
306656
|
-
],
|
|
306657
|
-
"required": false,
|
|
306658
|
-
"type": {
|
|
306659
|
-
"name": "ReactNode"
|
|
306660
|
-
}
|
|
306661
|
-
}
|
|
306662
|
-
}
|
|
306663
|
-
},
|
|
306664
306664
|
{
|
|
306665
306665
|
"tags": {},
|
|
306666
306666
|
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/FileCard/components/FileSizeText/FileSizeText.tsx",
|
|
@@ -4,7 +4,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
|
4
4
|
import React, { useContext, useMemo } from 'react';
|
|
5
5
|
import styles from './FieldError.module.scss.mjs';
|
|
6
6
|
import * as Aria from 'react-aria-components';
|
|
7
|
-
import { FieldErrorContext } from 'react-aria-components';
|
|
7
|
+
import { FieldErrorContext, TextContext } from 'react-aria-components';
|
|
8
8
|
import clsx from 'clsx';
|
|
9
9
|
import '@tabler/icons-react';
|
|
10
10
|
import '../Icon/Icon.mjs';
|
|
@@ -44,12 +44,15 @@ const FieldError = flowComponent("FieldError", (props) => {
|
|
|
44
44
|
validationErrors: lastError ? [lastError] : []
|
|
45
45
|
};
|
|
46
46
|
}, [fieldErrorFromAriaContext, children]);
|
|
47
|
-
|
|
47
|
+
if (!mergedErrorState.isInvalid) {
|
|
48
|
+
return void 0;
|
|
49
|
+
}
|
|
50
|
+
return /* @__PURE__ */ jsx(Aria.Provider, { values: [[TextContext, { slot: void 0 }]], children: /* @__PURE__ */ jsx(FieldErrorContext, { value: mergedErrorState, children: /* @__PURE__ */ jsx(Aria.FieldError, { ref, ...rest, className: rootClassName, children: ({ validationErrors }) => {
|
|
48
51
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
49
52
|
/* @__PURE__ */ jsx(IconDanger, { size: "s" }),
|
|
50
53
|
/* @__PURE__ */ jsx("span", { children: validationErrors })
|
|
51
54
|
] });
|
|
52
|
-
} }) });
|
|
55
|
+
} }) }) });
|
|
53
56
|
});
|
|
54
57
|
|
|
55
58
|
export { FieldError, FieldError as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldError.mjs","sources":["../../../../../../src/components/FieldError/FieldError.tsx"],"sourcesContent":["import {\n type PropsWithChildren,\n type ReactNode,\n useContext,\n useMemo,\n} from \"react\";\nimport
|
|
1
|
+
{"version":3,"file":"FieldError.mjs","sources":["../../../../../../src/components/FieldError/FieldError.tsx"],"sourcesContent":["import React, {\n type PropsWithChildren,\n type ReactNode,\n useContext,\n useMemo,\n} from \"react\";\nimport styles from \"./FieldError.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport { FieldErrorContext, TextContext } from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport { IconDanger } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface FieldErrorProps\n extends PropsWithChildren<Omit<Aria.FieldErrorProps, \"children\">>,\n FlowComponentProps {}\n\n/** @flr-generate all */\nexport const FieldError = flowComponent(\"FieldError\", (props) => {\n const { children, className, ref, ...rest } = props;\n\n const rootClassName = clsx(styles.fieldError, className);\n const fieldErrorFromAriaContext = useContext(FieldErrorContext);\n const isInvalidFromChildren = React.Children.count(children) >= 1;\n\n const mergedErrorState = useMemo(() => {\n const errors: (string | ReactNode)[] =\n fieldErrorFromAriaContext?.validationErrors ?? [];\n\n if (isInvalidFromChildren) {\n errors.push(children);\n }\n\n const isInvalid = !!(\n isInvalidFromChildren || fieldErrorFromAriaContext?.isInvalid\n );\n const lastError =\n errors.length >= 1 ? errors[errors.length - 1] : undefined;\n\n return {\n isInvalid: isInvalid,\n validationDetails: {\n valid: !isInvalid,\n badInput: false,\n customError: isInvalid,\n patternMismatch: false,\n rangeOverflow: false,\n rangeUnderflow: false,\n stepMismatch: false,\n tooLong: false,\n tooShort: false,\n valueMissing: false,\n typeMismatch: false,\n ...fieldErrorFromAriaContext?.validationDetails,\n },\n ...fieldErrorFromAriaContext,\n validationErrors: lastError ? [lastError] : [],\n };\n }, [fieldErrorFromAriaContext, children]);\n\n if (!mergedErrorState.isInvalid) {\n return undefined;\n }\n\n return (\n <Aria.Provider values={[[TextContext, { slot: undefined }]]}>\n <FieldErrorContext value={mergedErrorState as never}>\n <Aria.FieldError ref={ref} {...rest} className={rootClassName}>\n {({ validationErrors }) => {\n return (\n <>\n <IconDanger size=\"s\" />\n <span>{validationErrors}</span>\n </>\n );\n }}\n </Aria.FieldError>\n </FieldErrorContext>\n </Aria.Provider>\n );\n});\n\nexport default FieldError;\n"],"names":[],"mappings":";;;;;;;;;;;;AAmBO,MAAM,UAAA,GAAa,aAAA,CAAc,YAAA,EAAc,CAAC,KAAA,KAAU;AAC/D,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,GAAA,EAAK,GAAG,MAAK,GAAI,KAAA;AAE9C,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,UAAA,EAAY,SAAS,CAAA;AACvD,EAAA,MAAM,yBAAA,GAA4B,WAAW,iBAAiB,CAAA;AAC9D,EAAA,MAAM,qBAAA,GAAwB,KAAA,CAAM,QAAA,CAAS,KAAA,CAAM,QAAQ,CAAA,IAAK,CAAA;AAEhE,EAAA,MAAM,gBAAA,GAAmB,QAAQ,MAAM;AACrC,IAAA,MAAM,MAAA,GACJ,yBAAA,EAA2B,gBAAA,IAAoB,EAAC;AAElD,IAAA,IAAI,qBAAA,EAAuB;AACzB,MAAA,MAAA,CAAO,KAAK,QAAQ,CAAA;AAAA,IACtB;AAEA,IAAA,MAAM,SAAA,GAAY,CAAC,EACjB,qBAAA,IAAyB,yBAAA,EAA2B,SAAA,CAAA;AAEtD,IAAA,MAAM,SAAA,GACJ,OAAO,MAAA,IAAU,CAAA,GAAI,OAAO,MAAA,CAAO,MAAA,GAAS,CAAC,CAAA,GAAI,MAAA;AAEnD,IAAA,OAAO;AAAA,MACL,SAAA;AAAA,MACA,iBAAA,EAAmB;AAAA,QACjB,OAAO,CAAC,SAAA;AAAA,QACR,QAAA,EAAU,KAAA;AAAA,QACV,WAAA,EAAa,SAAA;AAAA,QACb,eAAA,EAAiB,KAAA;AAAA,QACjB,aAAA,EAAe,KAAA;AAAA,QACf,cAAA,EAAgB,KAAA;AAAA,QAChB,YAAA,EAAc,KAAA;AAAA,QACd,OAAA,EAAS,KAAA;AAAA,QACT,QAAA,EAAU,KAAA;AAAA,QACV,YAAA,EAAc,KAAA;AAAA,QACd,YAAA,EAAc,KAAA;AAAA,QACd,GAAG,yBAAA,EAA2B;AAAA,OAChC;AAAA,MACA,GAAG,yBAAA;AAAA,MACH,gBAAA,EAAkB,SAAA,GAAY,CAAC,SAAS,IAAI;AAAC,KAC/C;AAAA,EACF,CAAA,EAAG,CAAC,yBAAA,EAA2B,QAAQ,CAAC,CAAA;AAExC,EAAA,IAAI,CAAC,iBAAiB,SAAA,EAAW;AAC/B,IAAA,OAAO,MAAA;AAAA,EACT;AAEA,EAAA,uBACE,GAAA,CAAC,IAAA,CAAK,QAAA,EAAL,EAAc,MAAA,EAAQ,CAAC,CAAC,WAAA,EAAa,EAAE,IAAA,EAAM,MAAA,EAAW,CAAC,CAAA,EACxD,QAAA,kBAAA,GAAA,CAAC,iBAAA,EAAA,EAAkB,KAAA,EAAO,gBAAA,EACxB,QAAA,kBAAA,GAAA,CAAC,IAAA,CAAK,UAAA,EAAL,EAAgB,GAAA,EAAW,GAAG,IAAA,EAAM,SAAA,EAAW,aAAA,EAC7C,QAAA,EAAA,CAAC,EAAE,kBAAiB,KAAM;AACzB,IAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,MAAK,GAAA,EAAI,CAAA;AAAA,sBACrB,GAAA,CAAC,UAAM,QAAA,EAAA,gBAAA,EAAiB;AAAA,KAAA,EAC1B,CAAA;AAAA,EAEJ,CAAA,EACF,GACF,CAAA,EACF,CAAA;AAEJ,CAAC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Options.mjs","sources":["../../../../../../src/components/Options/Options.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport { Popover, type PopoverProps } from \"@/components/Popover/Popover\";\nimport clsx from \"clsx\";\nimport styles from \"./Options.module.scss\";\nimport type { OverlayController } from \"@/lib/controller\";\nimport type { OptionProps } from \"@/components/Option\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface OptionsProps\n extends Pick<Aria.ListBoxProps<OptionProps>, \"renderEmptyState\" | \"onAction\">,\n PopoverProps {\n controller: OverlayController;\n}\n\nexport const Options: FC<OptionsProps> = flowComponent(\"Options\", (props) => {\n const {\n className,\n children,\n controller,\n renderEmptyState,\n onAction,\n ...restPopoverProps\n } = props;\n\n const rootClassName = clsx(styles.options, className);\n\n return (\n <Popover\n className={styles.popover}\n controller={controller}\n {...restPopoverProps}\n >\n <Aria.ListBox\n onAction={onAction}\n className={rootClassName}\n renderEmptyState={renderEmptyState}\n >\n {children}\n </Aria.ListBox>\n </Popover>\n );\n});\n\nexport default Options;\n"],"names":[],"mappings":";;;;;;;;AAeO,MAAM,OAAA,GAA4B,aAAA,CAAc,SAAA,EAAW,CAAC,KAAA,KAAU;AAC3E,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,gBAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,OAAA,EAAS,SAAS,CAAA;AAEpD,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAA,CAAO,OAAA;AAAA,MAClB,UAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"Options.mjs","sources":["../../../../../../src/components/Options/Options.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport { Popover, type PopoverProps } from \"@/components/Popover/Popover\";\nimport clsx from \"clsx\";\nimport styles from \"./Options.module.scss\";\nimport type { OverlayController } from \"@/lib/controller\";\nimport type { OptionProps } from \"@/components/Option\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface OptionsProps\n extends Pick<Aria.ListBoxProps<OptionProps>, \"renderEmptyState\" | \"onAction\">,\n PopoverProps {\n controller: OverlayController;\n}\n\nexport const Options: FC<OptionsProps> = flowComponent(\"Options\", (props) => {\n const {\n className,\n children,\n controller,\n renderEmptyState,\n onAction,\n ...restPopoverProps\n } = props;\n\n const rootClassName = clsx(styles.options, className);\n\n return (\n <Popover\n className={styles.popover}\n controller={controller}\n maxHeight={324}\n {...restPopoverProps}\n >\n <Aria.ListBox\n onAction={onAction}\n className={rootClassName}\n renderEmptyState={renderEmptyState}\n >\n {children}\n </Aria.ListBox>\n </Popover>\n );\n});\n\nexport default Options;\n"],"names":[],"mappings":";;;;;;;;AAeO,MAAM,OAAA,GAA4B,aAAA,CAAc,SAAA,EAAW,CAAC,KAAA,KAAU;AAC3E,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,gBAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,OAAA,EAAS,SAAS,CAAA;AAEpD,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAA,CAAO,OAAA;AAAA,MAClB,UAAA;AAAA,MACA,SAAA,EAAW,GAAA;AAAA,MACV,GAAG,gBAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAAC,IAAA,CAAK,OAAA;AAAA,QAAL;AAAA,UACC,QAAA;AAAA,UACA,SAAA,EAAW,aAAA;AAAA,UACX,gBAAA;AAAA,UAEC;AAAA;AAAA;AACH;AAAA,GACF;AAEJ,CAAC;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { default as React, PropsWithChildren } from 'react';
|
|
2
2
|
import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
|
|
3
3
|
import * as Aria from "react-aria-components";
|
|
4
4
|
export interface FieldErrorProps extends PropsWithChildren<Omit<Aria.FieldErrorProps, "children">>, FlowComponentProps {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldError.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldError/FieldError.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"FieldError.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldError/FieldError.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAI9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG/E,MAAM,WAAW,eACf,SAAQ,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC,EAC/D,kBAAkB;CAAG;AAEzB,wBAAwB;AACxB,eAAO,MAAM,UAAU,gFA8DrB,CAAC;AAEH,eAAe,UAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Options.d.ts","sourceRoot":"","sources":["../../../../src/components/Options/Options.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAG1E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGvD,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,kBAAkB,GAAG,UAAU,CAAC,EAC3E,YAAY;IACd,UAAU,EAAE,iBAAiB,CAAC;CAC/B;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"Options.d.ts","sourceRoot":"","sources":["../../../../src/components/Options/Options.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAG1E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGvD,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,kBAAkB,GAAG,UAAU,CAAC,EAC3E,YAAY;IACd,UAAU,EAAE,iBAAiB,CAAC;CAC/B;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA4BnC,CAAC;AAEH,eAAe,OAAO,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.592",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A React implementation of Flow, mittwald’s design system",
|
|
6
6
|
"homepage": "https://mittwald.github.io/flow",
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"dependencies": {
|
|
61
61
|
"@internationalized/string-compiler": "^3.2.6",
|
|
62
62
|
"@mittwald/password-tools-js": "3.0.0-alpha.18",
|
|
63
|
-
"@mittwald/react-tunnel": "0.2.0-alpha.
|
|
63
|
+
"@mittwald/react-tunnel": "0.2.0-alpha.592",
|
|
64
64
|
"@mittwald/react-use-promise": "^4.2.2",
|
|
65
65
|
"@react-aria/form": "^3.1.2",
|
|
66
66
|
"@react-aria/live-announcer": "^3.4.4",
|
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
"@faker-js/faker": "^10.1.0",
|
|
106
106
|
"@internationalized/date": "^3.10.0",
|
|
107
107
|
"@mittwald/flow-core": "",
|
|
108
|
-
"@mittwald/flow-design-tokens": "0.2.0-alpha.
|
|
108
|
+
"@mittwald/flow-design-tokens": "0.2.0-alpha.592",
|
|
109
109
|
"@mittwald/react-use-promise": "^4.2.2",
|
|
110
110
|
"@mittwald/remote-dom-react": "1.2.2-mittwald.10",
|
|
111
111
|
"@mittwald/typescript-config": "",
|
|
@@ -174,5 +174,5 @@
|
|
|
174
174
|
"optional": true
|
|
175
175
|
}
|
|
176
176
|
},
|
|
177
|
-
"gitHead": "
|
|
177
|
+
"gitHead": "2e245449ad4e009d1bd3e60d9e2ec1e5bf237a05"
|
|
178
178
|
}
|