diff --git a/docusaurus.config.js b/docusaurus.config.js index 3ffe3494..eaca0ed5 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -29,6 +29,12 @@ const config = { ({ docs: false, blog: false, + theme: { + customCss: [ + require.resolve('./docusaurus/pages/shared.css'), + require.resolve('./docusaurus/pages/useTagGroupCombobox.css'), + ], + }, pages: { path: 'docusaurus/pages', include: ['**/*.{js,jsx,tsx}'], @@ -42,6 +48,7 @@ const config = { name: 'configure-webpack-target', configureWebpack(webpackConfig, isServer) { webpackConfig.target = isServer ? 'node' : 'web' + return {devtool: 'source-map'} }, }), require.resolve('./docusaurus/plugins/webpack5polyfills.js'), diff --git a/docusaurus/pages/combobox.tsx b/docusaurus/pages/combobox.tsx index 04243336..6a8438fe 100644 --- a/docusaurus/pages/combobox.tsx +++ b/docusaurus/pages/combobox.tsx @@ -3,7 +3,6 @@ import * as React from 'react' import Downshift from '../../src' import {type ControllerStateAndHelpers} from '../../src/downshift.types' import {colors} from '../utils' -import './shared.css' export default function ComboBox() { return ( diff --git a/docusaurus/pages/useCombobox.tsx b/docusaurus/pages/useCombobox.tsx index 5981e208..46fffbaf 100644 --- a/docusaurus/pages/useCombobox.tsx +++ b/docusaurus/pages/useCombobox.tsx @@ -2,7 +2,6 @@ import * as React from 'react' import {useCombobox} from '../../src' import {colors} from '../utils' -import './shared.css' export default function DropdownCombobox() { const [inputItems, setInputItems] = React.useState(colors) diff --git a/docusaurus/pages/useMultipleCombobox.tsx b/docusaurus/pages/useMultipleCombobox.tsx index 86dd02de..e2d6535a 100644 --- a/docusaurus/pages/useMultipleCombobox.tsx +++ b/docusaurus/pages/useMultipleCombobox.tsx @@ -3,7 +3,6 @@ import * as React from 'react' import {useCombobox, useMultipleSelection} from '../../src' import {type UseMultipleSelectionReturnValue} from '../../src/hooks/useMultipleSelection/index.types' import {colors} from '../utils' -import './shared.css' const initialSelectedItems = colors.slice(0, 2) diff --git a/docusaurus/pages/useMultipleSelect.tsx b/docusaurus/pages/useMultipleSelect.tsx index e4304b0e..1f9f704f 100644 --- a/docusaurus/pages/useMultipleSelect.tsx +++ b/docusaurus/pages/useMultipleSelect.tsx @@ -3,7 +3,6 @@ import * as React from 'react' import {useSelect, useMultipleSelection} from '../../src' import {type UseMultipleSelectionReturnValue} from '../../src/hooks/useMultipleSelection/index.types' import {colors} from '../utils' -import './shared.css' const initialSelectedItems = colors.slice(0, 2) diff --git a/docusaurus/pages/useSelect.tsx b/docusaurus/pages/useSelect.tsx index 94f067bc..ef0f8d6d 100644 --- a/docusaurus/pages/useSelect.tsx +++ b/docusaurus/pages/useSelect.tsx @@ -2,7 +2,6 @@ import * as React from 'react' import {useSelect} from '../../src' import {colors} from '../utils' -import './shared.css' export default function DropdownSelect() { const { diff --git a/docusaurus/pages/useTagGroup.tsx b/docusaurus/pages/useTagGroup.tsx index de7f6fb4..9c0cd3d3 100644 --- a/docusaurus/pages/useTagGroup.tsx +++ b/docusaurus/pages/useTagGroup.tsx @@ -3,7 +3,6 @@ import * as React from 'react' import {useTagGroup} from '../../src' import {colors} from '../utils' -import './shared.css' export default function TagGroup() { const initialItems = colors.slice(0, 5) diff --git a/docusaurus/pages/useTagGroupCombobox.tsx b/docusaurus/pages/useTagGroupCombobox.tsx index 4867e732..714b85d5 100644 --- a/docusaurus/pages/useTagGroupCombobox.tsx +++ b/docusaurus/pages/useTagGroupCombobox.tsx @@ -3,8 +3,6 @@ import * as React from 'react' import {useTagGroup, useCombobox} from '../../src' import {colors} from '../utils' -import './shared.css' -import './useTagGroupCombobox.css' export default function TagGroup() { const initialItems = colors.slice(0, 5) diff --git a/docusaurus/tsconfig.json b/docusaurus/tsconfig.json index 3fd7da4f..4b214ff1 100644 --- a/docusaurus/tsconfig.json +++ b/docusaurus/tsconfig.json @@ -1,7 +1,8 @@ { "extends": "../tsconfig.json", "compilerOptions": { - "noEmit": true + "noEmit": true, + "rootDir": ".." }, "include": ["./**/*.tsx*", "../typings/**/*.d.ts"] } diff --git a/tsconfig.json b/tsconfig.json index 38ca76e1..582ff4a9 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -3,22 +3,20 @@ "allowJs": true, "esModuleInterop": true, "jsx": "react", - "moduleResolution": "node", + "moduleResolution": "bundler", "strict": true, "skipLibCheck": true, "resolveJsonModule": true, "noUncheckedIndexedAccess": true, "module": "ESNext", "typeRoots": ["./node_modules/@types", "./node_modules/@testing-library"], + "types": ["jest", "jest-dom", "node"], "strictNullChecks": true, + "rootDir": "src", "outDir": "dist", "declaration": true, "declarationDir": "dist", - "emitDeclarationOnly": true, - "baseUrl": ".", - "paths": { - "*": ["*"] - } + "emitDeclarationOnly": true }, "include": ["src/**/*.ts", "src/**/*.tsx"], "exclude": ["dist"]