fix(storybook): make sure filters storybook isnt published in prod (#…

…2955)
commercetools · Oct 9, 2024 · 4c29416 · 4c29416
1 parent 68723be
commit 4c29416
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 99 deletions.
diff --git a/packages/components/filters/src/filters.stories.tsx b/packages/components/filters/src/filters.stories.tsx
@@ -4,7 +4,7 @@ import Filters from './filters';
 const meta: Meta<typeof Filters> = {
   title: 'components/Filters',
   component: Filters,
-  // tags: ['local-dev'],
+  tags: ['local-dev'],
   argTypes: {
     label: {
       control: 'text',

diff --git a/packages/components/filters/src/filters.tsx b/packages/components/filters/src/filters.tsx
@@ -1,5 +1,4 @@
 import { designTokens } from '@commercetools-uikit/design-system';
-import FilterMenu from './filter-menu';
 
 export type TFiltersProps = {
   /**
@@ -17,103 +16,6 @@ function Filters(props: TFiltersProps) {
       }}
     >
       {props.label && <span>{props.label}</span>}
-      <span
-        style={{
-          display: 'flex',
-          flexDirection: 'column',
-          gap: designTokens.spacing20,
-        }}
-      >
-        <FilterMenu
-          filterKey="test"
-          label="Testing"
-          renderMenuBody={() => <div>im the body</div>}
-          appliedFilterValues={undefined}
-          onRemoveRequest={() => {}}
-          defaultOpen={true}
-        />
-        <ul>
-          <li>no applied values</li>
-          <li>open on mount</li>
-        </ul>
-      </span>
-      <span
-        style={{
-          display: 'flex',
-          flexDirection: 'column',
-          gap: designTokens.spacing20,
-        }}
-      >
-        <FilterMenu
-          filterKey="test"
-          label="Testing"
-          renderMenuBody={() => <div>im the body</div>}
-          appliedFilterValues={[{ label: 'hello', value: 'hello' }]}
-          onRemoveRequest={() => {}}
-        />
-        <ul>
-          <li>applied values</li>
-        </ul>
-      </span>
-      <span
-        style={{
-          display: 'flex',
-          flexDirection: 'column',
-          gap: designTokens.spacing20,
-        }}
-      >
-        <FilterMenu
-          filterKey="test"
-          label="Testing"
-          renderMenuBody={() => <div>im the body</div>}
-          appliedFilterValues={undefined}
-          onRemoveRequest={() => {}}
-          isPersistent
-        />
-        <ul>
-          <li>no applied values</li>
-          <li>persistent</li>
-        </ul>
-      </span>
-      <span
-        style={{
-          display: 'flex',
-          flexDirection: 'column',
-          gap: designTokens.spacing20,
-        }}
-      >
-        <FilterMenu
-          filterKey="test"
-          label="Testing"
-          renderMenuBody={() => <div>im the body</div>}
-          appliedFilterValues={[{ label: 'hello', value: 'hello' }]}
-          onRemoveRequest={() => {}}
-          isPersistent
-        />
-        <ul>
-          <li>applied values</li>
-          <li>persistent</li>
-        </ul>
-      </span>
-      <span
-        style={{
-          display: 'flex',
-          flexDirection: 'column',
-          gap: designTokens.spacing20,
-        }}
-      >
-        <FilterMenu
-          filterKey="test"
-          label="Testing"
-          renderMenuBody={() => <div>im the body</div>}
-          appliedFilterValues={[{ label: 'hello', value: 'hello' }]}
-          onRemoveRequest={() => {}}
-          isDisabled
-        />
-        <ul>
-          <li>disabled</li>
-        </ul>
-      </span>
     </div>
   );
 }