@mittwald/flow-react-components 0.2.0-alpha.555 → 0.2.0-alpha.557
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 +10 -0
- package/dist/assets/doc-properties.json +23696 -23660
- package/dist/css/all.css +1 -1
- package/dist/js/components/src/components/Autocomplete/Autocomplete.mjs +7 -3
- package/dist/js/components/src/components/Autocomplete/Autocomplete.mjs.map +1 -1
- package/dist/js/components/src/components/CartesianChart/CartesianChart.mjs +0 -1
- package/dist/js/components/src/components/CartesianChart/CartesianChart.mjs.map +1 -1
- package/dist/js/components/src/components/List/components/Header/components/ActiveFilters/ActiveFilters.mjs +98 -1
- package/dist/js/components/src/components/List/components/Header/components/ActiveFilters/ActiveFilters.mjs.map +1 -1
- package/dist/js/components/src/components/List/hooks/useAriaAnnounceSearchState.mjs +0 -1
- package/dist/js/components/src/components/List/hooks/useAriaAnnounceSearchState.mjs.map +1 -1
- package/dist/js/components/src/components/Modal/components/OffCanvasSuspenseFallback/OffCanvasSuspenseFallback.mjs +0 -1
- package/dist/js/components/src/components/Modal/components/OffCanvasSuspenseFallback/OffCanvasSuspenseFallback.mjs.map +1 -1
- package/dist/js/components/src/components/Overlay/Overlay.mjs +103 -2
- package/dist/js/components/src/components/Overlay/Overlay.mjs.map +1 -1
- package/dist/js/components/src/components/Overlay/components/OverlaySuspenseFallback.mjs +0 -1
- package/dist/js/components/src/components/Overlay/components/OverlaySuspenseFallback.mjs.map +1 -1
- package/dist/js/components/src/components/Popover/Popover.mjs +103 -2
- package/dist/js/components/src/components/Popover/Popover.mjs.map +1 -1
- package/dist/js/components/src/components/TextFieldBase/TextFieldBase.mjs +1 -1
- package/dist/js/components/src/components/TextFieldBase/TextFieldBase.mjs.map +1 -1
- package/dist/js/components/src/components/Tooltip/Tooltip.mjs +106 -2
- package/dist/js/components/src/components/Tooltip/Tooltip.mjs.map +1 -1
- package/dist/js/components/src/integrations/react-hook-form/components/Field/Field.mjs +1 -2
- package/dist/js/components/src/integrations/react-hook-form/components/Field/Field.mjs.map +1 -1
- package/dist/js/components/src/lib/hooks/useFieldError.mjs +0 -1
- package/dist/js/components/src/lib/hooks/useFieldError.mjs.map +1 -1
- package/dist/js/components/src/lib/propsContext/components/ClearPropsContext.mjs.map +1 -1
- package/dist/js/components/src/lib/propsContext/inherit/types.mjs +1 -4
- package/dist/js/components/src/lib/propsContext/inherit/types.mjs.map +1 -1
- package/dist/js/flr-universal.mjs +1 -2
- package/dist/js/flr-universal.mjs.map +1 -1
- package/dist/types/components/Autocomplete/Autocomplete.d.ts +4 -1
- package/dist/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/dist/types/components/ClearPropsContext/index.d.ts +0 -1
- package/dist/types/components/ClearPropsContext/index.d.ts.map +1 -1
- package/dist/types/integrations/react-hook-form/components/Field/Field.d.ts.map +1 -1
- package/dist/types/lib/propsContext/components/ClearPropsContext.d.ts +0 -1
- package/dist/types/lib/propsContext/components/ClearPropsContext.d.ts.map +1 -1
- package/package.json +4 -4
- package/dist/js/components/src/views/ClearPropsContextView.mjs +0 -15
- package/dist/js/components/src/views/ClearPropsContextView.mjs.map +0 -1
- package/dist/types/components/ClearPropsContext/view.d.ts +0 -8
- package/dist/types/components/ClearPropsContext/view.d.ts.map +0 -1
- package/dist/types/views/ClearPropsContextView.d.ts +0 -5
- package/dist/types/views/ClearPropsContextView.d.ts.map +0 -1
|
@@ -20,7 +20,7 @@ const TextFieldBase = (props) => {
|
|
|
20
20
|
...rest
|
|
21
21
|
} = props;
|
|
22
22
|
const [charactersCount, setCharactersCount] = useState(
|
|
23
|
-
props.value?.length ?? 0
|
|
23
|
+
props.defaultValue?.length ?? props.value?.length ?? 0
|
|
24
24
|
);
|
|
25
25
|
const translation = useLocalizedStringFormatter(locales);
|
|
26
26
|
const handleOnChange = (v) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextFieldBase.mjs","sources":["../../../../../../src/components/TextFieldBase/TextFieldBase.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren, type ReactNode } from \"react\";\nimport { useState } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport { FieldDescription } from \"@/components/FieldDescription\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport type { UseFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport styles from \"../FormField/FormField.module.scss\";\n\nexport interface TextFieldBaseProps\n extends PropsWithChildren<Omit<Aria.TextFieldProps, \"children\">>,\n Pick<FlowComponentProps<HTMLInputElement>, \"ref\">,\n Pick<UseFieldComponent, \"FieldErrorView\" | \"FieldErrorCaptureContext\"> {\n /** The input element */\n input: ReactNode;\n /** Whether a character count should be displayed inside the field description. */\n showCharacterCount?: boolean;\n}\n\nexport const TextFieldBase: FC<TextFieldBaseProps> = (props) => {\n const {\n children,\n className,\n input,\n showCharacterCount,\n ref,\n FieldErrorView,\n FieldErrorCaptureContext,\n ...rest\n } = props;\n\n const [charactersCount, setCharactersCount] = useState(\n props.value?.length ?? 0,\n );\n\n const translation = useLocalizedStringFormatter(locales);\n\n const handleOnChange = (v: string) => {\n if (showCharacterCount) {\n setCharactersCount(v.length);\n }\n if (props.onChange) {\n props.onChange(v);\n }\n };\n\n const charactersCountDescription = translation.format(\n \"textFieldBase.characters\",\n {\n count: charactersCount,\n maxCount: props.maxLength ?? 0,\n },\n );\n\n /** Prevent weird reset behavior when value is 'undefined' */\n const propsWithOptionalStringValue =\n \"value\" in props\n ? {\n value: props.value ?? \"\",\n }\n : {};\n\n return (\n <Aria.TextField\n ref={ref}\n {...rest}\n className={className}\n onChange={handleOnChange}\n {...propsWithOptionalStringValue}\n >\n <FieldErrorCaptureContext>\n {children}\n {input}\n {showCharacterCount && (\n <FieldDescription className={styles.fieldDescription}>\n {charactersCountDescription}\n </FieldDescription>\n )}\n </FieldErrorCaptureContext>\n <FieldErrorView />\n </Aria.TextField>\n );\n};\n\nexport default TextFieldBase;\n"],"names":["styles"],"mappings":";;;;;;;;AAoBO,MAAM,aAAA,GAAwC,CAAC,KAAA,KAAU;AAC9D,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,kBAAA;AAAA,IACA,GAAA;AAAA,IACA,cAAA;AAAA,IACA,wBAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,QAAA;AAAA,IAC5C,KAAA,CAAM,OAAO,MAAA,IAAU;AAAA,
|
|
1
|
+
{"version":3,"file":"TextFieldBase.mjs","sources":["../../../../../../src/components/TextFieldBase/TextFieldBase.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren, type ReactNode } from \"react\";\nimport { useState } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport { FieldDescription } from \"@/components/FieldDescription\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport type { UseFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport styles from \"../FormField/FormField.module.scss\";\n\nexport interface TextFieldBaseProps\n extends PropsWithChildren<Omit<Aria.TextFieldProps, \"children\">>,\n Pick<FlowComponentProps<HTMLInputElement>, \"ref\">,\n Pick<UseFieldComponent, \"FieldErrorView\" | \"FieldErrorCaptureContext\"> {\n /** The input element */\n input: ReactNode;\n /** Whether a character count should be displayed inside the field description. */\n showCharacterCount?: boolean;\n}\n\nexport const TextFieldBase: FC<TextFieldBaseProps> = (props) => {\n const {\n children,\n className,\n input,\n showCharacterCount,\n ref,\n FieldErrorView,\n FieldErrorCaptureContext,\n ...rest\n } = props;\n\n const [charactersCount, setCharactersCount] = useState(\n props.defaultValue?.length ?? props.value?.length ?? 0,\n );\n\n const translation = useLocalizedStringFormatter(locales);\n\n const handleOnChange = (v: string) => {\n if (showCharacterCount) {\n setCharactersCount(v.length);\n }\n if (props.onChange) {\n props.onChange(v);\n }\n };\n\n const charactersCountDescription = translation.format(\n \"textFieldBase.characters\",\n {\n count: charactersCount,\n maxCount: props.maxLength ?? 0,\n },\n );\n\n /** Prevent weird reset behavior when value is 'undefined' */\n const propsWithOptionalStringValue =\n \"value\" in props\n ? {\n value: props.value ?? \"\",\n }\n : {};\n\n return (\n <Aria.TextField\n ref={ref}\n {...rest}\n className={className}\n onChange={handleOnChange}\n {...propsWithOptionalStringValue}\n >\n <FieldErrorCaptureContext>\n {children}\n {input}\n {showCharacterCount && (\n <FieldDescription className={styles.fieldDescription}>\n {charactersCountDescription}\n </FieldDescription>\n )}\n </FieldErrorCaptureContext>\n <FieldErrorView />\n </Aria.TextField>\n );\n};\n\nexport default TextFieldBase;\n"],"names":["styles"],"mappings":";;;;;;;;AAoBO,MAAM,aAAA,GAAwC,CAAC,KAAA,KAAU;AAC9D,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,kBAAA;AAAA,IACA,GAAA;AAAA,IACA,cAAA;AAAA,IACA,wBAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,QAAA;AAAA,IAC5C,KAAA,CAAM,YAAA,EAAc,MAAA,IAAU,KAAA,CAAM,OAAO,MAAA,IAAU;AAAA,GACvD;AAEA,EAAA,MAAM,WAAA,GAAc,4BAA4B,OAAO,CAAA;AAEvD,EAAA,MAAM,cAAA,GAAiB,CAAC,CAAA,KAAc;AACpC,IAAA,IAAI,kBAAA,EAAoB;AACtB,MAAA,kBAAA,CAAmB,EAAE,MAAM,CAAA;AAAA,IAC7B;AACA,IAAA,IAAI,MAAM,QAAA,EAAU;AAClB,MAAA,KAAA,CAAM,SAAS,CAAC,CAAA;AAAA,IAClB;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,6BAA6B,WAAA,CAAY,MAAA;AAAA,IAC7C,0BAAA;AAAA,IACA;AAAA,MACE,KAAA,EAAO,eAAA;AAAA,MACP,QAAA,EAAU,MAAM,SAAA,IAAa;AAAA;AAC/B,GACF;AAGA,EAAA,MAAM,4BAAA,GACJ,WAAW,KAAA,GACP;AAAA,IACE,KAAA,EAAO,MAAM,KAAA,IAAS;AAAA,MAExB,EAAC;AAEP,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA,CAAK,SAAA;AAAA,IAAL;AAAA,MACC,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MACJ,SAAA;AAAA,MACA,QAAA,EAAU,cAAA;AAAA,MACT,GAAG,4BAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,wBAAA,EAAA,EACE,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,UACA,KAAA;AAAA,UACA,sCACC,GAAA,CAAC,gBAAA,EAAA,EAAiB,SAAA,EAAWA,eAAA,CAAO,kBACjC,QAAA,EAAA,0BAAA,EACH;AAAA,SAAA,EAEJ,CAAA;AAAA,4BACC,cAAA,EAAA,EAAe;AAAA;AAAA;AAAA,GAClB;AAEJ;;;;"}
|
|
@@ -4,12 +4,116 @@ import { jsx, jsxs } from 'react/jsx-runtime';
|
|
|
4
4
|
import * as Aria from 'react-aria-components';
|
|
5
5
|
import styles from './Tooltip.module.scss.mjs';
|
|
6
6
|
import clsx from 'clsx';
|
|
7
|
-
import
|
|
7
|
+
import '../AccentBox/AccentBox.mjs';
|
|
8
|
+
import 'react';
|
|
9
|
+
import '../../lib/propsContext/propsContext.mjs';
|
|
10
|
+
import '../../lib/propsContext/components/PropsContextProvider.mjs';
|
|
11
|
+
import '../Button/Button.mjs';
|
|
12
|
+
import '@tabler/icons-react';
|
|
13
|
+
import '../Icon/Icon.mjs';
|
|
14
|
+
import '../../views/IconView.mjs';
|
|
15
|
+
import '@mittwald/react-tunnel';
|
|
16
|
+
import '../SuspenseTrigger/SuspenseTrigger.mjs';
|
|
17
|
+
import 'react-aria';
|
|
18
|
+
import '../Action/Action.mjs';
|
|
19
|
+
import '@react-aria/live-announcer';
|
|
20
|
+
import '../ActionGroup/ActionGroup.mjs';
|
|
21
|
+
import '../Alert/Alert.mjs';
|
|
22
|
+
import '../AlertBadge/AlertBadge.mjs';
|
|
23
|
+
import '../Align/Align.mjs';
|
|
24
|
+
import '../Autocomplete/Autocomplete.mjs';
|
|
25
|
+
import '../Avatar/Avatar.mjs';
|
|
26
|
+
import '../Badge/Badge.mjs';
|
|
27
|
+
import 'mobx';
|
|
28
|
+
import '../../lib/controller/overlay/context.mjs';
|
|
29
|
+
import 'remeda';
|
|
30
|
+
import '@react-aria/utils';
|
|
31
|
+
import 'dot-prop';
|
|
32
|
+
import 'recharts';
|
|
33
|
+
import '../Heading/Heading.mjs';
|
|
34
|
+
import '../Text/Text.mjs';
|
|
35
|
+
import '../Checkbox/Checkbox.mjs';
|
|
36
|
+
import '../CheckboxButton/CheckboxButton.mjs';
|
|
37
|
+
import '../CheckboxGroup/CheckboxGroup.mjs';
|
|
38
|
+
import { ClearPropsContext } from '../../lib/propsContext/components/ClearPropsContext.mjs';
|
|
39
|
+
import 'react-syntax-highlighter';
|
|
40
|
+
import '../CopyButton/CopyButton.mjs';
|
|
41
|
+
import '../ColumnLayout/ColumnLayout.mjs';
|
|
42
|
+
import '../ComboBox/ComboBox.mjs';
|
|
43
|
+
import '../../lib/propsContext/components/ComponentPropsContextProvider.mjs';
|
|
44
|
+
import '../Content/Content.mjs';
|
|
45
|
+
import '../ContextMenu/ContextMenu.mjs';
|
|
46
|
+
import '../MenuItem/MenuItem.mjs';
|
|
47
|
+
import '../ContextMenu/components/ContextMenuTrigger/ContextMenuTrigger.mjs';
|
|
48
|
+
import '../ContextMenu/components/ContextMenuSection/ContextMenuSection.mjs';
|
|
49
|
+
import '../ContextualHelp/ContextualHelp.mjs';
|
|
50
|
+
import '../ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger.mjs';
|
|
51
|
+
import '../CounterBadge/CounterBadge.mjs';
|
|
52
|
+
import '../CountryOptions/CountryOptions.mjs';
|
|
53
|
+
import '../DatePicker/DatePicker.mjs';
|
|
54
|
+
import '../DateRangePicker/DateRangePicker.mjs';
|
|
55
|
+
import '../FieldDescription/FieldDescription.mjs';
|
|
56
|
+
import '../FieldError/FieldError.mjs';
|
|
57
|
+
import '../FileCard/FileCard.mjs';
|
|
58
|
+
import '../FileCardList/FileCardList.mjs';
|
|
59
|
+
import '../FileDropZone/FileDropZone.mjs';
|
|
60
|
+
import '../FileField/FileField.mjs';
|
|
61
|
+
import '../Header/Header.mjs';
|
|
62
|
+
import '../Image/Image.mjs';
|
|
63
|
+
import '../Initials/Initials.mjs';
|
|
64
|
+
import '../Label/Label.mjs';
|
|
65
|
+
import '../LayoutCard/LayoutCard.mjs';
|
|
66
|
+
import '../OverlayTrigger/components/MenuTrigger/MenuTrigger.mjs';
|
|
67
|
+
import '../../views/DialogTriggerView.mjs';
|
|
68
|
+
import '../LightBox/LightBox.mjs';
|
|
69
|
+
import '../Link/Link.mjs';
|
|
70
|
+
import 'invariant';
|
|
71
|
+
import '../../views/ListItemViewContentView.mjs';
|
|
72
|
+
import '../../views/ButtonView.mjs';
|
|
73
|
+
import '../../views/ContextMenuTriggerView.mjs';
|
|
74
|
+
import '../List/components/ListSummary/ListSummary.mjs';
|
|
75
|
+
import '../List/listContext.mjs';
|
|
76
|
+
import '../List/List.mjs';
|
|
77
|
+
import 'react-markdown';
|
|
78
|
+
import 'remark-gfm';
|
|
79
|
+
import '../MarkdownEditor/MarkdownEditor.mjs';
|
|
80
|
+
import '../Message/Message.mjs';
|
|
81
|
+
import '../MessageThread/MessageThread.mjs';
|
|
82
|
+
import '../Modal/Modal.mjs';
|
|
83
|
+
import '../Navigation/Navigation.mjs';
|
|
84
|
+
import '../Navigation/components/NavigationGroup/NavigationGroup.mjs';
|
|
85
|
+
import '../NotificationProvider/NotificationProvider.mjs';
|
|
86
|
+
import 'luxon';
|
|
87
|
+
import '../NumberField/NumberField.mjs';
|
|
88
|
+
import '../Option/Option.mjs';
|
|
89
|
+
import '../../views/OverlayContentView.mjs';
|
|
90
|
+
import '../../views/LoadingSpinnerView.mjs';
|
|
91
|
+
import '../PasswordCreationField/PasswordCreationField.mjs';
|
|
92
|
+
import '../Popover/components/PopoverTrigger/PopoverTrigger.mjs';
|
|
93
|
+
import '../Popover/Popover.mjs';
|
|
94
|
+
import '../ProgressBar/ProgressBar.mjs';
|
|
95
|
+
import '../RadioGroup/RadioGroup.mjs';
|
|
96
|
+
import '../RadioGroup/components/Radio/Radio.mjs';
|
|
97
|
+
import '../RadioGroup/components/RadioButton/RadioButton.mjs';
|
|
98
|
+
import '../SearchField/SearchField.mjs';
|
|
99
|
+
import '../Section/Section.mjs';
|
|
100
|
+
import '../SegmentedControl/SegmentedControl.mjs';
|
|
101
|
+
import '../SegmentedControl/components/Segment/Segment.mjs';
|
|
102
|
+
import '../Select/Select.mjs';
|
|
103
|
+
import '../SettingsProvider/SettingsProvider.mjs';
|
|
104
|
+
import '../Slider/Slider.mjs';
|
|
105
|
+
import '../Switch/Switch.mjs';
|
|
106
|
+
import '../Tabs/Tabs.mjs';
|
|
107
|
+
import '../Tabs/components/Tab/context.mjs';
|
|
108
|
+
import '../TextArea/TextArea.mjs';
|
|
109
|
+
import '../TextField/TextField.mjs';
|
|
110
|
+
import '../TimeField/TimeField.mjs';
|
|
111
|
+
import '../TranslationProvider/TranslationProvider.mjs';
|
|
8
112
|
|
|
9
113
|
const Tooltip = (props) => {
|
|
10
114
|
const { children, className, ...rest } = props;
|
|
11
115
|
const rootClassName = clsx(styles.tooltip, className);
|
|
12
|
-
return /* @__PURE__ */ jsx(
|
|
116
|
+
return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsxs(Aria.Tooltip, { ...rest, className: rootClassName, children: [
|
|
13
117
|
/* @__PURE__ */ jsx(Aria.OverlayArrow, { className: styles.tip, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 8 8", children: /* @__PURE__ */ jsx("path", { d: "M0 0 L4 4 L8 0" }) }) }),
|
|
14
118
|
children
|
|
15
119
|
] }) });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.mjs","sources":["../../../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport styles from \"./Tooltip.module.scss\";\nimport clsx from \"clsx\";\nimport
|
|
1
|
+
{"version":3,"file":"Tooltip.mjs","sources":["../../../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport styles from \"./Tooltip.module.scss\";\nimport clsx from \"clsx\";\nimport { ClearPropsContext } from \"@/index/default\";\n\nexport type TooltipProps = PropsWithChildren<\n Omit<Aria.TooltipProps, \"children\">\n>;\n\n/** @flr-generate all */\nexport const Tooltip: FC<TooltipProps> = (props) => {\n const { children, className, ...rest } = props;\n\n const rootClassName = clsx(styles.tooltip, className);\n\n return (\n <ClearPropsContext>\n <Aria.Tooltip {...rest} className={rootClassName}>\n <Aria.OverlayArrow className={styles.tip}>\n <svg viewBox=\"0 0 8 8\">\n <path d=\"M0 0 L4 4 L8 0\" />\n </svg>\n </Aria.OverlayArrow>\n {children}\n </Aria.Tooltip>\n </ClearPropsContext>\n );\n};\n\nexport default Tooltip;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAM,OAAA,GAA4B,CAAC,KAAA,KAAU;AAClD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AAEzC,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,OAAA,EAAS,SAAS,CAAA;AAEpD,EAAA,uBACE,GAAA,CAAC,qBACC,QAAA,kBAAA,IAAA,CAAC,IAAA,CAAK,SAAL,EAAc,GAAG,IAAA,EAAM,SAAA,EAAW,aAAA,EACjC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAA,CAAK,YAAA,EAAL,EAAkB,SAAA,EAAW,OAAO,GAAA,EACnC,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,OAAA,EAAQ,WACX,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gBAAA,EAAiB,GAC3B,CAAA,EACF,CAAA;AAAA,IACC;AAAA,GAAA,EACH,CAAA,EACF,CAAA;AAEJ;;;;"}
|
|
@@ -9,7 +9,6 @@ import 'react';
|
|
|
9
9
|
import { useController, useWatch } from 'react-hook-form';
|
|
10
10
|
import { useLocalizedStringFormatter } from 'react-aria';
|
|
11
11
|
import locales from '../../../../../../_virtual/_.locale.json@72ba2ce40f190df671686fec50c04ddf.mjs';
|
|
12
|
-
import { inheritProps } from '../../../../lib/propsContext/inherit/types.mjs';
|
|
13
12
|
import FieldErrorView from '../../../../views/FieldErrorView.mjs';
|
|
14
13
|
import { useHotkeys } from 'react-hotkeys-hook';
|
|
15
14
|
import { useMergeRefs } from 'use-callback-ref';
|
|
@@ -53,7 +52,6 @@ function Field(props) {
|
|
|
53
52
|
);
|
|
54
53
|
const fieldRef = useMergeRefs([controller.field.ref, hotkeyRef]);
|
|
55
54
|
const fieldProps = {
|
|
56
|
-
...inheritProps,
|
|
57
55
|
...controller.field,
|
|
58
56
|
ref: fieldRef,
|
|
59
57
|
value,
|
|
@@ -73,6 +71,7 @@ function Field(props) {
|
|
|
73
71
|
};
|
|
74
72
|
const { value: ignoredValue, ...fieldPropsWithoutValue } = fieldProps;
|
|
75
73
|
const propsContext = {
|
|
74
|
+
Autocomplete: fieldProps,
|
|
76
75
|
SearchField: fieldProps,
|
|
77
76
|
TextField: fieldProps,
|
|
78
77
|
TextArea: fieldProps,
|
|
@@ -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 { dynamic, type PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { type PropsWithChildren } from \"react\";\nimport {\n type ControllerProps,\n type FieldValues,\n useController,\n type UseFormReturn,\n useWatch,\n} from \"react-hook-form\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"./locales/*.locale.json\";\nimport
|
|
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 { dynamic, type PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { type PropsWithChildren } from \"react\";\nimport {\n type ControllerProps,\n type FieldValues,\n useController,\n type UseFormReturn,\n useWatch,\n} from \"react-hook-form\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"./locales/*.locale.json\";\nimport FieldErrorView from \"@/views/FieldErrorView\";\nimport { useHotkeys } from \"react-hotkeys-hook\";\nimport { useMergeRefs } from \"use-callback-ref\";\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 stringFormatter = useLocalizedStringFormatter(locales);\n\n const controller = useController({\n ...props,\n rules: {\n ...props.rules,\n minLength:\n typeof rest.rules?.minLength === \"number\"\n ? {\n value: rest.rules.minLength,\n message: stringFormatter.format(\"minLength\", {\n number: rest.rules.minLength,\n }),\n }\n : rest.rules?.minLength,\n maxLength:\n typeof rest.rules?.maxLength === \"number\"\n ? {\n value: rest.rules.maxLength,\n message: stringFormatter.format(\"maxLength\", {\n number: rest.rules.maxLength,\n }),\n }\n : rest.rules?.maxLength,\n },\n });\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 =\n useWatch({\n control: formContext.form.control,\n name,\n }) ?? controller.field.value;\n\n const isFieldInvalid = controller.fieldState.invalid;\n\n const hotkeyRef = useHotkeys<never>(\n \"meta+enter, ctrl+enter\",\n () => {\n formContext.submit();\n },\n {\n enableOnFormTags: true,\n enableOnContentEditable: true,\n },\n );\n const fieldRef = useMergeRefs([controller.field.ref, hotkeyRef]);\n\n const fieldProps = {\n ...controller.field,\n ref: fieldRef,\n value,\n name,\n form: formContext.id,\n isRequired: !!rest.rules?.required,\n isReadOnly: formContext.isReadOnly,\n validationBehavior: \"aria\" as const,\n defaultValue,\n isInvalid: isFieldInvalid,\n children: dynamic((p) => {\n return (\n <>\n {p.children}\n <FieldErrorView>\n {controller.fieldState.error?.message}\n </FieldErrorView>\n </>\n );\n }),\n };\n\n const { value: ignoredValue, ...fieldPropsWithoutValue } = fieldProps;\n\n const propsContext: PropsContext = {\n Autocomplete: fieldProps,\n SearchField: fieldProps,\n TextField: fieldProps,\n TextArea: fieldProps,\n MarkdownEditor: fieldProps,\n Checkbox: {\n ...fieldProps,\n isSelected: value,\n },\n CheckboxGroup: {\n ...fieldProps,\n },\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 props={propsContext}\n dependencies={[\n controller.fieldState,\n controller.field,\n value,\n formContext.isReadOnly,\n ]}\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":"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"}
|
|
@@ -86,7 +86,6 @@ import 'luxon';
|
|
|
86
86
|
import '../../components/NumberField/NumberField.mjs';
|
|
87
87
|
import '../../components/Option/Option.mjs';
|
|
88
88
|
import '../../views/OverlayContentView.mjs';
|
|
89
|
-
import '../../views/ClearPropsContextView.mjs';
|
|
90
89
|
import '../../views/LoadingSpinnerView.mjs';
|
|
91
90
|
import '../../components/PasswordCreationField/PasswordCreationField.mjs';
|
|
92
91
|
import '../../components/Popover/components/PopoverTrigger/PopoverTrigger.mjs';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useFieldError.mjs","sources":["../../../../../../src/lib/hooks/useFieldError.tsx"],"sourcesContent":["import React, { type FC, type PropsWithChildren, useId, useMemo } from \"react\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport { TunnelExit } from \"@mittwald/react-tunnel\";\nimport ClearPropsContext from \"@/lib/propsContext/components/ClearPropsContext\";\nimport { useProps } from \"@/index/default\";\n\nexport const useFieldError = (tunnelIdFromProps?: string) => {\n const id = useId();\n const currentTunnelId = useProps(\"FieldError\", {}).tunnelId;\n const tunnelId = tunnelIdFromProps ?? currentTunnelId ?? `${id}.fieldError`;\n\n const fieldErrorCapturePropsContext: PropsContext = {\n FieldError: {\n ___inherit: \"preserve\",\n tunnelId,\n className: formFieldStyles.fieldError,\n },\n };\n\n const FieldErrorCaptureContext: FC<PropsWithChildren> = useMemo(\n () => (props) => {\n return (\n <PropsContextProvider\n levelMode=\"keep\"\n props={fieldErrorCapturePropsContext}\n dependencies={[tunnelId]}\n >\n {props.children}\n </PropsContextProvider>\n );\n },\n [tunnelId],\n );\n\n const FieldErrorView = () => {\n if (currentTunnelId) {\n return null;\n }\n\n return (\n <TunnelExit id={tunnelId}>\n {(children) => {\n const childrenArray = React.Children.toArray(children);\n return <ClearPropsContext>{childrenArray[0]}</ClearPropsContext>;\n }}\n </TunnelExit>\n );\n };\n\n return {\n FieldErrorCaptureContext,\n FieldErrorView,\n } as const;\n};\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useFieldError.mjs","sources":["../../../../../../src/lib/hooks/useFieldError.tsx"],"sourcesContent":["import React, { type FC, type PropsWithChildren, useId, useMemo } from \"react\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport { TunnelExit } from \"@mittwald/react-tunnel\";\nimport ClearPropsContext from \"@/lib/propsContext/components/ClearPropsContext\";\nimport { useProps } from \"@/index/default\";\n\nexport const useFieldError = (tunnelIdFromProps?: string) => {\n const id = useId();\n const currentTunnelId = useProps(\"FieldError\", {}).tunnelId;\n const tunnelId = tunnelIdFromProps ?? currentTunnelId ?? `${id}.fieldError`;\n\n const fieldErrorCapturePropsContext: PropsContext = {\n FieldError: {\n ___inherit: \"preserve\",\n tunnelId,\n className: formFieldStyles.fieldError,\n },\n };\n\n const FieldErrorCaptureContext: FC<PropsWithChildren> = useMemo(\n () => (props) => {\n return (\n <PropsContextProvider\n levelMode=\"keep\"\n props={fieldErrorCapturePropsContext}\n dependencies={[tunnelId]}\n >\n {props.children}\n </PropsContextProvider>\n );\n },\n [tunnelId],\n );\n\n const FieldErrorView = () => {\n if (currentTunnelId) {\n return null;\n }\n\n return (\n <TunnelExit id={tunnelId}>\n {(children) => {\n const childrenArray = React.Children.toArray(children);\n return <ClearPropsContext>{childrenArray[0]}</ClearPropsContext>;\n }}\n </TunnelExit>\n );\n };\n\n return {\n FieldErrorCaptureContext,\n FieldErrorView,\n } as const;\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAM,aAAA,GAAgB,CAAC,iBAAA,KAA+B;AAC3D,EAAA,MAAM,KAAK,KAAA,EAAM;AACjB,EAAA,MAAM,eAAA,GAAkB,QAAA,CAAS,YAAA,EAAc,EAAE,CAAA,CAAE,QAAA;AACnD,EAAA,MAAM,QAAA,GAAgC,eAAA,IAAmB,CAAA,EAAG,EAAE,CAAA,WAAA,CAAA;AAE9D,EAAA,MAAM,6BAAA,GAA8C;AAAA,IAClD,UAAA,EAAY;AAAA,MACV,UAAA,EAAY,UAAA;AAAA,MACZ,QAAA;AAAA,MACA,WAAW,eAAA,CAAgB;AAAA;AAC7B,GACF;AAEA,EAAA,MAAM,wBAAA,GAAkD,OAAA;AAAA,IACtD,MAAM,CAAC,KAAA,KAAU;AACf,MAAA,uBACE,GAAA;AAAA,QAAC,oBAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,MAAA;AAAA,UACV,KAAA,EAAO,6BAAA;AAAA,UACP,YAAA,EAAc,CAAC,QAAQ,CAAA;AAAA,UAEtB,QAAA,EAAA,KAAA,CAAM;AAAA;AAAA,OACT;AAAA,IAEJ,CAAA;AAAA,IACA,CAAC,QAAQ;AAAA,GACX;AAEA,EAAA,MAAM,iBAAiB,MAAM;AAC3B,IAAA,IAAI,eAAA,EAAiB;AACnB,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,uBACE,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAI,QAAA,EACb,WAAC,QAAA,KAAa;AACb,MAAA,MAAM,aAAA,GAAgB,KAAA,CAAM,QAAA,CAAS,OAAA,CAAQ,QAAQ,CAAA;AACrD,MAAA,uBAAO,GAAA,CAAC,iBAAA,EAAA,EAAmB,QAAA,EAAA,aAAA,CAAc,CAAC,CAAA,EAAE,CAAA;AAAA,IAC9C,CAAA,EACF,CAAA;AAAA,EAEJ,CAAA;AAEA,EAAA,OAAO;AAAA,IACL,wBAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClearPropsContext.mjs","sources":["../../../../../../../src/lib/propsContext/components/ClearPropsContext.tsx"],"sourcesContent":["import {\n PropsContextProvider,\n usePropsContext,\n} from \"@/lib/propsContext/propsContext\";\nimport { PropsContextLevelProvider } from \"@/lib/propsContext/inherit/PropsContextLevelProvider\";\nimport { useMemo, type FC, type PropsWithChildren } from \"react\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport type { PropsContext } from \"@/index/internal\";\n\nexport interface ClearPropsContextProps extends PropsWithChildren {\n keep?: FlowComponentName;\n}\n\
|
|
1
|
+
{"version":3,"file":"ClearPropsContext.mjs","sources":["../../../../../../../src/lib/propsContext/components/ClearPropsContext.tsx"],"sourcesContent":["import {\n PropsContextProvider,\n usePropsContext,\n} from \"@/lib/propsContext/propsContext\";\nimport { PropsContextLevelProvider } from \"@/lib/propsContext/inherit/PropsContextLevelProvider\";\nimport { useMemo, type FC, type PropsWithChildren } from \"react\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport type { PropsContext } from \"@/index/internal\";\n\nexport interface ClearPropsContextProps extends PropsWithChildren {\n keep?: FlowComponentName;\n}\n\nexport const ClearPropsContext: FC<ClearPropsContextProps> = (props) => {\n const { children, keep } = props;\n\n const parentPropsContext = usePropsContext();\n\n const withKeptComponentProps: PropsContext = useMemo(\n () => (keep ? parentPropsContext[keep] : undefined) ?? {},\n [keep, parentPropsContext],\n );\n\n return (\n <PropsContextLevelProvider mode=\"reset\">\n <PropsContextProvider value={withKeptComponentProps}>\n {children}\n </PropsContextProvider>\n </PropsContextLevelProvider>\n );\n};\n\nexport default ClearPropsContext;\n"],"names":[],"mappings":";;;;;AAaO,MAAM,iBAAA,GAAgD,CAAC,KAAA,KAAU;AACtE,EAAA,MAAM,EAAE,QAAA,EAAU,IAAA,EAAK,GAAI,KAAA;AAE3B,EAAA,MAAM,qBAAqB,eAAA,EAAgB;AAE3C,EAAA,MAAM,sBAAA,GAAuC,OAAA;AAAA,IAC3C,OAAO,IAAA,GAAO,kBAAA,CAAmB,IAAI,CAAA,GAAI,WAAc,EAAC;AAAA,IACxD,CAAC,MAAM,kBAAkB;AAAA,GAC3B;AAEA,EAAA,uBACE,GAAA,CAAC,6BAA0B,IAAA,EAAK,OAAA,EAC9B,8BAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,sBAAA,EAC1B,QAAA,EACH,CAAA,EACF,CAAA;AAEJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.mjs","sources":["../../../../../../../src/lib/propsContext/inherit/types.ts"],"sourcesContent":["/** @internal */\nexport const inheritPropsContextKey = \"___inherit\" as const;\n\n/** @internal */\nexport type InheritPropsContextKey = typeof inheritPropsContextKey;\n\nexport interface InheritPropsContextSettings {\n [inheritPropsContextKey]?: boolean | \"preserve\";\n}\n\nexport const inheritProps: InheritPropsContextSettings = {\n [inheritPropsContextKey]: true,\n};\n\nexport type PropsContextLevelMode =\n | \"reset\"\n | \"increment\"\n | \"decrement\"\n | \"keep\";\n"],"names":[],"mappings":"AACO,MAAM,sBAAA,GAAyB
|
|
1
|
+
{"version":3,"file":"types.mjs","sources":["../../../../../../../src/lib/propsContext/inherit/types.ts"],"sourcesContent":["/** @internal */\nexport const inheritPropsContextKey = \"___inherit\" as const;\n\n/** @internal */\nexport type InheritPropsContextKey = typeof inheritPropsContextKey;\n\nexport interface InheritPropsContextSettings {\n [inheritPropsContextKey]?: boolean | \"preserve\";\n}\n\nexport const inheritProps: InheritPropsContextSettings = {\n [inheritPropsContextKey]: true,\n};\n\nexport type PropsContextLevelMode =\n | \"reset\"\n | \"increment\"\n | \"decrement\"\n | \"keep\";\n"],"names":[],"mappings":"AACO,MAAM,sBAAA,GAAyB;;;;"}
|
|
@@ -201,11 +201,10 @@ export { OverlayController } from './components/src/lib/controller/overlay/Overl
|
|
|
201
201
|
export { useOverlayController } from './components/src/lib/controller/overlay/useOverlayController.mjs';
|
|
202
202
|
import './components/src/lib/controller/overlay/context.mjs';
|
|
203
203
|
import './components/src/views/OverlayContentView.mjs';
|
|
204
|
-
import './components/src/views/ClearPropsContextView.mjs';
|
|
205
|
-
import './components/src/views/LoadingSpinnerView.mjs';
|
|
206
204
|
export { useOnChange } from './components/src/lib/hooks/useOnChange.mjs';
|
|
207
205
|
export { useIsMounted } from './components/src/lib/hooks/useIsMounted.mjs';
|
|
208
206
|
export { useProps } from './components/src/lib/hooks/useProps.mjs';
|
|
207
|
+
import './components/src/views/LoadingSpinnerView.mjs';
|
|
209
208
|
import './components/src/components/OverlayTrigger/components/MenuTrigger/MenuTrigger.mjs';
|
|
210
209
|
import './components/src/components/PasswordCreationField/PasswordCreationField.mjs';
|
|
211
210
|
export { PopoverTrigger } from './components/src/components/Popover/components/PopoverTrigger/PopoverTrigger.mjs';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flr-universal.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"flr-universal.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -2,8 +2,11 @@ import { PropsWithChildren } from 'react';
|
|
|
2
2
|
import { PropsWithClassName } from '../../lib/types/props';
|
|
3
3
|
import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
|
|
4
4
|
import * as Aria from "react-aria-components";
|
|
5
|
-
export interface AutocompleteProps extends PropsWithChildren, PropsWithClassName, FlowComponentProps, Omit<Aria.AutocompleteProps, "children" | "onInputChange" | "inputValue"> {
|
|
5
|
+
export interface AutocompleteProps extends PropsWithChildren, PropsWithClassName, FlowComponentProps, Omit<Aria.AutocompleteProps, "children" | "onInputChange" | "inputValue" | "defaultInputValue"> {
|
|
6
6
|
isInvalid?: boolean;
|
|
7
|
+
value?: string;
|
|
8
|
+
defaultValue?: string;
|
|
9
|
+
onChange?: (value: string) => void;
|
|
7
10
|
}
|
|
8
11
|
/** @flr-generate all */
|
|
9
12
|
export declare const Autocomplete: import('react').FunctionComponent<AutocompleteProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAE9C,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;
|
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAE9C,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;AAiB9C,MAAM,WAAW,iBACf,SAAQ,iBAAiB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,IAAI,CACF,IAAI,CAAC,iBAAiB,EACtB,UAAU,GAAG,eAAe,GAAG,YAAY,GAAG,mBAAmB,CAClE;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,wBAAwB;AACxB,eAAO,MAAM,YAAY,sGAwGvB,CAAC;AAEH,eAAe,YAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ClearPropsContext/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ClearPropsContext/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,WAAW,EAEhB,KAAK,aAAa,EAEnB,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,WAAW,EAEhB,KAAK,aAAa,EAEnB,MAAM,iBAAiB,CAAC;AAOzB,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,2CA4IhE;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"}
|
|
@@ -3,7 +3,6 @@ import { FlowComponentName } from '../../../components/propTypes';
|
|
|
3
3
|
export interface ClearPropsContextProps extends PropsWithChildren {
|
|
4
4
|
keep?: FlowComponentName;
|
|
5
5
|
}
|
|
6
|
-
/** @flr-generate all */
|
|
7
6
|
export declare const ClearPropsContext: FC<ClearPropsContextProps>;
|
|
8
7
|
export default ClearPropsContext;
|
|
9
8
|
//# sourceMappingURL=ClearPropsContext.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClearPropsContext.d.ts","sourceRoot":"","sources":["../../../../../src/lib/propsContext/components/ClearPropsContext.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAW,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAGhE,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB;IAC/D,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC1B;AAED,
|
|
1
|
+
{"version":3,"file":"ClearPropsContext.d.ts","sourceRoot":"","sources":["../../../../../src/lib/propsContext/components/ClearPropsContext.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAW,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAGhE,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB;IAC/D,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC1B;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAiBxD,CAAC;AAEF,eAAe,iBAAiB,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.557",
|
|
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
|
"dependencies": {
|
|
59
59
|
"@internationalized/string-compiler": "^3.2.6",
|
|
60
60
|
"@mittwald/password-tools-js": "3.0.0-alpha.18",
|
|
61
|
-
"@mittwald/react-tunnel": "0.2.0-alpha.
|
|
61
|
+
"@mittwald/react-tunnel": "0.2.0-alpha.557",
|
|
62
62
|
"@mittwald/react-use-promise": "^4.2.2",
|
|
63
63
|
"@react-aria/form": "^3.1.2",
|
|
64
64
|
"@react-aria/live-announcer": "^3.4.4",
|
|
@@ -102,7 +102,7 @@
|
|
|
102
102
|
"@faker-js/faker": "^10.1.0",
|
|
103
103
|
"@internationalized/date": "^3.10.0",
|
|
104
104
|
"@mittwald/flow-core": "",
|
|
105
|
-
"@mittwald/flow-design-tokens": "0.2.0-alpha.
|
|
105
|
+
"@mittwald/flow-design-tokens": "0.2.0-alpha.557",
|
|
106
106
|
"@mittwald/react-use-promise": "^4.2.2",
|
|
107
107
|
"@mittwald/remote-dom-react": "1.2.2-mittwald.10",
|
|
108
108
|
"@mittwald/typescript-config": "",
|
|
@@ -175,5 +175,5 @@
|
|
|
175
175
|
"optional": true
|
|
176
176
|
}
|
|
177
177
|
},
|
|
178
|
-
"gitHead": "
|
|
178
|
+
"gitHead": "84da9dd6574d9247a81dc16657341fc00f09298f"
|
|
179
179
|
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use client"
|
|
2
|
-
/* */
|
|
3
|
-
import { jsx } from 'react/jsx-runtime';
|
|
4
|
-
import { memo, useContext } from 'react';
|
|
5
|
-
import { ClearPropsContext } from '../lib/propsContext/components/ClearPropsContext.mjs';
|
|
6
|
-
import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
|
|
7
|
-
|
|
8
|
-
const ClearPropsContextView = memo((props) => {
|
|
9
|
-
const View = useContext(viewComponentContext)["ClearPropsContext"] ?? ClearPropsContext;
|
|
10
|
-
return /* @__PURE__ */ jsx(View, { ...props });
|
|
11
|
-
});
|
|
12
|
-
ClearPropsContextView.displayName = "ClearPropsContextView";
|
|
13
|
-
|
|
14
|
-
export { ClearPropsContextView as default };
|
|
15
|
-
//# sourceMappingURL=ClearPropsContextView.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ClearPropsContextView.mjs","sources":["../../../../../src/views/ClearPropsContextView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { memo, type FC, useContext } from \"react\";\nimport {\n ClearPropsContext,\n type ClearPropsContextProps,\n} from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst ClearPropsContextView: FC<ClearPropsContextProps> = memo((props) => {\n const View =\n useContext(viewComponentContext)[\"ClearPropsContext\"] ?? ClearPropsContext;\n return <View {...props} />;\n});\nClearPropsContextView.displayName = \"ClearPropsContextView\";\n\nexport default ClearPropsContextView;\n"],"names":[],"mappings":";;;;;AASA,MAAM,qBAAA,GAAoD,IAAA,CAAK,CAAC,KAAA,KAAU;AACxE,EAAA,MAAM,IAAA,GACJ,UAAA,CAAW,oBAAoB,CAAA,CAAE,mBAAmB,CAAA,IAAK,iBAAA;AAC3D,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAM,GAAG,KAAA,EAAO,CAAA;AAC1B,CAAC;AACD,qBAAA,CAAsB,WAAA,GAAc,uBAAA;;;;"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { ClearPropsContext } from './ClearPropsContext';
|
|
2
|
-
import { ViewComponent } from '../../lib/viewComponentContext';
|
|
3
|
-
declare global {
|
|
4
|
-
interface FlowViewComponents {
|
|
5
|
-
ClearPropsContext: ViewComponent<typeof ClearPropsContext>;
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
//# sourceMappingURL=view.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../../src/components/ClearPropsContext/view.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEhE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,kBAAkB;QAC1B,iBAAiB,EAAE,aAAa,CAAC,OAAO,iBAAiB,CAAC,CAAC;KAC5D;CACF"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { ClearPropsContextProps } from '../components/ClearPropsContext/ClearPropsContext';
|
|
3
|
-
declare const ClearPropsContextView: FC<ClearPropsContextProps>;
|
|
4
|
-
export default ClearPropsContextView;
|
|
5
|
-
//# sourceMappingURL=ClearPropsContextView.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ClearPropsContextView.d.ts","sourceRoot":"","sources":["../../../src/views/ClearPropsContextView.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAQ,KAAK,EAAE,EAAc,MAAM,OAAO,CAAC;AACzD,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,kDAAkD,CAAC;AAG1D,QAAA,MAAM,qBAAqB,EAAE,EAAE,CAAC,sBAAsB,CAIpD,CAAC;AAGH,eAAe,qBAAqB,CAAC"}
|