diff --git a/react/filterPanel/tsconfig.app.json b/react/filterPanel/tsconfig.app.json
index a68cf5e..a6e3949 100644
--- a/react/filterPanel/tsconfig.app.json
+++ b/react/filterPanel/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/globalFilter/src/Example/Example.tsx b/react/globalFilter/src/Example/Example.tsx
new file mode 100644
index 0000000..c0ad655
--- /dev/null
+++ b/react/globalFilter/src/Example/Example.tsx
@@ -0,0 +1,11 @@
+import { Grid, Column } from '@carbon/react';
+import { GlobalFilter } from './GlobalFilter';
+import './example.scss';
+
+export const Example = () => (
+
+
+
+
+
+);
diff --git a/react/globalFilter/src/GlobalFilter.tsx b/react/globalFilter/src/Example/GlobalFilter.tsx
similarity index 88%
rename from react/globalFilter/src/GlobalFilter.tsx
rename to react/globalFilter/src/Example/GlobalFilter.tsx
index 47d90ec..38d0f31 100644
--- a/react/globalFilter/src/GlobalFilter.tsx
+++ b/react/globalFilter/src/Example/GlobalFilter.tsx
@@ -27,9 +27,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 } from '@carbon/react/icons';
-import * as packageJson from '../package.json';
+import * as packageJson from '../../package.json';
import { makeData, Resource } from './makeData';
@@ -112,26 +111,6 @@ export const GlobalFilter = () => {
-
-
- excludes Example column
- from global filtering
-
- }
style={{
width: table.getCenterTotalSize(),
}}>
diff --git a/react/globalFilter/src/customTypings.d.ts b/react/globalFilter/src/Example/customTypings.d.ts
similarity index 100%
rename from react/globalFilter/src/customTypings.d.ts
rename to react/globalFilter/src/Example/customTypings.d.ts
diff --git a/react/globalFilter/src/App.scss b/react/globalFilter/src/Example/example.scss
similarity index 63%
rename from react/globalFilter/src/App.scss
rename to react/globalFilter/src/Example/example.scss
index 8b9e65e..e21ac10 100644
--- a/react/globalFilter/src/App.scss
+++ b/react/globalFilter/src/Example/example.scss
@@ -56,3 +56,20 @@
.tanstack-example {
padding-bottom: 2rem;
}
+
+.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/globalFilter/src/Example/index.ts b/react/globalFilter/src/Example/index.ts
new file mode 100644
index 0000000..8765fbd
--- /dev/null
+++ b/react/globalFilter/src/Example/index.ts
@@ -0,0 +1 @@
+export { Example } from './Example';
diff --git a/react/globalFilter/src/makeData.ts b/react/globalFilter/src/Example/makeData.ts
similarity index 100%
rename from react/globalFilter/src/makeData.ts
rename to react/globalFilter/src/Example/makeData.ts
diff --git a/react/globalFilter/src/ExampleLink.tsx b/react/globalFilter/src/ExampleLink.tsx
deleted file mode 100644
index 7a03b61..0000000
--- a/react/globalFilter/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/globalFilter/src/index.scss b/react/globalFilter/src/index.scss
index db79429..e3f9104 100644
--- a/react/globalFilter/src/index.scss
+++ b/react/globalFilter/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/globalFilter/src/index.ts b/react/globalFilter/src/index.ts
deleted file mode 100644
index 49f4700..0000000
--- a/react/globalFilter/src/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { GlobalFilter } from './GlobalFilter';
-
-export { GlobalFilter };
diff --git a/react/globalFilter/src/main.tsx b/react/globalFilter/src/main.tsx
index be19653..4337d51 100644
--- a/react/globalFilter/src/main.tsx
+++ b/react/globalFilter/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 { GlobalFilter } from './GlobalFilter';
+import { Example } from './Example';
import './index.scss';
@@ -32,10 +29,6 @@ const renderUIShellHeader = () => (
createRoot(document.getElementById('root')!).render(
{renderUIShellHeader()}
-
-
-
-
-
+
);
diff --git a/react/globalFilter/tsconfig.app.json b/react/globalFilter/tsconfig.app.json
index a68cf5e..a6e3949 100644
--- a/react/globalFilter/tsconfig.app.json
+++ b/react/globalFilter/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"]