diff --git a/packages/chart/src/_stories/ChartBrush.stories.tsx b/packages/chart/src/_stories/ChartBrush.stories.tsx deleted file mode 100644 index 30b3a8bc2..000000000 --- a/packages/chart/src/_stories/ChartBrush.stories.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import type { Meta, StoryObj } from '@storybook/react' -import chartBrushConfig from './_mock/brush_mock.json' - -import Chart from '../CdcChart' - -const meta: Meta = { - title: 'Components/Templates/Chart/Brush', - component: Chart -} - -type Story = StoryObj - -export const Area_Brush: Story = { - args: { - config: chartBrushConfig - } -} - -export default meta diff --git a/packages/core/components/_stories/EditorPanel.stories.tsx b/packages/core/components/_stories/EditorPanel.stories.tsx deleted file mode 100644 index 964241d7a..000000000 --- a/packages/core/components/_stories/EditorPanel.stories.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react' - -import DataTableEditor from '../EditorPanel/DataTableEditor' -import { Accordion, AccordionItem, AccordionItemButton, AccordionItemHeading, AccordionItemPanel } from 'react-accessible-accordion' -import { useState } from 'react' - -const EditorPanel = () => { - const { config, isDashboard } = Primary.args - const [_config, setConfig] = useState(config) - const updateField = (section, subsection, fieldName, value) => { - setConfig({ - ..._config, - [section]: { - ..._config[section], - [fieldName]: value - } - }) - } - return ( - - - - Data Table - - - - - - - ) -} - -const meta: Meta = { - title: 'Components/Organisms/EditorPanel', - component: EditorPanel -} - -export default meta - -type Story = StoryObj - -export const Primary: Story = { - args: { - config: { - table: { - label: 'Data Table', - show: true - }, - columns: {}, - visualizationType: 'Pie' - }, - isDashboard: true - } -} diff --git a/packages/core/components/_stories/Layout.Debug.stories.tsx b/packages/core/components/_stories/Layout.Debug.stories.tsx deleted file mode 100644 index 756d2d4e6..000000000 --- a/packages/core/components/_stories/Layout.Debug.stories.tsx +++ /dev/null @@ -1,91 +0,0 @@ -import React from 'react' -import { Meta, StoryObj } from '@storybook/react' -import './styles.scss' -import CdcChart from '@cdc/chart' -import CdcMap from '@cdc/map' -import CdcMarkupInclude from '@cdc/markup-include' -import CdcFilteredText from '@cdc/filtered-text' -import CdcDashboard from '@cdc/dashboard' -import CdcWaffleChart from '@cdc/waffle-chart' -import config from './../../../chart/src/_stories/_mock/bar-chart-suppressed.json' -import mapConfig from './../../../map/examples/default-usa.json' -import markupConfig from './../../../markup-include/src/data/initial-state.js' -import filteredTextConfig from './_mocks/filtered-text-config.json' -import waffleChartConfig from './../../../waffle-chart/examples/gallery/count.json' -import dashboardConfig from './../../../dashboard/examples/full-dashboard.json' - -// Determine the component based on config.type -const getComponent = config => { - switch (config.type) { - case 'map': - return CdcMap - case 'chart': - return CdcChart - case 'markup-include': - return CdcMarkupInclude - case 'waffle-chart': - return CdcWaffleChart - case 'dashboard': - return CdcDashboard - default: - return () =>
Unknown component type
- } -} - -const meta = { - title: 'Components/Templates/Layout/Debug', - component: args => { - const Component = getComponent(args.config) - return ( -
- -
- ) - } -} as Meta - -export default meta - -type Story = StoryObj - -export const Chart: Story = { - args: { - config, - isEditor: true - } -} - -export const Map: Story = { - args: { - config: mapConfig, - isEditor: true - } -} - -export const MarkupInclude: StoryObj = { - args: { - config: markupConfig, - isEditor: true - } -} - -export const WaffleChart: StoryObj = { - args: { - config: waffleChartConfig, - isEditor: true - } -} - -export const Dashboard: StoryObj = { - args: { - config: dashboardConfig, - isEditor: true - } -} - -// export const WaffleChart: StoryObj = { -// args: { -// config: waffleChartConfig, -// isEditor: true -// } -// } diff --git a/packages/map/src/_stories/CdcMap.stories.tsx b/packages/map/src/_stories/CdcMap.stories.tsx index 2b0c99692..03ef41afe 100644 --- a/packages/map/src/_stories/CdcMap.stories.tsx +++ b/packages/map/src/_stories/CdcMap.stories.tsx @@ -30,7 +30,8 @@ export const Equal_Number_Map: Story = { export const Scale_Based: Story = { args: { - configUrl: 'https://www.cdc.gov/wcms/4.0/cdc-wp/data-presentation/examples/Scale-Based-Categorical-Map-With-Special-Classes.json' + configUrl: + 'https://www.cdc.gov/wcms/4.0/cdc-wp/data-presentation/examples/Scale-Based-Categorical-Map-With-Special-Classes.json' } } export const Qualitative: Story = { @@ -86,11 +87,6 @@ export const Custom_Map_Layers: Story = { configUrl: 'https://www.cdc.gov/wcms/4.0/cdc-wp/data-presentation/examples/custom-layer-map.json' } } -export const Geocode: Story = { - args: { - configUrl: 'https://www.cdc.gov/wcms/4.0/cdc-wp/data-presentation/examples/example-u-s-geo-code-dat.json' - } -} export const Single_State_With_Filters: Story = { args: { diff --git a/packages/waffle-chart/src/_stories/WaffleChart.stories.tsx b/packages/waffle-chart/src/_stories/WaffleChart.stories.tsx index 45964faa4..4f16dcadf 100644 --- a/packages/waffle-chart/src/_stories/WaffleChart.stories.tsx +++ b/packages/waffle-chart/src/_stories/WaffleChart.stories.tsx @@ -10,61 +10,6 @@ const meta: Meta = { type Story = StoryObj -export const Example_Waffle_Chart_Count: Story = { - args: { - configUrl: 'https://www.cdc.gov/wcms/4.0/cdc-wp/data-presentation/examples/Waffle-Chart-Example-Count.json' - }, - render: args => ( - <> - - - ) -} - -export const Waffle_Chart_Average_Max: Story = { - args: { - configUrl: 'https://www.cdc.gov/wcms/4.0/cdc-wp/data-presentation/examples/Waffle-Chart-Average-Max.json' - }, - render: args => ( - <> - - - ) -} - -export const Waffle_Chart_Demographics: Story = { - args: { - configUrl: 'https://www.cdc.gov/wcms/4.0/cdc-wp/data-presentation/examples/waffle-chart-demographics.json' - }, - render: args => ( - <> - - - ) -} - -export const Linear_Gauge: Story = { - args: { - configUrl: 'https://www.cdc.gov/wcms/4.0/cdc-wp/data-presentation/examples/linear-gauge-data-from-file.json' - }, - render: args => ( - <> - - - ) -} - -export const Linear_Gauge_With_Message: Story = { - args: { - configUrl: 'https://www.cdc.gov/wcms/4.0/cdc-wp/data-presentation/examples/gauge-progress-indicator.json' - }, - render: args => ( - <> - - - ) -} - export const Person: Story = { args: { config: {