Trick TS instead of exporting object in a default export

dnbexperience · Nov 1, 2023 · f276793 · f276793
1 parent fa25ca4
commit f276793
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 16 deletions.
diff --git a/packages/dnb-eufemia/src/components/flex/Flex.tsx b/packages/dnb-eufemia/src/components/flex/Flex.tsx
@@ -1 +1,3 @@
-export * as default from './'
+// For TypeScript compatibility we import and export it this way
+import * as _default from './'
+export { _default as default }
diff --git a/packages/dnb-eufemia/src/components/grid/Grid.ts b/packages/dnb-eufemia/src/components/grid/Grid.ts
@@ -1,4 +1,3 @@
-import Container from './Container'
-import Item from './Item'
-
-export default { Container, Item }
+// For TypeScript compatibility we import and export it this way
+import * as _default from './'
+export { _default as default }
diff --git a/packages/dnb-eufemia/src/components/grid/index.ts b/packages/dnb-eufemia/src/components/grid/index.ts
@@ -1,8 +1,2 @@
-/**
- * Component Entry
- *
- */
-
-import Grid from './Grid'
-export default Grid
-export * from './Grid'
+export { default as Container } from './Container'
+export { default as Item } from './Item'
diff --git a/packages/dnb-eufemia/src/components/grid/stories/Grid.stories.tsx b/packages/dnb-eufemia/src/components/grid/stories/Grid.stories.tsx
@@ -4,15 +4,13 @@
  */
 
 import React from 'react'
-
 import { Grid } from '../..'
-import '../style'
 
 export default {
   title: 'Eufemia/Components/Layout',
 }
 
-export const colors = [
+const colors = [
   { background: '#babeee' } as React.CSSProperties,
   { background: '#dfe0ee' } as React.CSSProperties,
   { background: '#90d2c3' } as React.CSSProperties,