@mittwald/flow-react-components 1.5.0-next.30 → 1.5.0-next.32
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/dist/assets/component-index.json +1 -1
- package/dist/assets/doc-properties.json +1 -1
- package/dist/css/all-layered.css +1 -1
- package/dist/css/all.css +1 -1
- package/dist/js/_virtual/_32.locale.mjs +3 -9
- package/dist/js/_virtual/_33.locale.mjs +5 -7
- package/dist/js/_virtual/_34.locale.mjs +7 -13
- package/dist/js/_virtual/_35.locale.mjs +23 -0
- package/dist/js/default.mjs +3 -2
- package/dist/js/packages/components/src/components/AlertText/AlertText.mjs +9 -2
- package/dist/js/packages/components/src/components/AlertText/AlertText.mjs.map +1 -1
- package/dist/js/packages/components/src/components/CartesianChart/components/ChartTooltip/TooltipLegendItem.mjs.map +1 -1
- package/dist/js/packages/components/src/components/CodeEditor/CodeEditor.mjs.map +1 -1
- package/dist/js/packages/components/src/components/CodeEditor/hooks/useCodeEditorExtensions.mjs +2 -2
- package/dist/js/packages/components/src/components/CodeEditor/hooks/useCodeEditorExtensions.mjs.map +1 -1
- package/dist/js/packages/components/src/components/CodeEditor/languages/index.mjs +2 -1
- package/dist/js/packages/components/src/components/CodeEditor/languages/index.mjs.map +1 -1
- package/dist/js/packages/components/src/components/Content/Content.mjs +2 -1
- package/dist/js/packages/components/src/components/Content/Content.mjs.map +1 -1
- package/dist/js/packages/components/src/components/Heading/Heading.mjs +8 -1
- package/dist/js/packages/components/src/components/Heading/Heading.mjs.map +1 -1
- package/dist/js/packages/components/src/components/InlineCode/InlineCode.mjs +8 -1
- package/dist/js/packages/components/src/components/InlineCode/InlineCode.mjs.map +1 -1
- package/dist/js/packages/components/src/components/Label/Label.mjs +9 -2
- package/dist/js/packages/components/src/components/Label/Label.mjs.map +1 -1
- package/dist/js/packages/components/src/components/Link/Link.mjs +31 -14
- package/dist/js/packages/components/src/components/Link/Link.mjs.map +1 -1
- package/dist/js/packages/components/src/components/Skeleton/Skeleton.module.mjs +3 -3
- package/dist/js/packages/components/src/components/Skeleton/Skeleton.module.mjs.map +1 -1
- package/dist/js/packages/components/src/components/SkeletonMode/SkeletonMode.mjs +35 -0
- package/dist/js/packages/components/src/components/SkeletonMode/SkeletonMode.mjs.map +1 -0
- package/dist/js/packages/components/src/components/SkeletonMode/components/SkeletonRawText/SkeletonRawText.mjs +25 -0
- package/dist/js/packages/components/src/components/SkeletonMode/components/SkeletonRawText/SkeletonRawText.mjs.map +1 -0
- package/dist/js/packages/components/src/components/SkeletonMode/components/SkeletonTextContent/SkeletonTextContent.mjs +27 -0
- package/dist/js/packages/components/src/components/SkeletonMode/components/SkeletonTextContent/SkeletonTextContent.mjs.map +1 -0
- package/dist/js/packages/components/src/components/SkeletonMode/components/SkeletonTextContent/SkeletonTextContent.module.mjs +13 -0
- package/dist/js/packages/components/src/components/SkeletonMode/components/SkeletonTextContent/SkeletonTextContent.module.mjs.map +1 -0
- package/dist/js/packages/components/src/components/SkeletonMode/lib/hasContent.mjs +11 -0
- package/dist/js/packages/components/src/components/SkeletonMode/lib/hasContent.mjs.map +1 -0
- package/dist/js/packages/components/src/components/SkeletonMode/lib/isTextChild.mjs +19 -0
- package/dist/js/packages/components/src/components/SkeletonMode/lib/isTextChild.mjs.map +1 -0
- package/dist/js/packages/components/src/components/SkeletonMode/skeletonModeContext.mjs +27 -0
- package/dist/js/packages/components/src/components/SkeletonMode/skeletonModeContext.mjs.map +1 -0
- package/dist/js/packages/components/src/components/SkeletonText/SkeletonText.module.mjs +3 -3
- package/dist/js/packages/components/src/components/SkeletonText/SkeletonText.module.mjs.map +1 -1
- package/dist/js/packages/components/src/components/Tabs/components/FallbackTab/FallbackTab.mjs +1 -1
- package/dist/js/packages/components/src/components/Text/Text.mjs +9 -2
- package/dist/js/packages/components/src/components/Text/Text.mjs.map +1 -1
- package/dist/js/packages/components/src/components/TextField/TextField.mjs +1 -1
- package/dist/js/packages/components/src/integrations/react-hook-form/components/Field/Field.mjs +1 -1
- package/dist/js/packages/components/src/lib/propsContext/nestedPropsContext/types.mjs.map +1 -1
- package/dist/js/packages/components/src/lib/propsContext/overlayTriggerTunnel.mjs.map +1 -1
- package/dist/js/packages/components/src/lib/types/props.mjs.map +1 -1
- package/dist/js/packages/components/src/status/component-status.mjs +4 -0
- package/dist/js/packages/components/src/status/component-status.mjs.map +1 -1
- package/dist/types/components/CartesianChart/components/ChartTooltip/TooltipLegendItem.d.ts +3 -1
- package/dist/types/components/CodeEditor/CodeEditor.d.ts +5 -2
- package/dist/types/components/CodeEditor/hooks/useCodeEditorExtensions.d.ts +32 -1
- package/dist/types/components/CodeEditor/languages/all.d.ts +1 -1
- package/dist/types/components/CodeEditor/languages/index.d.ts +1 -0
- package/dist/types/components/Modal/components/ModalTrigger/ModalTrigger.d.ts +1 -5
- package/dist/types/components/SkeletonMode/SkeletonMode.d.ts +16 -0
- package/dist/types/components/SkeletonMode/components/SkeletonRawText/SkeletonRawText.d.ts +8 -0
- package/dist/types/components/SkeletonMode/components/SkeletonRawText/index.d.ts +2 -0
- package/dist/types/components/SkeletonMode/components/SkeletonTextContent/SkeletonTextContent.d.ts +12 -0
- package/dist/types/components/SkeletonMode/components/SkeletonTextContent/index.d.ts +2 -0
- package/dist/types/components/SkeletonMode/index.d.ts +3 -0
- package/dist/types/components/SkeletonMode/lib/hasContent.d.ts +3 -0
- package/dist/types/components/SkeletonMode/lib/isTextChild.d.ts +8 -0
- package/dist/types/components/SkeletonMode/skeletonModeContext.d.ts +16 -0
- package/dist/types/components/SkeletonMode/view.d.ts +7 -0
- package/dist/types/components/public.d.ts +1 -0
- package/dist/types/lib/propsContext/nestedPropsContext/types.d.ts +3 -0
- package/dist/types/lib/propsContext/overlayTriggerTunnel.d.ts +2 -2
- package/dist/types/lib/types/props.d.ts +14 -0
- package/dist/types/status/component-status.json.d.ts +4 -0
- package/dist/types/views/SkeletonModeView.d.ts +4 -0
- package/package.json +9 -9
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component-status.mjs","names":[],"sources":["../../../../../../src/status/component-status.json"],"sourcesContent":["{\n \"@mittwald/flow-react-components#AccentBox\": {\n \"level\": \"beta\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Accordion\": {\n \"level\": \"beta\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Action\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#ActionGroup\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Activity\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Alert\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#AlertBadge\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#AlertIcon\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#AlertText\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Align\": {\n \"level\": \"deprecated\",\n \"isNew\": false,\n \"deprecationNotice\": \"Use Combine instead\"\n },\n \"@mittwald/flow-react-components#Autocomplete\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Avatar\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#AvatarStack\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Badge\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#BigNumber\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Breadcrumb\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#BrowserOnly\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Button\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#CartesianChart\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Chat\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Checkbox\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#CheckboxButton\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#CheckboxGroup\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#ClearPropsContext\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#CoachMark\": {\n \"level\": \"beta\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components#CodeBlock\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#CodeEditor\": {\n \"level\": \"stable\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components#Color\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#ColumnLayout\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Combine\": {\n \"level\": \"stable\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components#ComboBox\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#ComponentDefaultsProvider\": {\n \"level\": \"stable\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components#ComponentPropsContextProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Content\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#ContextMenu\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#ContextualHelp\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#CopyButton\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#CounterBadge\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#CountryOptions\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#DatePicker\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#DateRangePicker\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#DeprecationWarningProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Div\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#DonutChart\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#FieldDescription\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#FieldError\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#FileCard\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#FileCardList\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#FileDropZone\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#FileField\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Flex\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Header\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#HeaderNavigation\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Heading\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Icon\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#IllustratedMessage\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Image\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#ImageCropper\": {\n \"level\": \"stable\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components#Initials\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#InlineCode\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Kbd\": {\n \"level\": \"stable\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components#Label\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#LabeledValue\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#LayoutCard\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Legend\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#LightBox\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Link\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#List\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#LoadingSpinner\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Markdown\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#MarkdownEditor\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#MenuItem\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Message\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#MessageThread\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Modal\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Navigation\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Notification\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#NotificationProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#NumberField\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Option\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Overlay\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#OverlayTrigger\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#PasswordCreationField\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Popover\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#ProgressBar\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#RadioGroup\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#RangeCalendar\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Rating\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#SearchField\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Section\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#SegmentedControl\": {\n \"level\": \"deprecated\",\n \"isNew\": false,\n \"deprecationNotice\": \"Use `Tabs` to switch content, or `RadioGroup` to select a value.\"\n },\n \"@mittwald/flow-react-components#Select\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Separator\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#SettingsProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Skeleton\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#SkeletonText\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Slider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#SuspenseTrigger\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Switch\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#TabNavigation\": {\n \"level\": \"stable\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components#Table\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Tabs\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Text\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#TextArea\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#TextField\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#TimeField\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Tooltip\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#TranslationProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Truncate\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#TunnelEntry\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Wrap\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#Action\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#ActionBatch\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#BrowserOnly\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#ComponentDefaultsProvider\": {\n \"level\": \"stable\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components/flr-universal#CountryOptions\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#DeprecationWarningProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#LightBox\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#LightBoxTrigger\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#List\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#ListItemView\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#Modal\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#ModalTrigger\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#NotificationProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#Popover\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#PopoverTrigger\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#SettingsProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#Wrap\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/nextjs#Link\": {\n \"level\": \"deprecated\",\n \"isNew\": false,\n \"deprecationNotice\": \"Use RouterProvider instead\"\n },\n \"@mittwald/flow-react-components/nextjs#LinkProvider\": {\n \"level\": \"deprecated\",\n \"isNew\": false,\n \"deprecationNotice\": \"Use RouterProvider instead\"\n },\n \"@mittwald/flow-react-components/nextjs#RouterProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/react-hook-form#Field\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/react-hook-form#Form\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/react-hook-form#FormAction\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/react-hook-form#FormRootError\": {\n \"level\": \"stable\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components/react-hook-form#FormSettingsProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/react-hook-form#ResetButton\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/react-hook-form#SubmitButton\": {\n \"level\": \"stable\",\n \"isNew\": false\n }\n}\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"component-status.mjs","names":[],"sources":["../../../../../../src/status/component-status.json"],"sourcesContent":["{\n \"@mittwald/flow-react-components#AccentBox\": {\n \"level\": \"beta\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Accordion\": {\n \"level\": \"beta\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Action\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#ActionGroup\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Activity\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Alert\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#AlertBadge\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#AlertIcon\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#AlertText\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Align\": {\n \"level\": \"deprecated\",\n \"isNew\": false,\n \"deprecationNotice\": \"Use Combine instead\"\n },\n \"@mittwald/flow-react-components#Autocomplete\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Avatar\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#AvatarStack\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Badge\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#BigNumber\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Breadcrumb\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#BrowserOnly\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Button\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#CartesianChart\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Chat\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Checkbox\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#CheckboxButton\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#CheckboxGroup\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#ClearPropsContext\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#CoachMark\": {\n \"level\": \"beta\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components#CodeBlock\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#CodeEditor\": {\n \"level\": \"stable\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components#Color\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#ColumnLayout\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Combine\": {\n \"level\": \"stable\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components#ComboBox\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#ComponentDefaultsProvider\": {\n \"level\": \"stable\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components#ComponentPropsContextProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Content\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#ContextMenu\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#ContextualHelp\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#CopyButton\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#CounterBadge\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#CountryOptions\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#DatePicker\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#DateRangePicker\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#DeprecationWarningProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Div\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#DonutChart\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#FieldDescription\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#FieldError\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#FileCard\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#FileCardList\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#FileDropZone\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#FileField\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Flex\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Header\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#HeaderNavigation\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Heading\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Icon\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#IllustratedMessage\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Image\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#ImageCropper\": {\n \"level\": \"stable\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components#Initials\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#InlineCode\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Kbd\": {\n \"level\": \"stable\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components#Label\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#LabeledValue\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#LayoutCard\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Legend\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#LightBox\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Link\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#List\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#LoadingSpinner\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Markdown\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#MarkdownEditor\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#MenuItem\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Message\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#MessageThread\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Modal\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Navigation\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Notification\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#NotificationProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#NumberField\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Option\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Overlay\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#OverlayTrigger\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#PasswordCreationField\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Popover\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#ProgressBar\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#RadioGroup\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#RangeCalendar\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Rating\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#SearchField\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Section\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#SegmentedControl\": {\n \"level\": \"deprecated\",\n \"isNew\": false,\n \"deprecationNotice\": \"Use `Tabs` to switch content, or `RadioGroup` to select a value.\"\n },\n \"@mittwald/flow-react-components#Select\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Separator\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#SettingsProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Skeleton\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#SkeletonMode\": {\n \"level\": \"beta\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components#SkeletonText\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Slider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#SuspenseTrigger\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Switch\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#TabNavigation\": {\n \"level\": \"stable\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components#Table\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Tabs\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Text\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#TextArea\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#TextField\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#TimeField\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Tooltip\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#TranslationProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Truncate\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#TunnelEntry\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Wrap\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#Action\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#ActionBatch\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#BrowserOnly\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#ComponentDefaultsProvider\": {\n \"level\": \"stable\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components/flr-universal#CountryOptions\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#DeprecationWarningProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#LightBox\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#LightBoxTrigger\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#List\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#ListItemView\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#Modal\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#ModalTrigger\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#NotificationProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#Popover\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#PopoverTrigger\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#SettingsProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#Wrap\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/nextjs#Link\": {\n \"level\": \"deprecated\",\n \"isNew\": false,\n \"deprecationNotice\": \"Use RouterProvider instead\"\n },\n \"@mittwald/flow-react-components/nextjs#LinkProvider\": {\n \"level\": \"deprecated\",\n \"isNew\": false,\n \"deprecationNotice\": \"Use RouterProvider instead\"\n },\n \"@mittwald/flow-react-components/nextjs#RouterProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/react-hook-form#Field\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/react-hook-form#Form\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/react-hook-form#FormAction\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/react-hook-form#FormRootError\": {\n \"level\": \"stable\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components/react-hook-form#FormSettingsProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/react-hook-form#ResetButton\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/react-hook-form#SubmitButton\": {\n \"level\": \"stable\",\n \"isNew\": false\n }\n}\n"],"mappings":""}
|
|
@@ -26,8 +26,11 @@ export interface CodeEditorProps extends Omit<ReactCodeMirrorProps, "theme" | "l
|
|
|
26
26
|
isInvalid?: boolean;
|
|
27
27
|
/** The elements class name. */
|
|
28
28
|
className?: string;
|
|
29
|
-
/**
|
|
30
|
-
|
|
29
|
+
/**
|
|
30
|
+
* The language the code is highlighted as. A language the editor does not
|
|
31
|
+
* know is shown as plain text.
|
|
32
|
+
*/
|
|
33
|
+
language?: CodeEditorLanguage | (string & {});
|
|
31
34
|
/**
|
|
32
35
|
* Whether a button to copy the code to the clipboard is shown.
|
|
33
36
|
*
|
|
@@ -1 +1,32 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export interface CodeEditorSetup {
|
|
2
|
+
/**
|
|
3
|
+
* Whether the line the cursor is on is highlighted.
|
|
4
|
+
*
|
|
5
|
+
* @default true
|
|
6
|
+
*/
|
|
7
|
+
showActiveLineMarker?: boolean;
|
|
8
|
+
/**
|
|
9
|
+
* Whether the gutter offers controls to fold and unfold code blocks.
|
|
10
|
+
*
|
|
11
|
+
* @default true
|
|
12
|
+
*/
|
|
13
|
+
showCodeFolding?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* Whether indentation levels are visualized with guide lines.
|
|
16
|
+
*
|
|
17
|
+
* @default true
|
|
18
|
+
*/
|
|
19
|
+
showCodeIndentationMakers?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Whether line numbers are shown in the gutter.
|
|
22
|
+
*
|
|
23
|
+
* @default true
|
|
24
|
+
*/
|
|
25
|
+
showLineNumbers?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Whether linter results are shown in the gutter.
|
|
28
|
+
*
|
|
29
|
+
* @default true
|
|
30
|
+
*/
|
|
31
|
+
showLinterMarkers?: boolean;
|
|
32
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export
|
|
1
|
+
export declare const ALL_LANGUAGES: readonly ["apl", "asc", "asn", "asn1", "b", "bash", "bf", "BUILD", "bzl", "c", "c++", "cc", "cfg", "cjs", "cl", "clj", "cljc", "cljs", "cljx", "cmake", "cmake.in", "cob", "coffee", "cpp", "cpy", "cql", "cr", "cs", "css", "cts", "cxx", "cyp", "cypher", "d", "dart", "diff", "dotEnv", "dtd", "dyalog", "dyl", "dylan", "e", "ecl", "edn", "el", "elm", "erl", "f", "f77", "f90", "f95", "factor", "feature", "for", "forth", "fs", "fth", "fun", "go", "gradle", "groovy", "gss", "h", "h++", "handlebars", "hbs", "hh", "hpp", "hs", "htm", "html", "hx", "hxml", "hxx", "in", "ini", "ino", "intr", "j2", "jade", "java", "jinja", "jinja2", "jl", "js", "json", "jsonld", "jsx", "ksh", "kt", "kts", "less", "liquid", "lisp", "ls", "ltx", "lua", "m", "map", "markdown", "mbox", "md", "mjs", "mkd", "ml", "mli", "mll", "mly", "mm", "mo", "mps", "mrc", "msc", "mscgen", "mscin", "msgenny", "mts", "nb", "nix", "nq", "nsh", "nsi", "nt", "nut", "oz", "p", "pas", "patch", "pgp", "php", "php3", "php4", "php5", "php7", "phtml", "pig", "pl", "pls", "pm", "pp", "pro", "properties", "proto", "ps1", "psd1", "psm1", "pug", "pxd", "pxi", "py", "pyw", "pyx", "q", "r", "R", "rb", "rq", "rs", "s", "sas", "sass", "scala", "scm", "scss", "sh", "sieve", "sig", "siv", "smackspec", "sml", "solidity", "sparql", "spec", "sql", "ss", "st", "styl", "sv", "svelte", "svg", "svh", "swift", "tcl", "tex", "text", "textile", "toml", "ts", "tsx", "ttcn", "ttcn3", "ttcnpp", "ttl", "v", "vb", "vbs", "vhd", "vhdl", "vtl", "vue", "wast", "wat", "webidl", "wl", "wls", "xml", "xq", "xqm", "xquery", "xqy", "xsd", "xsl", "xu", "xy", "yaml", "yml", "ys", "z80"];
|
|
@@ -10,4 +10,5 @@ export type LanguageContainer = [
|
|
|
10
10
|
() => ReturnType<typeof linter>
|
|
11
11
|
];
|
|
12
12
|
declare const supportedCodeEditorLanguages: LanguageFactory;
|
|
13
|
+
export declare const isCodeEditorLanguage: (language: string) => language is CodeEditorLanguage;
|
|
13
14
|
export default supportedCodeEditorLanguages;
|
|
@@ -6,11 +6,7 @@ export declare const ModalTrigger: import('react').FunctionComponent<{
|
|
|
6
6
|
isDefaultOpen?: boolean | undefined;
|
|
7
7
|
controller?: import('../../../../lib/controller').OverlayController | undefined;
|
|
8
8
|
wrapWith?: (import('react').ReactElement | null) | undefined;
|
|
9
|
-
tunnel?:
|
|
10
|
-
id: string;
|
|
11
|
-
component: import('../../../propTypes').FlowComponentName;
|
|
12
|
-
staticEntryId?: string;
|
|
13
|
-
} | null | undefined;
|
|
9
|
+
tunnel?: import('../../../../index/internal').TunnelTarget | undefined;
|
|
14
10
|
ref?: import('react').Ref<HTMLDivElement> | undefined;
|
|
15
11
|
key?: import('react').Key | null | undefined;
|
|
16
12
|
children?: import('react').ReactNode;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { FC, PropsWithChildren } from 'react';
|
|
2
|
+
export interface SkeletonModeProps extends PropsWithChildren {
|
|
3
|
+
/**
|
|
4
|
+
* Whether the components inside render as skeleton. A nested `SkeletonMode`
|
|
5
|
+
* with `isEnabled={false}` renders its content as real UI.
|
|
6
|
+
*
|
|
7
|
+
* @default true
|
|
8
|
+
*/
|
|
9
|
+
isEnabled?: boolean;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* @flr-generate all
|
|
13
|
+
* @flowStatus beta, new
|
|
14
|
+
*/
|
|
15
|
+
export declare const SkeletonMode: FC<SkeletonModeProps>;
|
|
16
|
+
export default SkeletonMode;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { FC, PropsWithChildren } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* The text rule for containers: turns raw string and number children into bars
|
|
4
|
+
* and leaves every element child to its own skeleton rendering. Outside an
|
|
5
|
+
* enabled `SkeletonMode` it renders its children unchanged.
|
|
6
|
+
*/
|
|
7
|
+
export declare const SkeletonRawText: FC<PropsWithChildren>;
|
|
8
|
+
export default SkeletonRawText;
|
package/dist/types/components/SkeletonMode/components/SkeletonTextContent/SkeletonTextContent.d.ts
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { CSSProperties, FC, PropsWithChildren } from 'react';
|
|
2
|
+
export interface SkeletonTextContentProps extends PropsWithChildren {
|
|
3
|
+
/** Width of the bar when there is no content to take the width from. */
|
|
4
|
+
defaultWidth: CSSProperties["width"];
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* The text rule of `SkeletonMode`: content becomes one bar per line in the
|
|
8
|
+
* width of that line, no content becomes a `SkeletonText` in `defaultWidth`.
|
|
9
|
+
* Outside an enabled `SkeletonMode` it renders its children unchanged.
|
|
10
|
+
*/
|
|
11
|
+
export declare const SkeletonTextContent: FC<SkeletonTextContentProps>;
|
|
12
|
+
export default SkeletonTextContent;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Whether `child` is a text node — locally a string or number, remotely a
|
|
4
|
+
* `RemoteTextRenderer` element.
|
|
5
|
+
*/
|
|
6
|
+
export declare const isTextChild: (child: ReactNode) => boolean;
|
|
7
|
+
/** The text of a text node from {@link isTextChild}, `undefined` otherwise. */
|
|
8
|
+
export declare const getTextOfChild: (child: ReactNode) => string | undefined;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { FC, PropsWithChildren } from 'react';
|
|
2
|
+
export interface SkeletonModeState {
|
|
3
|
+
/** Whether components render as skeleton. */
|
|
4
|
+
isEnabled: boolean;
|
|
5
|
+
/** Whether an enabled `SkeletonMode` above already announces the loading. */
|
|
6
|
+
isAnnounced: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare const skeletonModeContext: import('react').Context<SkeletonModeState>;
|
|
9
|
+
/** Whether the calling component renders as skeleton. */
|
|
10
|
+
export declare const useSkeletonMode: () => boolean;
|
|
11
|
+
/**
|
|
12
|
+
* Renders its children as real UI below a component that already draws the
|
|
13
|
+
* skeleton for them — the Text inside a text bar or a button surface must not
|
|
14
|
+
* draw a second bar on top.
|
|
15
|
+
*/
|
|
16
|
+
export declare const SkeletonModeReset: FC<PropsWithChildren>;
|
|
@@ -97,6 +97,7 @@ export * from './Separator';
|
|
|
97
97
|
export * from './SettingsProvider';
|
|
98
98
|
export * from './Kbd';
|
|
99
99
|
export * from './Skeleton';
|
|
100
|
+
export * from './SkeletonMode';
|
|
100
101
|
export * from './SkeletonText';
|
|
101
102
|
export * from './Slider';
|
|
102
103
|
export * from './SuspenseTrigger';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropsContext } from './types';
|
|
2
|
-
import {
|
|
2
|
+
import { TunnelTarget } from '../types/props';
|
|
3
3
|
/**
|
|
4
4
|
* Props context entries that send every overlay trigger into `tunnel`.
|
|
5
5
|
*
|
|
@@ -20,5 +20,5 @@ import { PropsWithTunnel } from '../types/props';
|
|
|
20
20
|
* Spread the entries before the context's own, so a single trigger can still be
|
|
21
21
|
* sent somewhere else (see `Label`).
|
|
22
22
|
*/
|
|
23
|
-
export declare const overlayTriggersTunneledTo: (tunnel:
|
|
23
|
+
export declare const overlayTriggersTunneledTo: (tunnel: TunnelTarget) => PropsContext;
|
|
24
24
|
export default overlayTriggersTunneledTo;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { FlowComponentName } from '../../components/propTypes';
|
|
1
2
|
import { ExoticComponent, HTMLAttributes } from 'react';
|
|
2
3
|
export declare const statusTypes: readonly ["info", "success", "warning", "danger", "unavailable"];
|
|
3
4
|
export type Status = (typeof statusTypes)[number];
|
|
@@ -5,6 +6,19 @@ export type PropsWithStatus<T extends Status = Status, P = unknown> = P & {
|
|
|
5
6
|
/** The elements status */
|
|
6
7
|
status?: T;
|
|
7
8
|
};
|
|
9
|
+
export type TunnelTarget = {
|
|
10
|
+
id: string;
|
|
11
|
+
component: FlowComponentName;
|
|
12
|
+
/**
|
|
13
|
+
* A stable entry id instead of a generated one. Needed wherever the same
|
|
14
|
+
* component is rendered more than once for a single logical element:
|
|
15
|
+
* react-aria renders collection children twice — once into its hidden
|
|
16
|
+
* collection document, once for real — and a generated id would register each
|
|
17
|
+
* render as its own entry, so the tunnel exit renders every element twice.
|
|
18
|
+
* Must be unique among the siblings of one tunnel.
|
|
19
|
+
*/
|
|
20
|
+
staticEntryId?: string;
|
|
21
|
+
} | null;
|
|
8
22
|
export interface PropsWithTunnel {
|
|
9
23
|
}
|
|
10
24
|
export interface PropsWithClassName {
|
|
@@ -381,6 +381,10 @@ declare const _default: {
|
|
|
381
381
|
"level": "stable",
|
|
382
382
|
"isNew": false
|
|
383
383
|
},
|
|
384
|
+
"@mittwald/flow-react-components#SkeletonMode": {
|
|
385
|
+
"level": "beta",
|
|
386
|
+
"isNew": true
|
|
387
|
+
},
|
|
384
388
|
"@mittwald/flow-react-components#SkeletonText": {
|
|
385
389
|
"level": "stable",
|
|
386
390
|
"isNew": false
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mittwald/flow-react-components",
|
|
3
|
-
"version": "1.5.0-next.
|
|
3
|
+
"version": "1.5.0-next.32",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A React implementation of Flow, mittwald’s design system",
|
|
6
6
|
"homepage": "https://flow.mittwald.de",
|
|
@@ -84,9 +84,9 @@
|
|
|
84
84
|
"@internationalized/string-compiler": "^3.4.1",
|
|
85
85
|
"@lezer/common": "^1.5.2",
|
|
86
86
|
"@lezer/highlight": "^1.2.3",
|
|
87
|
-
"@mittwald/flow-icons": "^1.5.0-next.
|
|
87
|
+
"@mittwald/flow-icons": "^1.5.0-next.32",
|
|
88
88
|
"@mittwald/password-tools-js": "^3.0.0",
|
|
89
|
-
"@mittwald/react-tunnel": "^1.5.0-next.
|
|
89
|
+
"@mittwald/react-tunnel": "^1.5.0-next.32",
|
|
90
90
|
"@mittwald/react-use-promise": "^4.2.2",
|
|
91
91
|
"@react-aria/form": "^3.2.1",
|
|
92
92
|
"@react-aria/i18n": "^3.13.1",
|
|
@@ -139,12 +139,12 @@
|
|
|
139
139
|
"@internationalized/date": "^3.12.3",
|
|
140
140
|
"@lezer/generator": "^1.8.0",
|
|
141
141
|
"@lezer/lr": "^1.4.10",
|
|
142
|
-
"@mittwald/flow-core": "1.5.0-next.
|
|
143
|
-
"@mittwald/flow-design-tokens": "1.5.0-next.
|
|
144
|
-
"@mittwald/flow-icons-base": "1.5.0-next.
|
|
142
|
+
"@mittwald/flow-core": "1.5.0-next.32",
|
|
143
|
+
"@mittwald/flow-design-tokens": "1.5.0-next.32",
|
|
144
|
+
"@mittwald/flow-icons-base": "1.5.0-next.32",
|
|
145
145
|
"@mittwald/react-use-promise": "^4.2.2",
|
|
146
146
|
"@mittwald/remote-dom-react": "1.2.2-mittwald.10",
|
|
147
|
-
"@mittwald/typescript-config": "1.5.0-next.
|
|
147
|
+
"@mittwald/typescript-config": "1.5.0-next.32",
|
|
148
148
|
"@nx/storybook": "^22.7.6",
|
|
149
149
|
"@storybook/addon-a11y": "^10.5.10",
|
|
150
150
|
"@storybook/addon-actions": "^9.0.8",
|
|
@@ -198,7 +198,7 @@
|
|
|
198
198
|
},
|
|
199
199
|
"peerDependencies": {
|
|
200
200
|
"@internationalized/date": "^3.12.2",
|
|
201
|
-
"@mittwald/flow-icons-pro": "1.5.0-next.
|
|
201
|
+
"@mittwald/flow-icons-pro": "1.5.0-next.32",
|
|
202
202
|
"@mittwald/react-use-promise": "^4.2.2",
|
|
203
203
|
"next": "^16.2.3",
|
|
204
204
|
"react": "^19.2.0",
|
|
@@ -222,5 +222,5 @@
|
|
|
222
222
|
"browserslist": [
|
|
223
223
|
"baseline widely available"
|
|
224
224
|
],
|
|
225
|
-
"gitHead": "
|
|
225
|
+
"gitHead": "ce3c850b73a4b62952770d028be7bcb513dfd99a"
|
|
226
226
|
}
|