@mittwald/flow-react-components 0.2.0-alpha.235 → 0.2.0-alpha.237

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
@@ -3,6 +3,17 @@
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.237](https://github.com/mittwald/flow/compare/0.2.0-alpha.236...0.2.0-alpha.237) (2025-06-04)
7
+
8
+ **Note:** Version bump only for package @mittwald/flow-react-components
9
+
10
+ # [0.2.0-alpha.236](https://github.com/mittwald/flow/compare/0.2.0-alpha.235...0.2.0-alpha.236) (2025-06-04)
11
+
12
+ ### Bug Fixes
13
+
14
+ * Allow control prop ([#1557](https://github.com/mittwald/flow/issues/1557)) ([c5ce6f0](https://github.com/mittwald/flow/commit/c5ce6f03d28500ae335067c70ac84e2632517567))
15
+ * **Option:** use value for key to support remote rendering ([#1556](https://github.com/mittwald/flow/issues/1556)) ([3fea5c8](https://github.com/mittwald/flow/commit/3fea5c8b9a68f7d71740b8dfff399cb87413a048))
16
+
6
17
  # [0.2.0-alpha.235](https://github.com/mittwald/flow/compare/0.2.0-alpha.234...0.2.0-alpha.235) (2025-06-03)
7
18
 
8
19
  **Note:** Version bump only for package @mittwald/flow-react-components
@@ -212534,6 +212534,21 @@
212534
212534
  "name": "boolean"
212535
212535
  }
212536
212536
  },
212537
+ "control": {
212538
+ "defaultValue": null,
212539
+ "description": "",
212540
+ "name": "control",
212541
+ "declarations": [
212542
+ {
212543
+ "fileName": "flow/node_modules/.pnpm/react-hook-form@7.56.4_react@19.1.0/node_modules/react-hook-form/dist/types/controller.d.ts",
212544
+ "name": "TypeLiteral"
212545
+ }
212546
+ ],
212547
+ "required": false,
212548
+ "type": {
212549
+ "name": "Control<T, any, T>"
212550
+ }
212551
+ },
212537
212552
  "rules": {
212538
212553
  "defaultValue": null,
212539
212554
  "description": "",
@@ -2,7 +2,6 @@
2
2
  /* */
3
3
  import { jsxs, jsx } from 'react/jsx-runtime';
4
4
  import 'react';
5
- import { SkeletonText } from '../../../../SkeletonText/SkeletonText.mjs';
6
5
  import TableView from '../../../../../views/TableView.mjs';
7
6
  import TableColumnView from '../../../../../views/TableColumnView.mjs';
8
7
  import TableBodyView from '../../../../../views/TableBodyView.mjs';
@@ -13,7 +12,7 @@ import TableCellView from '../../../../../views/TableCellView.mjs';
13
12
 
14
13
  const TableLoadingView = (props) => {
15
14
  return /* @__PURE__ */ jsxs(TableView, { ...props, children: [
16
- /* @__PURE__ */ jsx(TableHeaderView, { children: /* @__PURE__ */ jsx(TableColumnView, { children: /* @__PURE__ */ jsx(SkeletonText, { width: "100%" }) }) }),
15
+ /* @__PURE__ */ jsx(TableHeaderView, { children: /* @__PURE__ */ jsx(TableColumnView, { children: /* @__PURE__ */ jsx(SkeletonTextView, { width: "100%" }) }) }),
17
16
  /* @__PURE__ */ jsx(TableBodyView, { children: Array.from(Array(5)).map((_, i) => /* @__PURE__ */ jsx(TableRowView, { children: /* @__PURE__ */ jsx(TableCellView, { children: /* @__PURE__ */ jsx(SkeletonTextView, { width: "100%" }) }) }, i)) })
18
17
  ] });
19
18
  };
@@ -1 +1 @@
1
- {"version":3,"file":"TableLoadingView.mjs","sources":["../../../../../../../../../src/components/List/components/Table/components/TableLoadingView.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { SkeletonText } from \"@/components/SkeletonText\";\nimport type { TableSupportedComponentProps } from \"@/components/List/model/table/types\";\nimport TableView from \"@/views/TableView\";\nimport TableColumnView from \"@/views/TableColumnView\";\nimport TableBodyView from \"@/views/TableBodyView\";\nimport TableRowView from \"@/views/TableRowView\";\nimport SkeletonTextView from \"@/views/SkeletonTextView\";\nimport TableHeaderView from \"@/views/TableHeaderView\";\nimport TableCellView from \"@/views/TableCellView\";\n\nexport const TableLoadingView: FC<TableSupportedComponentProps> = (props) => {\n return (\n <TableView {...props}>\n <TableHeaderView>\n <TableColumnView>\n <SkeletonText width=\"100%\" />\n </TableColumnView>\n </TableHeaderView>\n <TableBodyView>\n {Array.from(Array(5)).map((_, i) => (\n <TableRowView key={i}>\n <TableCellView>\n <SkeletonTextView width=\"100%\" />\n </TableCellView>\n </TableRowView>\n ))}\n </TableBodyView>\n </TableView>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAYa,MAAA,gBAAA,GAAqD,CAAC,KAAU,KAAA;AAC3E,EACE,uBAAA,IAAA,CAAC,SAAW,EAAA,EAAA,GAAG,KACb,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,eAAA,EAAA,EACC,8BAAC,eACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,gBAAa,KAAM,EAAA,MAAA,EAAO,GAC7B,CACF,EAAA,CAAA;AAAA,oBACA,GAAA,CAAC,aACE,EAAA,EAAA,QAAA,EAAA,KAAA,CAAM,IAAK,CAAA,KAAA,CAAM,CAAC,CAAC,CAAA,CAAE,GAAI,CAAA,CAAC,CAAG,EAAA,CAAA,yBAC3B,YACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,aACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,gBAAiB,EAAA,EAAA,KAAA,EAAM,QAAO,CACjC,EAAA,CAAA,EAAA,EAHiB,CAInB,CACD,CACH,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"TableLoadingView.mjs","sources":["../../../../../../../../../src/components/List/components/Table/components/TableLoadingView.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport type { TableSupportedComponentProps } from \"@/components/List/model/table/types\";\nimport TableView from \"@/views/TableView\";\nimport TableColumnView from \"@/views/TableColumnView\";\nimport TableBodyView from \"@/views/TableBodyView\";\nimport TableRowView from \"@/views/TableRowView\";\nimport SkeletonTextView from \"@/views/SkeletonTextView\";\nimport TableHeaderView from \"@/views/TableHeaderView\";\nimport TableCellView from \"@/views/TableCellView\";\n\nexport const TableLoadingView: FC<TableSupportedComponentProps> = (props) => {\n return (\n <TableView {...props}>\n <TableHeaderView>\n <TableColumnView>\n <SkeletonTextView width=\"100%\" />\n </TableColumnView>\n </TableHeaderView>\n <TableBodyView>\n {Array.from(Array(5)).map((_, i) => (\n <TableRowView key={i}>\n <TableCellView>\n <SkeletonTextView width=\"100%\" />\n </TableCellView>\n </TableRowView>\n ))}\n </TableBodyView>\n </TableView>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAWa,MAAA,gBAAA,GAAqD,CAAC,KAAU,KAAA;AAC3E,EACE,uBAAA,IAAA,CAAC,SAAW,EAAA,EAAA,GAAG,KACb,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,eAAA,EAAA,EACC,8BAAC,eACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,oBAAiB,KAAM,EAAA,MAAA,EAAO,GACjC,CACF,EAAA,CAAA;AAAA,oBACA,GAAA,CAAC,aACE,EAAA,EAAA,QAAA,EAAA,KAAA,CAAM,IAAK,CAAA,KAAA,CAAM,CAAC,CAAC,CAAA,CAAE,GAAI,CAAA,CAAC,CAAG,EAAA,CAAA,yBAC3B,YACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,aACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,gBAAiB,EAAA,EAAA,KAAA,EAAM,QAAO,CACjC,EAAA,CAAA,EAAA,EAHiB,CAInB,CACD,CACH,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
@@ -1,7 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { jsx } from 'react/jsx-runtime';
4
- import 'react';
3
+ import { createElement } from 'react';
5
4
  import * as Aria from 'react-aria-components';
6
5
  import clsx from 'clsx';
7
6
  import styles from './Option.module.scss.mjs';
@@ -10,7 +9,17 @@ import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
10
9
  const Option = flowComponent("Option", (props) => {
11
10
  const { className, children, value, ref, ...rest } = props;
12
11
  const rootClassName = clsx(styles.option, className);
13
- return /* @__PURE__ */ jsx(Aria.ListBoxItem, { className: rootClassName, ref, ...rest, id: value, children });
12
+ return /* @__PURE__ */ createElement(
13
+ Aria.ListBoxItem,
14
+ {
15
+ className: rootClassName,
16
+ ref,
17
+ ...rest,
18
+ id: value,
19
+ key: value
20
+ },
21
+ children
22
+ );
14
23
  });
15
24
 
16
25
  export { Option, Option as default };
@@ -1 +1 @@
1
- {"version":3,"file":"Option.mjs","sources":["../../../../../../src/components/Option/Option.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./Option.module.scss\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface OptionProps\n extends Omit<Aria.ListBoxItemProps, \"children\" | \"value\" | \"id\">,\n PropsWithChildren,\n FlowComponentProps {\n value?: string | number;\n}\n\n/** @flr-generate all */\nexport const Option = flowComponent(\"Option\", (props) => {\n const { className, children, value, ref, ...rest } = props;\n\n const rootClassName = clsx(styles.option, className);\n\n return (\n <Aria.ListBoxItem className={rootClassName} ref={ref} {...rest} id={value}>\n {children}\n </Aria.ListBoxItem>\n );\n});\n\nexport default Option;\n"],"names":[],"mappings":";;;;;;;AAgBO,MAAM,MAAS,GAAA,aAAA,CAAc,QAAU,EAAA,CAAC,KAAU,KAAA;AACvD,EAAA,MAAM,EAAE,SAAW,EAAA,QAAA,EAAU,OAAO,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAErD,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,MAAA,EAAQ,SAAS,CAAA;AAEnD,EACE,uBAAA,GAAA,CAAC,IAAK,CAAA,WAAA,EAAL,EAAiB,SAAA,EAAW,aAAe,EAAA,GAAA,EAAW,GAAG,IAAA,EAAM,EAAI,EAAA,KAAA,EACjE,QACH,EAAA,CAAA;AAEJ,CAAC;;;;"}
1
+ {"version":3,"file":"Option.mjs","sources":["../../../../../../src/components/Option/Option.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./Option.module.scss\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface OptionProps\n extends Omit<Aria.ListBoxItemProps, \"children\" | \"value\" | \"id\">,\n PropsWithChildren,\n FlowComponentProps {\n value?: string | number;\n}\n\n/** @flr-generate all */\nexport const Option = flowComponent(\"Option\", (props) => {\n const { className, children, value, ref, ...rest } = props;\n\n const rootClassName = clsx(styles.option, className);\n\n return (\n <Aria.ListBoxItem\n className={rootClassName}\n ref={ref}\n {...rest}\n id={value}\n key={value}\n >\n {children}\n </Aria.ListBoxItem>\n );\n});\n\nexport default Option;\n"],"names":[],"mappings":";;;;;;AAgBO,MAAM,MAAS,GAAA,aAAA,CAAc,QAAU,EAAA,CAAC,KAAU,KAAA;AACvD,EAAA,MAAM,EAAE,SAAW,EAAA,QAAA,EAAU,OAAO,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAErD,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,MAAA,EAAQ,SAAS,CAAA;AAEnD,EACE,uBAAA,aAAA;AAAA,IAAC,IAAK,CAAA,WAAA;AAAA,IAAL;AAAA,MACC,SAAW,EAAA,aAAA;AAAA,MACX,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MACJ,EAAI,EAAA,KAAA;AAAA,MACJ,GAAK,EAAA;AAAA,KAAA;AAAA,IAEJ;AAAA,GACH;AAEJ,CAAC;;;;"}
@@ -54,16 +54,16 @@ function Field(props) {
54
54
  ...fieldProps,
55
55
  isSelected: value
56
56
  },
57
- Select: {
58
- ...fieldProps,
59
- selectedKey: value
60
- },
61
57
  Slider: fieldProps,
62
58
  PasswordCreationField: fieldProps,
63
59
  DatePicker: fieldProps,
64
60
  DateRangePicker: fieldProps,
65
61
  TimeField: fieldProps,
66
62
  SegmentedControl: fieldProps,
63
+ Select: {
64
+ ...fieldProps,
65
+ selectedKey: value
66
+ },
67
67
  ComboBox: {
68
68
  ...fieldPropsWithoutValue,
69
69
  selectedKey: value
@@ -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\" | \"control\">,\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\n Checkbox: {\n ...fieldProps,\n isSelected: value,\n },\n CheckboxGroup: fieldProps,\n CheckboxButton: {\n ...fieldProps,\n isSelected: value,\n },\n FileField: fieldProps,\n NumberField: fieldProps,\n RadioGroup: fieldProps,\n Switch: {\n ...fieldProps,\n isSelected: value,\n },\n Select: {\n ...fieldProps,\n selectedKey: value,\n },\n Slider: fieldProps,\n PasswordCreationField: fieldProps,\n DatePicker: fieldProps,\n DateRangePicker: fieldProps,\n TimeField: fieldProps,\n SegmentedControl: fieldProps,\n ComboBox: {\n ...fieldPropsWithoutValue,\n selectedKey: value,\n },\n };\n\n return (\n <PropsContextProvider\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;AACtC,EAAM,MAAA,KAAA,GAAQ,WAAW,KAAM,CAAA,KAAA;AAE/B,EAAA,MAAM,UAAa,GAAA;AAAA,IACjB,GAAG,UAAW,CAAA,KAAA;AAAA,IACd,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,IAEV,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,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;AAAA,MACN,GAAG,UAAA;AAAA,MACH,WAAa,EAAA;AAAA,KACf;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,QAAU,EAAA;AAAA,MACR,GAAG,sBAAA;AAAA,MACH,WAAa,EAAA;AAAA;AACf,GACF;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,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
+ {"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\n Checkbox: {\n ...fieldProps,\n isSelected: value,\n },\n CheckboxGroup: fieldProps,\n CheckboxButton: {\n ...fieldProps,\n isSelected: value,\n },\n FileField: 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 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;AACtC,EAAM,MAAA,KAAA,GAAQ,WAAW,KAAM,CAAA,KAAA;AAE/B,EAAA,MAAM,UAAa,GAAA;AAAA,IACjB,GAAG,UAAW,CAAA,KAAA;AAAA,IACd,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,IAEV,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,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,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":"TableLoadingView.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/List/components/Table/components/TableLoadingView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,qCAAqC,CAAC;AASxF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,4BAA4B,CAmB7D,CAAC"}
1
+ {"version":3,"file":"TableLoadingView.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/List/components/Table/components/TableLoadingView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,qCAAqC,CAAC;AASxF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,4BAA4B,CAmB7D,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../src/components/Option/Option.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAG9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG/E,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,OAAO,GAAG,IAAI,CAAC,EAC9D,iBAAiB,EACjB,kBAAkB;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,wBAAwB;AACxB,eAAO,MAAM,MAAM,4EAUjB,CAAC;AAEH,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../src/components/Option/Option.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAG9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG/E,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,OAAO,GAAG,IAAI,CAAC,EAC9D,iBAAiB,EACjB,kBAAkB;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,wBAAwB;AACxB,eAAO,MAAM,MAAM,4EAgBjB,CAAC;AAEH,eAAe,MAAM,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import { PropsWithChildren } from 'react';
2
2
  import { ControllerProps, FieldValues, UseFormReturn } from 'react-hook-form';
3
- export interface FieldProps<T extends FieldValues> extends Omit<ControllerProps<T>, "render" | "control">, PropsWithChildren {
3
+ export interface FieldProps<T extends FieldValues> extends Omit<ControllerProps<T>, "render">, PropsWithChildren {
4
4
  }
5
5
  export declare function Field<T extends FieldValues>(props: FieldProps<T>): import("react/jsx-runtime").JSX.Element;
6
6
  export declare const typedField: <T extends FieldValues>(ignoredForm: UseFormReturn<T> | UseFormReturn<T>["control"]) => typeof Field<T>;
@@ -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,GAAG,SAAS,CAAC,EACpD,iBAAiB;CAAG;AAExB,wBAAgB,KAAK,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,2CA8EhE;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"}
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,2CA8EhE;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.235",
3
+ "version": "0.2.0-alpha.237",
4
4
  "type": "module",
5
5
  "description": "A React implementation of Flow, mittwald’s design system",
6
6
  "homepage": "https://mittwald.github.io/flow",
@@ -58,7 +58,7 @@
58
58
  "@chakra-ui/live-region": "^2.1.0",
59
59
  "@internationalized/string-compiler": "^3.2.6",
60
60
  "@mittwald/password-tools-js": "^2.1.4",
61
- "@mittwald/react-tunnel": "0.2.0-alpha.235",
61
+ "@mittwald/react-tunnel": "0.2.0-alpha.237",
62
62
  "@mittwald/react-use-promise": "^3.0.4",
63
63
  "@react-aria/form": "^3.0.16",
64
64
  "@react-aria/utils": "^3.29.0",
@@ -98,7 +98,7 @@
98
98
  "devDependencies": {
99
99
  "@faker-js/faker": "^9.8.0",
100
100
  "@internationalized/date": "^3.8.1",
101
- "@mittwald/flow-design-tokens": "0.2.0-alpha.235",
101
+ "@mittwald/flow-design-tokens": "0.2.0-alpha.237",
102
102
  "@mittwald/react-use-promise": "^3.0.4",
103
103
  "@mittwald/remote-dom-react": "1.2.2-mittwald.3",
104
104
  "@mittwald/typescript-config": "",
@@ -180,5 +180,5 @@
180
180
  "optional": true
181
181
  }
182
182
  },
183
- "gitHead": "63374cb9a09d60447a2c1b08b9acde308a07b75a"
183
+ "gitHead": "e4b6b380804d47c1c560e74e7652e9dcd3a707c7"
184
184
  }