{"_id":"@codetodaythinktommorow/simple-widget","_rev":"3-c139a700ab8e692075e7f4662abd6947","name":"@codetodaythinktommorow/simple-widget","dist-tags":{"latest":"3.0.0"},"versions":{"1.0.0":{"name":"@codetodaythinktommorow/simple-widget","version":"1.0.0","_id":"@codetodaythinktommorow/simple-widget@1.0.0","maintainers":[{"name":"codetodaythinktommorow","email":"akushwaha@digitalocean.com"}],"dist":{"shasum":"2f44a4c5d2afc592beca0d2305babd3be6ad02f7","tarball":"https://registry.npmjs.org/@codetodaythinktommorow/simple-widget/-/simple-widget-1.0.0.tgz","fileCount":5,"integrity":"sha512-KOMjgA5HeE9FhYl2/AYVpByG66s8CvA+L2dDViyB3wVqShVy9lV18nNzrOy9tDyiAV89BNulV9YC2jsHsFJ7fw==","signatures":[{"sig":"MEQCIDPd3KhTZmulMkAVvrwOWoT/XBhr72OIu3MyAR3Ws3PUAiA/x6c/81aixUsVVqrUekjqIiFQjLbiG9+fdusO13PptA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":39725},"main":"dist/index.js","module":"dist/index.js","scripts":{"build":"vite build","prepare":"npm run build"},"_npmUser":{"name":"codetodaythinktommorow","email":"akushwaha@digitalocean.com"},"_npmVersion":"10.8.2","description":"A customizable scheduling widget component that can be embedded in any React application. This widget provides a popup interface for scheduling meetings with different teams.","directories":{},"_nodeVersion":"20.19.1","_hasShrinkwrap":false,"devDependencies":{"vite":"^4.3.5","react":"^18.2.0","typescript":"^5.0.4","@types/react":"^18.2.0","@vitejs/plugin-react":"^4.0.0"},"peerDependencies":{"react":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/simple-widget_1.0.0_1746742517143_0.34405146045740564","host":"s3://npm-registry-packages-npm-production"}},"2.0.0":{"name":"@codetodaythinktommorow/simple-widget","version":"2.0.0","_id":"@codetodaythinktommorow/simple-widget@2.0.0","maintainers":[{"name":"codetodaythinktommorow","email":"akushwaha@digitalocean.com"}],"dist":{"shasum":"c96e419aaf26df7831149cc9bed9992b79e6315f","tarball":"https://registry.npmjs.org/@codetodaythinktommorow/simple-widget/-/simple-widget-2.0.0.tgz","fileCount":5,"integrity":"sha512-O4qJsRMBD84IoW37PziiLFYeggLErt1AQRPPydInbMXv9bu4eCwKjw9+eUYIkAC/SGQHgraYlXlUlU7w76gkhw==","signatures":[{"sig":"MEUCIFMoQtMs50Fe4+c3b0WcwURhobB4N5vRUzenP7bpNMIpAiEA2yNyKoMITDgXdl9bcMCiwUmsZMNs0ZXAp1G47xxJDw0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":41625},"main":"dist/index.js","module":"dist/index.js","scripts":{"build":"vite build","prepare":"npm run build"},"_npmUser":{"name":"codetodaythinktommorow","email":"akushwaha@digitalocean.com"},"_npmVersion":"10.8.2","description":"A customizable scheduling widget component that can be embedded in any React application. This widget provides a popup interface for scheduling meetings with different teams.","directories":{},"_nodeVersion":"20.19.1","dependencies":{"@codetodaythinktommorow/simple-widget":"^1.0.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^4.3.5","react":"^17.0.2","typescript":"^5.0.4","@types/react":"^17.0.0","@vitejs/plugin-react":"^4.0.0"},"peerDependencies":{"react":">=17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/simple-widget_2.0.0_1746742779852_0.9236663298249874","host":"s3://npm-registry-packages-npm-production"}},"3.0.0":{"name":"@codetodaythinktommorow/simple-widget","version":"3.0.0","main":"dist/index.umd.js","module":"dist/index.mjs","scripts":{"build":"vite build","prepare":"npm run build"},"peerDependencies":{"react":">=17.0.0"},"devDependencies":{"@types/react":"^17.0.0","@vitejs/plugin-react":"^4.0.0","react":"^17.0.2","typescript":"^5.0.4","vite":"^4.3.5"},"_id":"@codetodaythinktommorow/simple-widget@3.0.0","description":"A customizable scheduling widget component that can be embedded in any React application. This widget provides a popup interface for scheduling meetings with different teams.","_nodeVersion":"20.19.1","_npmVersion":"10.8.2","dist":{"integrity":"sha512-KjPW83Z/LtnueYjD+tuAWsYN9C6CQ5cedQ3XgSEm5RXgeLXLihaE57MWINbcLrcHPdqzyGHkrgkz5UsyW/aOZA==","shasum":"baa516bd48ee2f8fb0ed7f5679712d2e03e45aac","tarball":"https://registry.npmjs.org/@codetodaythinktommorow/simple-widget/-/simple-widget-3.0.0.tgz","fileCount":5,"unpackedSize":41547,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIELLny2FWVQ5uJKQkyRO3+Vuc9rACw3hYQ58sPRgsju5AiAc330lTCHTE/JWAQukVVdR8vSnVgAvc1QzDT9NL1obsg=="}]},"_npmUser":{"name":"codetodaythinktommorow","email":"akushwaha@digitalocean.com"},"directories":{},"maintainers":[{"name":"codetodaythinktommorow","email":"akushwaha@digitalocean.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/simple-widget_3.0.0_1746742973392_0.21909973299832286"},"_hasShrinkwrap":false}},"time":{"created":"2025-05-08T22:15:17.036Z","modified":"2025-05-08T22:22:53.758Z","1.0.0":"2025-05-08T22:15:17.315Z","2.0.0":"2025-05-08T22:19:40.074Z","3.0.0":"2025-05-08T22:22:53.583Z"},"description":"A customizable scheduling widget component that can be embedded in any React application. This widget provides a popup interface for scheduling meetings with different teams.","maintainers":[{"name":"codetodaythinktommorow","email":"akushwaha@digitalocean.com"}],"readme":"# Scheduling Widget\n\nA customizable scheduling widget component that can be embedded in any React application. This widget provides a popup interface for scheduling meetings with different teams.\n\n## Installation\n\n```bash\nnpm install scheduling-widget\n```\n\n## Usage\n\n```jsx\nimport { SchedulingWidget } from 'scheduling-widget';\n\nfunction App() {\n  const handleSchedule = (data) => {\n    console.log('Scheduled meeting:', data);\n    // Handle the scheduling data here\n  };\n\n  return (\n    <SchedulingWidget\n      buttonText=\"Schedule a Meeting\"\n      buttonVariant=\"contained\"\n      buttonColor=\"primary\"\n      onSchedule={handleSchedule}\n    />\n  );\n}\n```\n\n## Props\n\n| Prop | Type | Default | Description |\n|------|------|---------|-------------|\n| buttonText | string | 'Schedule a Meeting' | Text to display on the trigger button |\n| buttonVariant | 'text' \\| 'outlined' \\| 'contained' | 'contained' | Material-UI button variant |\n| buttonColor | 'primary' \\| 'secondary' \\| 'success' \\| 'error' \\| 'info' \\| 'warning' | 'primary' | Material-UI button color |\n| onSchedule | (data: SchedulingData) => void | undefined | Callback function when a meeting is scheduled |\n\n## SchedulingData Type\n\n```typescript\ninterface SchedulingData {\n  name: string;\n  email: string;\n  date: Date;\n  timeSlot: string;\n  team: string;\n}\n```\n\n## Features\n\n- Customizable button appearance\n- Date picker with minimum date validation\n- Predefined time slots\n- Team selection\n- Form validation\n- Responsive design\n- Material-UI components\n\n## Development\n\n```bash\n# Install dependencies\nnpm install\n\n# Start development server\nnpm run dev\n\n# Build the package\nnpm run build\n```\n\n## License\n\nMIT\n","readmeFilename":"README.md"}