From 33bd76b7636558452aad6ade5991143b739f89be Mon Sep 17 00:00:00 2001 From: Matt Gallo Date: Fri, 15 Nov 2024 12:50:08 -0500 Subject: [PATCH] feat: add example dirs across remaning react examples --- react/pagination/src/Example/Example.tsx | 11 +++++++ .../src/{ => Example}/Pagination.tsx | 21 ------------- .../src/{ => Example}/customTypings.d.ts | 0 .../src/{App.scss => Example/example.scss} | 0 react/pagination/src/Example/index.ts | 1 + .../pagination/src/{ => Example}/makeData.ts | 0 react/pagination/src/ExampleLink.tsx | 9 ------ react/pagination/src/index.scss | 13 -------- react/pagination/src/index.ts | 3 -- react/pagination/src/main.tsx | 11 ++----- react/pagination/tsconfig.app.json | 2 +- react/resizing/src/Example/Example.tsx | 11 +++++++ .../src/{ => Example}/ResizableCols.tsx | 21 ------------- .../src/{ => Example}/customTypings.d.ts | 0 .../src/{App.scss => Example/example.scss} | 0 react/resizing/src/Example/index.ts | 1 + react/resizing/src/{ => Example}/makeData.ts | 0 react/resizing/src/ExampleLink.tsx | 9 ------ react/resizing/src/index.scss | 13 -------- react/resizing/src/index.ts | 3 -- react/resizing/src/main.tsx | 11 ++----- react/resizing/tsconfig.app.json | 2 +- react/row-actions/src/Example/Example.tsx | 15 ++++++++++ .../src/{ => Example}/RowActions.tsx | 26 ++-------------- .../src/{ => Example}/RowWithContextMenu.tsx | 24 ++------------- .../src/{ => Example}/customTypings.d.ts | 0 .../src/{App.scss => Example/example.scss} | 0 react/row-actions/src/Example/index.ts | 1 + .../row-actions/src/{ => Example}/makeData.ts | 0 react/row-actions/src/ExampleLink.tsx | 9 ------ react/row-actions/src/index.scss | 13 -------- react/row-actions/src/index.ts | 3 -- react/row-actions/src/main.tsx | 15 ++-------- react/row-actions/tsconfig.app.json | 2 +- react/row-click/src/Example/Example.tsx | 11 +++++++ .../row-click/src/{ => Example}/RowClick.tsx | 21 ------------- .../src/{ => Example}/customTypings.d.ts | 0 .../src/{App.scss => Example/example.scss} | 0 react/row-click/src/Example/index.ts | 1 + react/row-click/src/{ => Example}/makeData.ts | 0 react/row-click/src/ExampleLink.tsx | 9 ------ react/row-click/src/index.scss | 13 -------- react/row-click/src/index.ts | 3 -- react/row-click/src/main.tsx | 11 ++----- react/row-click/tsconfig.app.json | 2 +- react/row-settings/src/Example/Example.tsx | 11 +++++++ .../src/{ => Example}/RowSettings.tsx | 23 +------------- .../src/{ => Example}/customTypings.d.ts | 0 .../src/{App.scss => Example/example.scss} | 17 +++++++++++ react/row-settings/src/Example/index.ts | 1 + .../src/{ => Example}/makeData.ts | 0 react/row-settings/src/ExampleLink.tsx | 9 ------ react/row-settings/src/index.scss | 30 ------------------- react/row-settings/src/index.ts | 3 -- react/row-settings/src/main.tsx | 11 ++----- react/row-settings/tsconfig.app.json | 2 +- react/rowExpansion/src/Example/Example.tsx | 11 +++++++ .../src/{ => Example}/RowExpansion.tsx | 21 ------------- .../src/{ => Example}/customTypings.d.ts | 0 .../src/{App.scss => Example/example.scss} | 0 react/rowExpansion/src/Example/index.ts | 1 + .../src/{ => Example}/makeData.ts | 0 react/rowExpansion/src/ExampleLink.tsx | 9 ------ react/rowExpansion/src/index.scss | 13 -------- react/rowExpansion/src/index.ts | 3 -- react/rowExpansion/src/main.tsx | 11 ++----- react/rowExpansion/tsconfig.app.json | 2 +- react/sortable/src/Example/Example.tsx | 11 +++++++ .../src/{ => Example}/SortableColumns.tsx | 25 +--------------- .../src/{ => Example}/customTypings.d.ts | 0 .../src/{App.scss => Example/example.scss} | 0 react/sortable/src/Example/index.ts | 1 + react/sortable/src/{ => Example}/makeData.ts | 0 react/sortable/src/ExampleLink.tsx | 9 ------ react/sortable/src/index.scss | 13 -------- react/sortable/src/index.ts | 3 -- react/sortable/src/main.tsx | 11 ++----- react/sortable/tsconfig.app.json | 2 +- react/sticky-columns/src/Example/Example.tsx | 11 +++++++ .../src/{ => Example}/StickyColumns.tsx | 21 ------------- .../src/{ => Example}/customTypings.d.ts | 0 .../src/{App.scss => Example/example.scss} | 0 react/sticky-columns/src/Example/index.ts | 1 + .../src/{ => Example}/makeData.ts | 0 react/sticky-columns/src/ExampleLink.tsx | 9 ------ react/sticky-columns/src/index.scss | 13 -------- react/sticky-columns/src/index.ts | 3 -- react/sticky-columns/src/main.tsx | 11 ++----- react/sticky-columns/tsconfig.app.json | 2 +- 89 files changed, 147 insertions(+), 498 deletions(-) create mode 100644 react/pagination/src/Example/Example.tsx rename react/pagination/src/{ => Example}/Pagination.tsx (86%) rename react/pagination/src/{ => Example}/customTypings.d.ts (100%) rename react/pagination/src/{App.scss => Example/example.scss} (100%) create mode 100644 react/pagination/src/Example/index.ts rename react/pagination/src/{ => Example}/makeData.ts (100%) delete mode 100644 react/pagination/src/ExampleLink.tsx delete mode 100644 react/pagination/src/index.ts create mode 100644 react/resizing/src/Example/Example.tsx rename react/resizing/src/{ => Example}/ResizableCols.tsx (86%) rename react/resizing/src/{ => Example}/customTypings.d.ts (100%) rename react/resizing/src/{App.scss => Example/example.scss} (100%) create mode 100644 react/resizing/src/Example/index.ts rename react/resizing/src/{ => Example}/makeData.ts (100%) delete mode 100644 react/resizing/src/ExampleLink.tsx delete mode 100644 react/resizing/src/index.ts create mode 100644 react/row-actions/src/Example/Example.tsx rename react/row-actions/src/{ => Example}/RowActions.tsx (82%) rename react/row-actions/src/{ => Example}/RowWithContextMenu.tsx (84%) rename react/row-actions/src/{ => Example}/customTypings.d.ts (100%) rename react/row-actions/src/{App.scss => Example/example.scss} (100%) create mode 100644 react/row-actions/src/Example/index.ts rename react/row-actions/src/{ => Example}/makeData.ts (100%) delete mode 100644 react/row-actions/src/ExampleLink.tsx delete mode 100644 react/row-actions/src/index.ts create mode 100644 react/row-click/src/Example/Example.tsx rename react/row-click/src/{ => Example}/RowClick.tsx (84%) rename react/row-click/src/{ => Example}/customTypings.d.ts (100%) rename react/row-click/src/{App.scss => Example/example.scss} (100%) create mode 100644 react/row-click/src/Example/index.ts rename react/row-click/src/{ => Example}/makeData.ts (100%) delete mode 100644 react/row-click/src/ExampleLink.tsx delete mode 100644 react/row-click/src/index.ts create mode 100644 react/row-settings/src/Example/Example.tsx rename react/row-settings/src/{ => Example}/RowSettings.tsx (90%) rename react/row-settings/src/{ => Example}/customTypings.d.ts (100%) rename react/row-settings/src/{App.scss => Example/example.scss} (65%) create mode 100644 react/row-settings/src/Example/index.ts rename react/row-settings/src/{ => Example}/makeData.ts (100%) delete mode 100644 react/row-settings/src/ExampleLink.tsx delete mode 100644 react/row-settings/src/index.ts create mode 100644 react/rowExpansion/src/Example/Example.tsx rename react/rowExpansion/src/{ => Example}/RowExpansion.tsx (87%) rename react/rowExpansion/src/{ => Example}/customTypings.d.ts (100%) rename react/rowExpansion/src/{App.scss => Example/example.scss} (100%) create mode 100644 react/rowExpansion/src/Example/index.ts rename react/rowExpansion/src/{ => Example}/makeData.ts (100%) delete mode 100644 react/rowExpansion/src/ExampleLink.tsx delete mode 100644 react/rowExpansion/src/index.ts create mode 100644 react/sortable/src/Example/Example.tsx rename react/sortable/src/{ => Example}/SortableColumns.tsx (89%) rename react/sortable/src/{ => Example}/customTypings.d.ts (100%) rename react/sortable/src/{App.scss => Example/example.scss} (100%) create mode 100644 react/sortable/src/Example/index.ts rename react/sortable/src/{ => Example}/makeData.ts (100%) delete mode 100644 react/sortable/src/ExampleLink.tsx delete mode 100644 react/sortable/src/index.ts create mode 100644 react/sticky-columns/src/Example/Example.tsx rename react/sticky-columns/src/{ => Example}/StickyColumns.tsx (88%) rename react/sticky-columns/src/{ => Example}/customTypings.d.ts (100%) rename react/sticky-columns/src/{App.scss => Example/example.scss} (100%) create mode 100644 react/sticky-columns/src/Example/index.ts rename react/sticky-columns/src/{ => Example}/makeData.ts (100%) delete mode 100644 react/sticky-columns/src/ExampleLink.tsx delete mode 100644 react/sticky-columns/src/index.ts diff --git a/react/pagination/src/Example/Example.tsx b/react/pagination/src/Example/Example.tsx new file mode 100644 index 0000000..48bd5a6 --- /dev/null +++ b/react/pagination/src/Example/Example.tsx @@ -0,0 +1,11 @@ +import { Grid, Column } from '@carbon/react'; +import { PaginationExample } from './Pagination'; +import './example.scss'; + +export const Example = () => ( + + + + + +); diff --git a/react/pagination/src/Pagination.tsx b/react/pagination/src/Example/Pagination.tsx similarity index 86% rename from react/pagination/src/Pagination.tsx rename to react/pagination/src/Example/Pagination.tsx index 7bc765d..99f3e87 100644 --- a/react/pagination/src/Pagination.tsx +++ b/react/pagination/src/Example/Pagination.tsx @@ -19,9 +19,6 @@ import { getPaginationRowModel, } from '@tanstack/react-table'; import { makeData } from './makeData'; -import { ExampleLink } from './ExampleLink'; -import { Launch } from '@carbon/react/icons'; -import * as packageJson from '../package.json'; type Resource = { id: string; @@ -88,24 +85,6 @@ export const PaginationExample = () => { - - - - } style={{ width: table.getCenterTotalSize(), }}> diff --git a/react/pagination/src/customTypings.d.ts b/react/pagination/src/Example/customTypings.d.ts similarity index 100% rename from react/pagination/src/customTypings.d.ts rename to react/pagination/src/Example/customTypings.d.ts diff --git a/react/pagination/src/App.scss b/react/pagination/src/Example/example.scss similarity index 100% rename from react/pagination/src/App.scss rename to react/pagination/src/Example/example.scss diff --git a/react/pagination/src/Example/index.ts b/react/pagination/src/Example/index.ts new file mode 100644 index 0000000..8765fbd --- /dev/null +++ b/react/pagination/src/Example/index.ts @@ -0,0 +1 @@ +export { Example } from './Example'; diff --git a/react/pagination/src/makeData.ts b/react/pagination/src/Example/makeData.ts similarity index 100% rename from react/pagination/src/makeData.ts rename to react/pagination/src/Example/makeData.ts diff --git a/react/pagination/src/ExampleLink.tsx b/react/pagination/src/ExampleLink.tsx deleted file mode 100644 index 7a03b61..0000000 --- a/react/pagination/src/ExampleLink.tsx +++ /dev/null @@ -1,9 +0,0 @@ -export const ExampleLink = ({ icon, label, url }) => { - const Icon = icon; - return ( - - {icon && } - {label} - - ); -}; diff --git a/react/pagination/src/index.scss b/react/pagination/src/index.scss index 8965062..e3f9104 100644 --- a/react/pagination/src/index.scss +++ b/react/pagination/src/index.scss @@ -3,21 +3,8 @@ ); @use '@carbon/styles/scss/type'; @use '@carbon/ibm-products/css/index'; -@use './App'; body { margin: 0; padding: 0; } - -.example--link { - @include type.type-style('label-01'); - - display: flex; - align-items: center; - margin-right: 0.5rem; -} - -.example--link__icon { - margin-right: 0.25rem; -} diff --git a/react/pagination/src/index.ts b/react/pagination/src/index.ts deleted file mode 100644 index 4cf2089..0000000 --- a/react/pagination/src/index.ts +++ /dev/null @@ -1,3 +0,0 @@ -import { PaginationExample } from './Pagination'; - -export { PaginationExample }; diff --git a/react/pagination/src/main.tsx b/react/pagination/src/main.tsx index c2d87db..4337d51 100644 --- a/react/pagination/src/main.tsx +++ b/react/pagination/src/main.tsx @@ -2,14 +2,11 @@ import { StrictMode } from 'react'; import { createRoot } from 'react-dom/client'; import { CodeSnippet, - Column, - Grid, Header, HeaderContainer, HeaderName, } from '@carbon/react'; - -import { PaginationExample } from './Pagination'; +import { Example } from './Example'; import './index.scss'; @@ -32,10 +29,6 @@ const renderUIShellHeader = () => ( createRoot(document.getElementById('root')!).render( {renderUIShellHeader()} - - - - - + ); diff --git a/react/pagination/tsconfig.app.json b/react/pagination/tsconfig.app.json index a68cf5e..a6e3949 100644 --- a/react/pagination/tsconfig.app.json +++ b/react/pagination/tsconfig.app.json @@ -21,7 +21,7 @@ "noUnusedParameters": true, "noFallthroughCasesInSwitch": true, - "types": [ "./src/customTypings.d.ts" ], + "types": ["./src/Example/customTypings.d.ts"], "resolveJsonModule": true }, "include": ["./src"] diff --git a/react/resizing/src/Example/Example.tsx b/react/resizing/src/Example/Example.tsx new file mode 100644 index 0000000..540e583 --- /dev/null +++ b/react/resizing/src/Example/Example.tsx @@ -0,0 +1,11 @@ +import { Grid, Column } from '@carbon/react'; +import { ResizableCols } from './ResizableCols'; +import './example.scss'; + +export const Example = () => ( + + + + + +); diff --git a/react/resizing/src/ResizableCols.tsx b/react/resizing/src/Example/ResizableCols.tsx similarity index 86% rename from react/resizing/src/ResizableCols.tsx rename to react/resizing/src/Example/ResizableCols.tsx index 2152c61..d6f4dd7 100644 --- a/react/resizing/src/ResizableCols.tsx +++ b/react/resizing/src/Example/ResizableCols.tsx @@ -18,9 +18,6 @@ import { ColumnResizeMode, } from '@tanstack/react-table'; import { makeData } from './makeData'; -import { ExampleLink } from './ExampleLink'; -import { Launch } from '@carbon/react/icons'; -import * as packageJson from '../package.json'; type Resource = { id: string; @@ -80,24 +77,6 @@ export const ResizableCols = () => { - - - - } style={{ width: table.getCenterTotalSize(), }}> diff --git a/react/resizing/src/customTypings.d.ts b/react/resizing/src/Example/customTypings.d.ts similarity index 100% rename from react/resizing/src/customTypings.d.ts rename to react/resizing/src/Example/customTypings.d.ts diff --git a/react/resizing/src/App.scss b/react/resizing/src/Example/example.scss similarity index 100% rename from react/resizing/src/App.scss rename to react/resizing/src/Example/example.scss diff --git a/react/resizing/src/Example/index.ts b/react/resizing/src/Example/index.ts new file mode 100644 index 0000000..8765fbd --- /dev/null +++ b/react/resizing/src/Example/index.ts @@ -0,0 +1 @@ +export { Example } from './Example'; diff --git a/react/resizing/src/makeData.ts b/react/resizing/src/Example/makeData.ts similarity index 100% rename from react/resizing/src/makeData.ts rename to react/resizing/src/Example/makeData.ts diff --git a/react/resizing/src/ExampleLink.tsx b/react/resizing/src/ExampleLink.tsx deleted file mode 100644 index 7a03b61..0000000 --- a/react/resizing/src/ExampleLink.tsx +++ /dev/null @@ -1,9 +0,0 @@ -export const ExampleLink = ({ icon, label, url }) => { - const Icon = icon; - return ( - - {icon && } - {label} - - ); -}; diff --git a/react/resizing/src/index.scss b/react/resizing/src/index.scss index 8965062..e3f9104 100644 --- a/react/resizing/src/index.scss +++ b/react/resizing/src/index.scss @@ -3,21 +3,8 @@ ); @use '@carbon/styles/scss/type'; @use '@carbon/ibm-products/css/index'; -@use './App'; body { margin: 0; padding: 0; } - -.example--link { - @include type.type-style('label-01'); - - display: flex; - align-items: center; - margin-right: 0.5rem; -} - -.example--link__icon { - margin-right: 0.25rem; -} diff --git a/react/resizing/src/index.ts b/react/resizing/src/index.ts deleted file mode 100644 index 0229c69..0000000 --- a/react/resizing/src/index.ts +++ /dev/null @@ -1,3 +0,0 @@ -import { ResizableCols } from './ResizableCols'; - -export { ResizableCols }; diff --git a/react/resizing/src/main.tsx b/react/resizing/src/main.tsx index 8a32e12..26b45da 100644 --- a/react/resizing/src/main.tsx +++ b/react/resizing/src/main.tsx @@ -2,16 +2,13 @@ import { StrictMode } from 'react'; import { createRoot } from 'react-dom/client'; import { CodeSnippet, - Column, - Grid, Header, HeaderContainer, HeaderName, } from '@carbon/react'; -import { ResizableCols } from './ResizableCols'; - import './index.scss'; +import { Example } from './Example'; const renderUIShellHeader = () => ( ( createRoot(document.getElementById('root')!).render( {renderUIShellHeader()} - - - - - + ); diff --git a/react/resizing/tsconfig.app.json b/react/resizing/tsconfig.app.json index a68cf5e..a6e3949 100644 --- a/react/resizing/tsconfig.app.json +++ b/react/resizing/tsconfig.app.json @@ -21,7 +21,7 @@ "noUnusedParameters": true, "noFallthroughCasesInSwitch": true, - "types": [ "./src/customTypings.d.ts" ], + "types": ["./src/Example/customTypings.d.ts"], "resolveJsonModule": true }, "include": ["./src"] diff --git a/react/row-actions/src/Example/Example.tsx b/react/row-actions/src/Example/Example.tsx new file mode 100644 index 0000000..e1336b4 --- /dev/null +++ b/react/row-actions/src/Example/Example.tsx @@ -0,0 +1,15 @@ +import { Grid, Column } from '@carbon/react'; +import { RowActions } from './RowActions'; +import { RowWithContextMenu } from './RowWithContextMenu'; +import './example.scss'; + +export const Example = () => ( + + + + + + + + +); diff --git a/react/row-actions/src/RowActions.tsx b/react/row-actions/src/Example/RowActions.tsx similarity index 82% rename from react/row-actions/src/RowActions.tsx rename to react/row-actions/src/Example/RowActions.tsx index 766b119..9c62086 100644 --- a/react/row-actions/src/RowActions.tsx +++ b/react/row-actions/src/Example/RowActions.tsx @@ -1,7 +1,6 @@ -import React, { CSSProperties } from 'react'; +import React from 'react'; import { - Column, flexRender, getCoreRowModel, useReactTable, @@ -12,9 +11,6 @@ import { DataTable, IconButton, TableContainer } from '@carbon/react'; import { TrashCan, Edit } from '@carbon/react/icons'; const { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } = DataTable; -import { ExampleLink } from './ExampleLink'; -import { Launch } from '@carbon/react/icons'; -import * as packageJson from '../package.json'; export const RowActions = () => { const onDelete = (row: Resource) => { @@ -91,25 +87,7 @@ export const RowActions = () => { return ( - - - - }> + className="tanstack-example sticky-example"> {table.getHeaderGroups().map((headerGroup) => ( diff --git a/react/row-actions/src/RowWithContextMenu.tsx b/react/row-actions/src/Example/RowWithContextMenu.tsx similarity index 84% rename from react/row-actions/src/RowWithContextMenu.tsx rename to react/row-actions/src/Example/RowWithContextMenu.tsx index f5e0c60..df444ee 100644 --- a/react/row-actions/src/RowWithContextMenu.tsx +++ b/react/row-actions/src/Example/RowWithContextMenu.tsx @@ -14,11 +14,9 @@ import { TableContainer, useContextMenu, } from '@carbon/react'; +import { TrashCan } from '@carbon/react/icons'; const { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } = DataTable; -import { ExampleLink } from './ExampleLink'; -import { Launch, TrashCan } from '@carbon/react/icons'; -import * as packageJson from '../package.json'; const ContextRow = ({ row, children, updateData, data }) => { const el = useRef(null); @@ -98,25 +96,7 @@ export const RowWithContextMenu = () => { return ( - - - - }> + className="tanstack-example sticky-example">
{table.getHeaderGroups().map((headerGroup) => ( diff --git a/react/row-actions/src/customTypings.d.ts b/react/row-actions/src/Example/customTypings.d.ts similarity index 100% rename from react/row-actions/src/customTypings.d.ts rename to react/row-actions/src/Example/customTypings.d.ts diff --git a/react/row-actions/src/App.scss b/react/row-actions/src/Example/example.scss similarity index 100% rename from react/row-actions/src/App.scss rename to react/row-actions/src/Example/example.scss diff --git a/react/row-actions/src/Example/index.ts b/react/row-actions/src/Example/index.ts new file mode 100644 index 0000000..8765fbd --- /dev/null +++ b/react/row-actions/src/Example/index.ts @@ -0,0 +1 @@ +export { Example } from './Example'; diff --git a/react/row-actions/src/makeData.ts b/react/row-actions/src/Example/makeData.ts similarity index 100% rename from react/row-actions/src/makeData.ts rename to react/row-actions/src/Example/makeData.ts diff --git a/react/row-actions/src/ExampleLink.tsx b/react/row-actions/src/ExampleLink.tsx deleted file mode 100644 index 7a03b61..0000000 --- a/react/row-actions/src/ExampleLink.tsx +++ /dev/null @@ -1,9 +0,0 @@ -export const ExampleLink = ({ icon, label, url }) => { - const Icon = icon; - return ( - - {icon && } - {label} - - ); -}; diff --git a/react/row-actions/src/index.scss b/react/row-actions/src/index.scss index 8965062..e3f9104 100644 --- a/react/row-actions/src/index.scss +++ b/react/row-actions/src/index.scss @@ -3,21 +3,8 @@ ); @use '@carbon/styles/scss/type'; @use '@carbon/ibm-products/css/index'; -@use './App'; body { margin: 0; padding: 0; } - -.example--link { - @include type.type-style('label-01'); - - display: flex; - align-items: center; - margin-right: 0.5rem; -} - -.example--link__icon { - margin-right: 0.25rem; -} diff --git a/react/row-actions/src/index.ts b/react/row-actions/src/index.ts deleted file mode 100644 index af96a97..0000000 --- a/react/row-actions/src/index.ts +++ /dev/null @@ -1,3 +0,0 @@ -import { StickyColumns } from './RowActions'; - -export { StickyColumns }; diff --git a/react/row-actions/src/main.tsx b/react/row-actions/src/main.tsx index 81fca1d..26b45da 100644 --- a/react/row-actions/src/main.tsx +++ b/react/row-actions/src/main.tsx @@ -2,17 +2,13 @@ import { StrictMode } from 'react'; import { createRoot } from 'react-dom/client'; import { CodeSnippet, - Column, - Grid, Header, HeaderContainer, HeaderName, } from '@carbon/react'; -import { RowActions } from './RowActions'; - import './index.scss'; -import { RowWithContextMenu } from './RowWithContextMenu'; +import { Example } from './Example'; const renderUIShellHeader = () => ( ( createRoot(document.getElementById('root')!).render( {renderUIShellHeader()} - - - - - - - - + ); diff --git a/react/row-actions/tsconfig.app.json b/react/row-actions/tsconfig.app.json index a68cf5e..a6e3949 100644 --- a/react/row-actions/tsconfig.app.json +++ b/react/row-actions/tsconfig.app.json @@ -21,7 +21,7 @@ "noUnusedParameters": true, "noFallthroughCasesInSwitch": true, - "types": [ "./src/customTypings.d.ts" ], + "types": ["./src/Example/customTypings.d.ts"], "resolveJsonModule": true }, "include": ["./src"] diff --git a/react/row-click/src/Example/Example.tsx b/react/row-click/src/Example/Example.tsx new file mode 100644 index 0000000..70186ab --- /dev/null +++ b/react/row-click/src/Example/Example.tsx @@ -0,0 +1,11 @@ +import { Grid, Column } from '@carbon/react'; +import { RowClick } from './RowClick'; +import './example.scss'; + +export const Example = () => ( + + + + + +); diff --git a/react/row-click/src/RowClick.tsx b/react/row-click/src/Example/RowClick.tsx similarity index 84% rename from react/row-click/src/RowClick.tsx rename to react/row-click/src/Example/RowClick.tsx index da5fe31..563ea9e 100644 --- a/react/row-click/src/RowClick.tsx +++ b/react/row-click/src/Example/RowClick.tsx @@ -18,9 +18,6 @@ import { useReactTable, } from '@tanstack/react-table'; import { makeData } from './makeData'; -import { ExampleLink } from './ExampleLink'; -import { Launch } from '@carbon/react/icons'; -import * as packageJson from '../package.json'; type Resource = { id: string; @@ -80,24 +77,6 @@ export const RowClick = () => { - - - - } style={{ width: table.getCenterTotalSize(), }}> diff --git a/react/row-click/src/customTypings.d.ts b/react/row-click/src/Example/customTypings.d.ts similarity index 100% rename from react/row-click/src/customTypings.d.ts rename to react/row-click/src/Example/customTypings.d.ts diff --git a/react/row-click/src/App.scss b/react/row-click/src/Example/example.scss similarity index 100% rename from react/row-click/src/App.scss rename to react/row-click/src/Example/example.scss diff --git a/react/row-click/src/Example/index.ts b/react/row-click/src/Example/index.ts new file mode 100644 index 0000000..8765fbd --- /dev/null +++ b/react/row-click/src/Example/index.ts @@ -0,0 +1 @@ +export { Example } from './Example'; diff --git a/react/row-click/src/makeData.ts b/react/row-click/src/Example/makeData.ts similarity index 100% rename from react/row-click/src/makeData.ts rename to react/row-click/src/Example/makeData.ts diff --git a/react/row-click/src/ExampleLink.tsx b/react/row-click/src/ExampleLink.tsx deleted file mode 100644 index 7a03b61..0000000 --- a/react/row-click/src/ExampleLink.tsx +++ /dev/null @@ -1,9 +0,0 @@ -export const ExampleLink = ({ icon, label, url }) => { - const Icon = icon; - return ( - - {icon && } - {label} - - ); -}; diff --git a/react/row-click/src/index.scss b/react/row-click/src/index.scss index 8965062..e3f9104 100644 --- a/react/row-click/src/index.scss +++ b/react/row-click/src/index.scss @@ -3,21 +3,8 @@ ); @use '@carbon/styles/scss/type'; @use '@carbon/ibm-products/css/index'; -@use './App'; body { margin: 0; padding: 0; } - -.example--link { - @include type.type-style('label-01'); - - display: flex; - align-items: center; - margin-right: 0.5rem; -} - -.example--link__icon { - margin-right: 0.25rem; -} diff --git a/react/row-click/src/index.ts b/react/row-click/src/index.ts deleted file mode 100644 index 637ea0c..0000000 --- a/react/row-click/src/index.ts +++ /dev/null @@ -1,3 +0,0 @@ -import { RowClick } from './RowClick'; - -export { RowClick }; diff --git a/react/row-click/src/main.tsx b/react/row-click/src/main.tsx index fe8efbd..26b45da 100644 --- a/react/row-click/src/main.tsx +++ b/react/row-click/src/main.tsx @@ -2,16 +2,13 @@ import { StrictMode } from 'react'; import { createRoot } from 'react-dom/client'; import { CodeSnippet, - Column, - Grid, Header, HeaderContainer, HeaderName, } from '@carbon/react'; -import { RowClick } from './RowClick'; - import './index.scss'; +import { Example } from './Example'; const renderUIShellHeader = () => ( ( createRoot(document.getElementById('root')!).render( {renderUIShellHeader()} - - - - - + ); diff --git a/react/row-click/tsconfig.app.json b/react/row-click/tsconfig.app.json index a68cf5e..a6e3949 100644 --- a/react/row-click/tsconfig.app.json +++ b/react/row-click/tsconfig.app.json @@ -21,7 +21,7 @@ "noUnusedParameters": true, "noFallthroughCasesInSwitch": true, - "types": [ "./src/customTypings.d.ts" ], + "types": ["./src/Example/customTypings.d.ts"], "resolveJsonModule": true }, "include": ["./src"] diff --git a/react/row-settings/src/Example/Example.tsx b/react/row-settings/src/Example/Example.tsx new file mode 100644 index 0000000..32c244a --- /dev/null +++ b/react/row-settings/src/Example/Example.tsx @@ -0,0 +1,11 @@ +import { Grid, Column } from '@carbon/react'; +import { RowSettings } from './RowSettings'; +import './example.scss'; + +export const Example = () => ( + + + + + +); diff --git a/react/row-settings/src/RowSettings.tsx b/react/row-settings/src/Example/RowSettings.tsx similarity index 90% rename from react/row-settings/src/RowSettings.tsx rename to react/row-settings/src/Example/RowSettings.tsx index cc8ecf9..e70b2c8 100644 --- a/react/row-settings/src/RowSettings.tsx +++ b/react/row-settings/src/Example/RowSettings.tsx @@ -38,9 +38,8 @@ import { // A TanStack fork of Kent C. Dodds' match-sorter library that provides ranking information import { rankItem } from '@tanstack/match-sorter-utils'; -import { ExampleLink } from './ExampleLink'; import { Launch, Settings } from '@carbon/react/icons'; -import * as packageJson from '../package.json'; +import * as packageJson from '../../package.json'; import { makeData, Resource } from './makeData'; @@ -120,26 +119,6 @@ export const RowSettings = () => { - - - excludes Example column - from global filtering - - } style={{ width: table.getCenterTotalSize(), }}> diff --git a/react/row-settings/src/customTypings.d.ts b/react/row-settings/src/Example/customTypings.d.ts similarity index 100% rename from react/row-settings/src/customTypings.d.ts rename to react/row-settings/src/Example/customTypings.d.ts diff --git a/react/row-settings/src/App.scss b/react/row-settings/src/Example/example.scss similarity index 65% rename from react/row-settings/src/App.scss rename to react/row-settings/src/Example/example.scss index 5c29b4e..c206110 100644 --- a/react/row-settings/src/App.scss +++ b/react/row-settings/src/Example/example.scss @@ -60,3 +60,20 @@ .row-settings-popover-content { padding: $spacing-06; } + +.cds--data-table.empty-table-wrapper td, +.cds--data-table.empty-table-wrapper tbody th, +.cds--data-table.empty-table-wrapper tbody tr:hover td { + border-block-end: 0; +} + +.cds--data-table tbody.empty-table-body, +.cds--data-table tbody.empty-table-body tr:not([data-child-row]):hover, +.cds--data-table tbody.empty-table-body tr[data-child-row]:hover > td { + background-color: transparent; +} + +.cds--data-table td .empty-table { + position: absolute; + max-width: 265px; +} diff --git a/react/row-settings/src/Example/index.ts b/react/row-settings/src/Example/index.ts new file mode 100644 index 0000000..8765fbd --- /dev/null +++ b/react/row-settings/src/Example/index.ts @@ -0,0 +1 @@ +export { Example } from './Example'; diff --git a/react/row-settings/src/makeData.ts b/react/row-settings/src/Example/makeData.ts similarity index 100% rename from react/row-settings/src/makeData.ts rename to react/row-settings/src/Example/makeData.ts diff --git a/react/row-settings/src/ExampleLink.tsx b/react/row-settings/src/ExampleLink.tsx deleted file mode 100644 index 7a03b61..0000000 --- a/react/row-settings/src/ExampleLink.tsx +++ /dev/null @@ -1,9 +0,0 @@ -export const ExampleLink = ({ icon, label, url }) => { - const Icon = icon; - return ( - - {icon && } - {label} - - ); -}; diff --git a/react/row-settings/src/index.scss b/react/row-settings/src/index.scss index db79429..e3f9104 100644 --- a/react/row-settings/src/index.scss +++ b/react/row-settings/src/index.scss @@ -3,38 +3,8 @@ ); @use '@carbon/styles/scss/type'; @use '@carbon/ibm-products/css/index'; -@use './App'; body { margin: 0; padding: 0; } - -.example--link { - @include type.type-style('label-01'); - - display: flex; - align-items: center; - margin-right: 0.5rem; -} - -.example--link__icon { - margin-right: 0.25rem; -} - -.cds--data-table.empty-table-wrapper td, -.cds--data-table.empty-table-wrapper tbody th, -.cds--data-table.empty-table-wrapper tbody tr:hover td { - border-block-end: 0; -} - -.cds--data-table tbody.empty-table-body, -.cds--data-table tbody.empty-table-body tr:not([data-child-row]):hover, -.cds--data-table tbody.empty-table-body tr[data-child-row]:hover > td { - background-color: transparent; -} - -.cds--data-table td .empty-table { - position: absolute; - max-width: 265px; -} diff --git a/react/row-settings/src/index.ts b/react/row-settings/src/index.ts deleted file mode 100644 index 89406a0..0000000 --- a/react/row-settings/src/index.ts +++ /dev/null @@ -1,3 +0,0 @@ -import { GlobalFilter } from './RowSettings'; - -export { GlobalFilter }; diff --git a/react/row-settings/src/main.tsx b/react/row-settings/src/main.tsx index dbcb7c7..26b45da 100644 --- a/react/row-settings/src/main.tsx +++ b/react/row-settings/src/main.tsx @@ -2,16 +2,13 @@ import { StrictMode } from 'react'; import { createRoot } from 'react-dom/client'; import { CodeSnippet, - Column, - Grid, Header, HeaderContainer, HeaderName, } from '@carbon/react'; -import { RowSettings } from './RowSettings'; - import './index.scss'; +import { Example } from './Example'; const renderUIShellHeader = () => ( ( createRoot(document.getElementById('root')!).render( {renderUIShellHeader()} - - - - - + ); diff --git a/react/row-settings/tsconfig.app.json b/react/row-settings/tsconfig.app.json index a68cf5e..a6e3949 100644 --- a/react/row-settings/tsconfig.app.json +++ b/react/row-settings/tsconfig.app.json @@ -21,7 +21,7 @@ "noUnusedParameters": true, "noFallthroughCasesInSwitch": true, - "types": [ "./src/customTypings.d.ts" ], + "types": ["./src/Example/customTypings.d.ts"], "resolveJsonModule": true }, "include": ["./src"] diff --git a/react/rowExpansion/src/Example/Example.tsx b/react/rowExpansion/src/Example/Example.tsx new file mode 100644 index 0000000..9c68554 --- /dev/null +++ b/react/rowExpansion/src/Example/Example.tsx @@ -0,0 +1,11 @@ +import { Grid, Column } from '@carbon/react'; +import { RowExpansion } from './RowExpansion'; +import './example.scss'; + +export const Example = () => ( + + + + + +); diff --git a/react/rowExpansion/src/RowExpansion.tsx b/react/rowExpansion/src/Example/RowExpansion.tsx similarity index 87% rename from react/rowExpansion/src/RowExpansion.tsx rename to react/rowExpansion/src/Example/RowExpansion.tsx index 5208455..bbdf1be 100644 --- a/react/rowExpansion/src/RowExpansion.tsx +++ b/react/rowExpansion/src/Example/RowExpansion.tsx @@ -22,9 +22,6 @@ import { getExpandedRowModel, } from '@tanstack/react-table'; import { makeData } from './makeData'; -import { ExampleLink } from './ExampleLink'; -import { Launch } from '@carbon/react/icons'; -import * as packageJson from '../package.json'; type Resource = { id: string; @@ -78,24 +75,6 @@ export const RowExpansion = () => { - - - - } style={{ width: table.getCenterTotalSize(), }}> diff --git a/react/rowExpansion/src/customTypings.d.ts b/react/rowExpansion/src/Example/customTypings.d.ts similarity index 100% rename from react/rowExpansion/src/customTypings.d.ts rename to react/rowExpansion/src/Example/customTypings.d.ts diff --git a/react/rowExpansion/src/App.scss b/react/rowExpansion/src/Example/example.scss similarity index 100% rename from react/rowExpansion/src/App.scss rename to react/rowExpansion/src/Example/example.scss diff --git a/react/rowExpansion/src/Example/index.ts b/react/rowExpansion/src/Example/index.ts new file mode 100644 index 0000000..8765fbd --- /dev/null +++ b/react/rowExpansion/src/Example/index.ts @@ -0,0 +1 @@ +export { Example } from './Example'; diff --git a/react/rowExpansion/src/makeData.ts b/react/rowExpansion/src/Example/makeData.ts similarity index 100% rename from react/rowExpansion/src/makeData.ts rename to react/rowExpansion/src/Example/makeData.ts diff --git a/react/rowExpansion/src/ExampleLink.tsx b/react/rowExpansion/src/ExampleLink.tsx deleted file mode 100644 index 7a03b61..0000000 --- a/react/rowExpansion/src/ExampleLink.tsx +++ /dev/null @@ -1,9 +0,0 @@ -export const ExampleLink = ({ icon, label, url }) => { - const Icon = icon; - return ( - - {icon && } - {label} - - ); -}; diff --git a/react/rowExpansion/src/index.scss b/react/rowExpansion/src/index.scss index 8965062..e3f9104 100644 --- a/react/rowExpansion/src/index.scss +++ b/react/rowExpansion/src/index.scss @@ -3,21 +3,8 @@ ); @use '@carbon/styles/scss/type'; @use '@carbon/ibm-products/css/index'; -@use './App'; body { margin: 0; padding: 0; } - -.example--link { - @include type.type-style('label-01'); - - display: flex; - align-items: center; - margin-right: 0.5rem; -} - -.example--link__icon { - margin-right: 0.25rem; -} diff --git a/react/rowExpansion/src/index.ts b/react/rowExpansion/src/index.ts deleted file mode 100644 index f9cb7c3..0000000 --- a/react/rowExpansion/src/index.ts +++ /dev/null @@ -1,3 +0,0 @@ -import { RowExpansion } from './RowExpansion'; - -export { RowExpansion }; diff --git a/react/rowExpansion/src/main.tsx b/react/rowExpansion/src/main.tsx index 65e68e7..26b45da 100644 --- a/react/rowExpansion/src/main.tsx +++ b/react/rowExpansion/src/main.tsx @@ -2,16 +2,13 @@ import { StrictMode } from 'react'; import { createRoot } from 'react-dom/client'; import { CodeSnippet, - Column, - Grid, Header, HeaderContainer, HeaderName, } from '@carbon/react'; -import { RowExpansion } from './RowExpansion'; - import './index.scss'; +import { Example } from './Example'; const renderUIShellHeader = () => ( ( createRoot(document.getElementById('root')!).render( {renderUIShellHeader()} - - - - - + ); diff --git a/react/rowExpansion/tsconfig.app.json b/react/rowExpansion/tsconfig.app.json index a68cf5e..a6e3949 100644 --- a/react/rowExpansion/tsconfig.app.json +++ b/react/rowExpansion/tsconfig.app.json @@ -21,7 +21,7 @@ "noUnusedParameters": true, "noFallthroughCasesInSwitch": true, - "types": [ "./src/customTypings.d.ts" ], + "types": ["./src/Example/customTypings.d.ts"], "resolveJsonModule": true }, "include": ["./src"] diff --git a/react/sortable/src/Example/Example.tsx b/react/sortable/src/Example/Example.tsx new file mode 100644 index 0000000..a4929ab --- /dev/null +++ b/react/sortable/src/Example/Example.tsx @@ -0,0 +1,11 @@ +import { Grid, Column } from '@carbon/react'; +import { SortableColumns } from './SortableColumns'; +import './example.scss'; + +export const Example = () => ( + + + + + +); diff --git a/react/sortable/src/SortableColumns.tsx b/react/sortable/src/Example/SortableColumns.tsx similarity index 89% rename from react/sortable/src/SortableColumns.tsx rename to react/sortable/src/Example/SortableColumns.tsx index 788677b..552b5d3 100644 --- a/react/sortable/src/SortableColumns.tsx +++ b/react/sortable/src/Example/SortableColumns.tsx @@ -17,9 +17,6 @@ const { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } = DataTable; import { makeData, Resource } from './makeData'; -import { ExampleLink } from './ExampleLink'; -import { Launch } from '@carbon/react/icons'; -import * as packageJson from '../package.json'; //custom sorting logic for one of our enum columns const sortStatusFn: SortingFn = (rowA, rowB) => { @@ -102,27 +99,7 @@ export const SortableColumns = () => { // console.log(table.getState().sorting) return ( - - - - - }> +
{table.getHeaderGroups().map((headerGroup) => ( diff --git a/react/sortable/src/customTypings.d.ts b/react/sortable/src/Example/customTypings.d.ts similarity index 100% rename from react/sortable/src/customTypings.d.ts rename to react/sortable/src/Example/customTypings.d.ts diff --git a/react/sortable/src/App.scss b/react/sortable/src/Example/example.scss similarity index 100% rename from react/sortable/src/App.scss rename to react/sortable/src/Example/example.scss diff --git a/react/sortable/src/Example/index.ts b/react/sortable/src/Example/index.ts new file mode 100644 index 0000000..8765fbd --- /dev/null +++ b/react/sortable/src/Example/index.ts @@ -0,0 +1 @@ +export { Example } from './Example'; diff --git a/react/sortable/src/makeData.ts b/react/sortable/src/Example/makeData.ts similarity index 100% rename from react/sortable/src/makeData.ts rename to react/sortable/src/Example/makeData.ts diff --git a/react/sortable/src/ExampleLink.tsx b/react/sortable/src/ExampleLink.tsx deleted file mode 100644 index 7a03b61..0000000 --- a/react/sortable/src/ExampleLink.tsx +++ /dev/null @@ -1,9 +0,0 @@ -export const ExampleLink = ({ icon, label, url }) => { - const Icon = icon; - return ( - - {icon && } - {label} - - ); -}; diff --git a/react/sortable/src/index.scss b/react/sortable/src/index.scss index 8965062..e3f9104 100644 --- a/react/sortable/src/index.scss +++ b/react/sortable/src/index.scss @@ -3,21 +3,8 @@ ); @use '@carbon/styles/scss/type'; @use '@carbon/ibm-products/css/index'; -@use './App'; body { margin: 0; padding: 0; } - -.example--link { - @include type.type-style('label-01'); - - display: flex; - align-items: center; - margin-right: 0.5rem; -} - -.example--link__icon { - margin-right: 0.25rem; -} diff --git a/react/sortable/src/index.ts b/react/sortable/src/index.ts deleted file mode 100644 index f80e7ac..0000000 --- a/react/sortable/src/index.ts +++ /dev/null @@ -1,3 +0,0 @@ -import { SortableColumns } from './SortableColumns'; - -export { SortableColumns }; diff --git a/react/sortable/src/main.tsx b/react/sortable/src/main.tsx index 98e2c52..26b45da 100644 --- a/react/sortable/src/main.tsx +++ b/react/sortable/src/main.tsx @@ -2,16 +2,13 @@ import { StrictMode } from 'react'; import { createRoot } from 'react-dom/client'; import { CodeSnippet, - Column, - Grid, Header, HeaderContainer, HeaderName, } from '@carbon/react'; -import { SortableColumns } from './SortableColumns'; - import './index.scss'; +import { Example } from './Example'; const renderUIShellHeader = () => ( ( createRoot(document.getElementById('root')!).render( {renderUIShellHeader()} - - - - - + ); diff --git a/react/sortable/tsconfig.app.json b/react/sortable/tsconfig.app.json index a68cf5e..a6e3949 100644 --- a/react/sortable/tsconfig.app.json +++ b/react/sortable/tsconfig.app.json @@ -21,7 +21,7 @@ "noUnusedParameters": true, "noFallthroughCasesInSwitch": true, - "types": [ "./src/customTypings.d.ts" ], + "types": ["./src/Example/customTypings.d.ts"], "resolveJsonModule": true }, "include": ["./src"] diff --git a/react/sticky-columns/src/Example/Example.tsx b/react/sticky-columns/src/Example/Example.tsx new file mode 100644 index 0000000..044120a --- /dev/null +++ b/react/sticky-columns/src/Example/Example.tsx @@ -0,0 +1,11 @@ +import { Grid, Column } from '@carbon/react'; +import { StickyColumns } from './StickyColumns'; +import './example.scss'; + +export const Example = () => ( + + + + + +); diff --git a/react/sticky-columns/src/StickyColumns.tsx b/react/sticky-columns/src/Example/StickyColumns.tsx similarity index 88% rename from react/sticky-columns/src/StickyColumns.tsx rename to react/sticky-columns/src/Example/StickyColumns.tsx index 4907eef..3c8292b 100644 --- a/react/sticky-columns/src/StickyColumns.tsx +++ b/react/sticky-columns/src/Example/StickyColumns.tsx @@ -12,9 +12,6 @@ import { DataTable, IconButton, TableContainer } from '@carbon/react'; import { TrashCan, Edit } from '@carbon/react/icons'; const { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } = DataTable; -import { ExampleLink } from './ExampleLink'; -import { Launch } from '@carbon/react/icons'; -import * as packageJson from '../package.json'; //These are the important styles to make sticky column pinning work! //Apply styles like this using your CSS strategy of choice with this kind of logic to head cells, data cells, footer cells, etc. @@ -115,24 +112,6 @@ export const StickyColumns = () => { - - - - } style={{ width: 500, }}> diff --git a/react/sticky-columns/src/customTypings.d.ts b/react/sticky-columns/src/Example/customTypings.d.ts similarity index 100% rename from react/sticky-columns/src/customTypings.d.ts rename to react/sticky-columns/src/Example/customTypings.d.ts diff --git a/react/sticky-columns/src/App.scss b/react/sticky-columns/src/Example/example.scss similarity index 100% rename from react/sticky-columns/src/App.scss rename to react/sticky-columns/src/Example/example.scss diff --git a/react/sticky-columns/src/Example/index.ts b/react/sticky-columns/src/Example/index.ts new file mode 100644 index 0000000..8765fbd --- /dev/null +++ b/react/sticky-columns/src/Example/index.ts @@ -0,0 +1 @@ +export { Example } from './Example'; diff --git a/react/sticky-columns/src/makeData.ts b/react/sticky-columns/src/Example/makeData.ts similarity index 100% rename from react/sticky-columns/src/makeData.ts rename to react/sticky-columns/src/Example/makeData.ts diff --git a/react/sticky-columns/src/ExampleLink.tsx b/react/sticky-columns/src/ExampleLink.tsx deleted file mode 100644 index 7a03b61..0000000 --- a/react/sticky-columns/src/ExampleLink.tsx +++ /dev/null @@ -1,9 +0,0 @@ -export const ExampleLink = ({ icon, label, url }) => { - const Icon = icon; - return ( - - {icon && } - {label} - - ); -}; diff --git a/react/sticky-columns/src/index.scss b/react/sticky-columns/src/index.scss index 8965062..e3f9104 100644 --- a/react/sticky-columns/src/index.scss +++ b/react/sticky-columns/src/index.scss @@ -3,21 +3,8 @@ ); @use '@carbon/styles/scss/type'; @use '@carbon/ibm-products/css/index'; -@use './App'; body { margin: 0; padding: 0; } - -.example--link { - @include type.type-style('label-01'); - - display: flex; - align-items: center; - margin-right: 0.5rem; -} - -.example--link__icon { - margin-right: 0.25rem; -} diff --git a/react/sticky-columns/src/index.ts b/react/sticky-columns/src/index.ts deleted file mode 100644 index 58b5bbf..0000000 --- a/react/sticky-columns/src/index.ts +++ /dev/null @@ -1,3 +0,0 @@ -import { StickyColumns } from './StickyColumns'; - -export { StickyColumns }; diff --git a/react/sticky-columns/src/main.tsx b/react/sticky-columns/src/main.tsx index 29c072c..26b45da 100644 --- a/react/sticky-columns/src/main.tsx +++ b/react/sticky-columns/src/main.tsx @@ -2,16 +2,13 @@ import { StrictMode } from 'react'; import { createRoot } from 'react-dom/client'; import { CodeSnippet, - Column, - Grid, Header, HeaderContainer, HeaderName, } from '@carbon/react'; -import { StickyColumns } from './StickyColumns'; - import './index.scss'; +import { Example } from './Example'; const renderUIShellHeader = () => ( ( createRoot(document.getElementById('root')!).render( {renderUIShellHeader()} - - - - - + ); diff --git a/react/sticky-columns/tsconfig.app.json b/react/sticky-columns/tsconfig.app.json index a68cf5e..a6e3949 100644 --- a/react/sticky-columns/tsconfig.app.json +++ b/react/sticky-columns/tsconfig.app.json @@ -21,7 +21,7 @@ "noUnusedParameters": true, "noFallthroughCasesInSwitch": true, - "types": [ "./src/customTypings.d.ts" ], + "types": ["./src/Example/customTypings.d.ts"], "resolveJsonModule": true }, "include": ["./src"]