Skip to content

Commit 57ea78e

Browse files
ryanrozichclaude
ryanrozich
and
claude
authored
feat: remove react-datepicker and add StackBlitz interactive examples (#68)
* feat: remove unused react-datepicker dependency - Remove react-datepicker from optionalDependencies - Remove @types/react-datepicker from devDependencies - Delete unused AbsoluteDatePicker component - Remove react-datepicker CSS mock from vitest setup - Clean up 148 lines of unused datepicker CSS styles The project has already switched to text-based date inputs, making the React-DatePicker dependency unnecessary. This reduces bundle size and removes unused code. Closes #67 * feat(examples): add complete StackBlitz examples with all required files - Add main.tsx entry point for each example - Add vite.config.ts configuration - Add tsconfig.json and tsconfig.node.json - Add package.json to each example directory - Add index.html as the entry HTML file - Update example generator script to create all necessary files This ensures StackBlitz WebContainer can properly boot and run the examples. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> * fix: update StackBlitz URLs to use correct branch Update StackBlitzExample component to use feat/remove-react-datepicker branch instead of main to ensure examples load correctly from the current branch. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> * feat(docs): add interactive StackBlitz examples to documentation - Add StackBlitzExample component to Examples section - Include examples for DateFilter, QuickFilterDropdown, and ActiveFilters - Add tips section for using StackBlitz examples - Each example opens a complete, working project in StackBlitz 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> --------- Co-authored-by: Claude <noreply@anthropic.com>
1 parent 5b4b703 commit 57ea78e

File tree

298 files changed

+58576
-365
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

298 files changed

+58576
-365
lines changed

‎examples/activefilters/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,6 @@
77
</head>
88
<body>
99
<div id="root"></div>
10-
<script type="module" src="/src/main.tsx"></script>
10+
<script type="module" src="/main.tsx"></script>
1111
</body>
1212
</html>

‎examples/activefilters/main.tsx‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import React from "react";
2+
import ReactDOM from "react-dom/client";
3+
import App from "./App";
4+
import "ag-grid-community/styles/ag-grid.css";
5+
import "ag-grid-community/styles/ag-theme-quartz.css";
6+
7+
ReactDOM.createRoot(document.getElementById("root")!).render(
8+
<React.StrictMode>
9+
<App />
10+
</React.StrictMode>,
11+
);

‎examples/activefilters/package.json‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
{
2+
"name": "activefilters-example",
3+
"version": "1.0.0",
4+
"dependencies": {
5+
"react": "^18.2.0",
6+
"react-dom": "^18.2.0",
7+
"ag-grid-react": "^33.0.0",
8+
"ag-grid-community": "^33.0.0",
9+
"ag-grid-react-components": "latest",
10+
"date-fns": "^4.0.0"
11+
},
12+
"devDependencies": {
13+
"@types/react": "^18.2.0",
14+
"@types/react-dom": "^18.2.0",
15+
"@vitejs/plugin-react": "^4.2.0",
16+
"typescript": "^5.3.0",
17+
"vite": "^5.0.0"
18+
}
19+
}

‎examples/activefilters/tsconfig.json‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
{
2+
"compilerOptions": {
3+
"target": "ES2020",
4+
"useDefineForClassFields": true,
5+
"lib": ["ES2020", "DOM", "DOM.Iterable"],
6+
"module": "ESNext",
7+
"skipLibCheck": true,
8+
"moduleResolution": "bundler",
9+
"allowImportingTsExtensions": true,
10+
"resolveJsonModule": true,
11+
"isolatedModules": true,
12+
"noEmit": true,
13+
"jsx": "react-jsx",
14+
"strict": true,
15+
"noUnusedLocals": true,
16+
"noUnusedParameters": true,
17+
"noFallthroughCasesInSwitch": true
18+
},
19+
"include": ["**/*.ts", "**/*.tsx"],
20+
"references": [
21+
{
22+
"path": "./tsconfig.node.json"
23+
}
24+
]
25+
}

‎examples/activefilters/tsconfig.node.json‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
{
2+
"compilerOptions": {
3+
"composite": true,
4+
"skipLibCheck": true,
5+
"module": "ESNext",
6+
"moduleResolution": "bundler",
7+
"allowSyntheticDefaultImports": true
8+
},
9+
"include": ["vite.config.ts"]
10+
}

‎examples/activefilters/vite.config.ts‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
import { defineConfig } from "vite";
2+
import react from "@vitejs/plugin-react";
3+
4+
export default defineConfig({
5+
plugins: [react()],
6+
});

‎examples/datefilter/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,6 @@
77
</head>
88
<body>
99
<div id="root"></div>
10-
<script type="module" src="/src/main.tsx"></script>
10+
<script type="module" src="/main.tsx"></script>
1111
</body>
1212
</html>

‎examples/datefilter/main.tsx‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import React from "react";
2+
import ReactDOM from "react-dom/client";
3+
import App from "./App";
4+
import "ag-grid-community/styles/ag-grid.css";
5+
import "ag-grid-community/styles/ag-theme-quartz.css";
6+
7+
ReactDOM.createRoot(document.getElementById("root")!).render(
8+
<React.StrictMode>
9+
<App />
10+
</React.StrictMode>,
11+
);

‎examples/datefilter/package.json‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
{
2+
"name": "datefilter-example",
3+
"version": "1.0.0",
4+
"dependencies": {
5+
"react": "^18.2.0",
6+
"react-dom": "^18.2.0",
7+
"ag-grid-react": "^33.0.0",
8+
"ag-grid-community": "^33.0.0",
9+
"ag-grid-react-components": "latest",
10+
"date-fns": "^4.0.0"
11+
},
12+
"devDependencies": {
13+
"@types/react": "^18.2.0",
14+
"@types/react-dom": "^18.2.0",
15+
"@vitejs/plugin-react": "^4.2.0",
16+
"typescript": "^5.3.0",
17+
"vite": "^5.0.0"
18+
}
19+
}

‎examples/datefilter/tsconfig.json‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
{
2+
"compilerOptions": {
3+
"target": "ES2020",
4+
"useDefineForClassFields": true,
5+
"lib": ["ES2020", "DOM", "DOM.Iterable"],
6+
"module": "ESNext",
7+
"skipLibCheck": true,
8+
"moduleResolution": "bundler",
9+
"allowImportingTsExtensions": true,
10+
"resolveJsonModule": true,
11+
"isolatedModules": true,
12+
"noEmit": true,
13+
"jsx": "react-jsx",
14+
"strict": true,
15+
"noUnusedLocals": true,
16+
"noUnusedParameters": true,
17+
"noFallthroughCasesInSwitch": true
18+
},
19+
"include": ["**/*.ts", "**/*.tsx"],
20+
"references": [
21+
{
22+
"path": "./tsconfig.node.json"
23+
}
24+
]
25+
}

0 commit comments

Comments
 (0)