diff --git a/.betterer.results b/.betterer.results index 2edb5a615c0..81d2c506962 100644 --- a/.betterer.results +++ b/.betterer.results @@ -7347,6 +7347,9 @@ exports[`no undocumented stories`] = { "packages/grafana-ui/src/components/ButtonCascader/ButtonCascader.story.tsx:5381": [ [0, 0, 0, "No undocumented stories are allowed, please add an .mdx file with some documentation", "5381"] ], + "packages/grafana-ui/src/components/Combobox/Combobox.story.tsx:5381": [ + [0, 0, 0, "No undocumented stories are allowed, please add an .mdx file with some documentation", "5381"] + ], "packages/grafana-ui/src/components/DateTimePickers/RelativeTimeRangePicker/RelativeTimeRangePicker.story.tsx:5381": [ [0, 0, 0, "No undocumented stories are allowed, please add an .mdx file with some documentation", "5381"] ], diff --git a/packages/grafana-ui/src/components/Combobox/Combobox.internal.story.tsx b/packages/grafana-ui/src/components/Combobox/Combobox.story.tsx similarity index 82% rename from packages/grafana-ui/src/components/Combobox/Combobox.internal.story.tsx rename to packages/grafana-ui/src/components/Combobox/Combobox.story.tsx index a0bbf86f2ff..20889e6ed1c 100644 --- a/packages/grafana-ui/src/components/Combobox/Combobox.internal.story.tsx +++ b/packages/grafana-ui/src/components/Combobox/Combobox.story.tsx @@ -1,8 +1,9 @@ import { action } from '@storybook/addon-actions'; import { Meta, StoryFn, StoryObj } from '@storybook/react'; import { Chance } from 'chance'; -import { ComponentProps, useEffect, useState } from 'react'; +import React, { ComponentProps, useEffect, useState } from 'react'; +import { Alert } from '../Alert/Alert'; import { Field } from '../Forms/Field'; import { Combobox, Option, Value } from './Combobox'; @@ -44,6 +45,7 @@ const meta: Meta = { }, render: (args) => , + decorators: [InDevDecorator], }; const BasicWithState: StoryFn = (args) => { @@ -114,4 +116,24 @@ export const ManyOptions: StoryObj = { render: ManyOptionsStory, }; +export const CustomValue: StoryObj = { + args: { + createCustomValue: true, + }, +}; + export default meta; + +function InDevDecorator(Story: React.ElementType) { + return ( +
+ + Combobox is still in development and not able to be used externally. +
+ Within the Grafana repo, it can be used by importing it from{' '} + @grafana/ui/src/unstable +
+ +
+ ); +}