@cayuse-test/react 1.0.4 → 1.0.5

package/README.md

@@ -1,346 +1,250 @@
-# @cayuse-react-2/core
+# @cayuse-test/react
 
-A comprehensive React component library providing reusable, accessible components, hooks, and utilities for modern web applications.
+React component library with TypeScript, tree-shaking support, and shared configs.
 
-## 📦 Installation
+## Installation
 
 ```bash
-npm install @cayuse-react-2/core
+npm install @cayuse-test/react
 # or
-pnpm add @cayuse-react-2/core
+pnpm add @cayuse-test/react
 ```
 
-## 🚀 Quick Start
+## Usage
 
 ```tsx
-// Import components, hooks, and utilities
-import {
-	Button,
-	Input,
-	DynamicTable,
-	isValidEmail,
-	formatDate,
-	useClickOutside,
-	useDictionary,
-} from '@cayuse-react-2/core';
-
-function MyApp() {
-	return (
-		<div>
-			<Button variant="primary">Click me</Button>
-			<Input label="Email" type="email" />
-		</div>
-	);
-}
-```
-
-### Using Shared Configs
-
-**ESLint Configuration:**
-
-```js
-// eslint.config.js
-import { config } from '@cayuse-react-2/core/eslint-config/base';
-// or for React projects
-import { config } from '@cayuse-react-2/core/eslint-config/react-internal';
-// or for Next.js
-import { config } from '@cayuse-react-2/core/eslint-config/next';
+import { Button, Input, DynamicTable } from '@cayuse-test/react';
+import '@cayuse-test/react/css'; // Import styles
 
-export default config;
-```
-
-**TypeScript Configuration:**
-
-```json
-{
-	"extends": "@cayuse-react-2/core/typescript-config/base.json"
+function App() {
+	return <Button variant="primary">Click me</Button>;
 }
 ```
 
-## 📚 What's Included
-
-### Components (40+)
-
-- **Forms**: Input, Checkbox, Radio, TextArea, RichText, FileUpload, Toggle, Combobox, UserSelect
-- **Navigation**: Breadcrumbs, NavLink, Submenu, Tabs
-- **Layout**: Button, ButtonGroup, Divider, SectionHeader, SubHeader, BasePadding
-- **Data Display**: DynamicTable, FormattedDate, FormattedRichText, SetView, Pagination
-- **Modals & Dialogs**: ModalDialog, AlertDialog, ConfirmationModal, PreventLeavePageDialog
-- **Complex Components**: TaskForm, AttachmentsForm, FormNoteAttachmentsView
-- **Misc**: Icon, IconButton, LoadingIndicator, Popup, DateSelector, CustomDropdown
-
-### Hooks
-
-- `useClickOutside` - Detect clicks outside elements
-- `useConfirmNavigation` - Confirmation dialogs for unsaved changes
-- `useDebounceCallback` - Debounced callbacks
-- `useDictionary` - Internationalization/translations
-- `useFileUploader` - File uploads with Uppy integration
-- `useModalState` - Modal state management
-
-### Utilities
-
-- **Auth**: Token management, authentication helpers
-- **DOM**: DOM manipulation utilities
-- **Forms**: Validation, form helpers
-- **HTTP**: Request utilities and constants
-- **Helpers**: Date formatting, ID generation, common utilities
-- **Type Checks**: Type guard functions
-
-### Context
-
-- `TenantContextProvider` - Multi-tenancy support
-
-### Globals
-
-- **Constants**: Shared application constants
-- **CSS**: Global styles, CSS variables, media queries, reset
-
-### Shared Configs
+## What's Included
 
-- **ESLint**: `base`, `react-internal`, `next` configurations
-- **TypeScript**: `base.json`, `react-library.json`, `nextjs.json` configurations
+- **40+ Components**: Button, Input, DynamicTable, ModalDialog, etc.
+- **Hooks**: `useClickOutside`, `useDictionary`, `useFileUploader`, etc.
+- **Utils**: Form validation, date formatting, type checks, HTTP helpers
+- **Context**: Multi-tenancy support via `TenantProvider`
+- **Shared Configs**: ESLint & TypeScript configurations
 
-## 🛠️ Development
-
-### Prerequisites
-
-- Node.js >= 20
-- PNPM v10.14.0
+## Development
 
 ### Setup
 
 ```bash
-# Clone and install
-git clone <repository-url>
-cd cayuse-react-components-single-repo
 pnpm install
-
-# Start Storybook for development
-pnpm run storybook
-```
-
-### Development Commands
-
-```bash
-# Build the package
-pnpm run build
-
-# Build in watch mode
-pnpm run dev
-
-# Type checking
-pnpm run check-types
-
-# Linting
-pnpm run lint
-pnpm run lint:fix
-
-# Format code
-pnpm run format
-
-# Run tests
-pnpm test
-
-# Storybook
-pnpm run storybook
-pnpm run build-storybook
+pnpm run storybook  # View components at http://localhost:6006
 ```
 
-## 📖 Storybook
-
-View interactive component documentation and examples:
+### Commands
 
 ```bash
-pnpm run storybook
-# Opens http://localhost:6006
+pnpm run build          # Build package
+pnpm run dev            # Build in watch mode
+pnpm run check-types    # TypeScript validation
+pnpm run lint           # Check code quality
+pnpm run lint:fix       # Auto-fix linting issues
+pnpm run format         # Format with Prettier
+pnpm test               # Run tests
 ```
 
-Features:
-
-- Interactive component playground
-- Accessibility testing (a11y addon)
-- Visual testing with Vitest integration
-- CSS custom properties documentation
-
-## 🚀 Publishing & Version Management
+## Publishing
 
-### Quick Publish Workflow
+### Create a New Version
 
 ```bash
-# 1. Make changes and commit
+# 1. Make your changes and commit
 git add .
 git commit -m "feat: add new component"
 
 # 2. Run quality checks
 pnpm run check-types && pnpm run lint && pnpm run build
 
-# 3. Bump version (patch/minor/major)
-npm version patch
+# 3. Bump version
+npm version patch   # 1.0.0 → 1.0.1 (bug fixes)
+npm version minor   # 1.0.0 → 1.1.0 (new features)
+npm version major   # 1.0.0 → 2.0.0 (breaking changes)
 
 # 4. Push with tags
 git push --follow-tags
 
-# 5. Publish to npm
-pnpm publish
+# 5. Publish
+pnpm publish --access public
 ```
 
-### Version Types
+### Custom Versions
 
-| Change Type         | Command                  | Example         | When to Use        |
-| ------------------- | ------------------------ | --------------- | ------------------ |
-| **Bug Fix**         | `npm version patch`      | 1.0.0 → 1.0.1   | Fixing bugs        |
-| **New Feature**     | `npm version minor`      | 1.0.0 → 1.1.0   | Adding features    |
-| **Breaking Change** | `npm version major`      | 1.0.0 → 2.0.0   | Breaking changes   |
-| **Pre-release**     | `npm version prerelease` | 1.0.0 → 1.0.1-0 | Alpha/beta testing |
+```bash
+# Manual version (you choose exact number)
+npm version 1.2.3
+# Result: 1.2.3
 
-### What `npm version` Does
+# Pre-release versions
+npm version prerelease
+# Example: 1.0.4 → 1.0.5-0
 
-1. Updates `package.json` version
-2. Creates a git commit
-3. Creates a git tag (e.g., `v1.0.1`)
+npm version preminor --preid=beta
+# Example: 1.0.4 → 1.1.0-beta.0
 
-### Publishing
+npm version premajor --preid=rc
+# Example: 1.0.4 → 2.0.0-rc.0
+```
+
+#### Hotfix with JIRA Ticket
 
 ```bash
-# Publish as public package
-pnpm publish --access public
+# Option 1: Manual version (full control)
+npm version 1.0.5-hotfix.PROJ-1234
+# Result: 1.0.5-hotfix.PROJ-1234
 
-# Or for beta releases
-pnpm publish --tag beta
+# Option 2: Auto-increment (safer for multiple iterations)
+npm version prerelease --preid=hotfix-PROJ-1234
+# Result: 1.0.5-hotfix-PROJ-1234.0
+
+# For subsequent hotfix iterations, just run:
+npm version prerelease
+# 1.0.5-hotfix-PROJ-1234.0 → 1.0.5-hotfix-PROJ-1234.1
+# 1.0.5-hotfix-PROJ-1234.1 → 1.0.5-hotfix-PROJ-1234.2
 ```
 
-### Verify Publication
+#### Publish with Distribution Tags
 
 ```bash
-# Check published version
-npm view @cayuse-react-2/core version
+# Publish as beta (not latest)
+pnpm publish --tag beta --access public
 
-# See all versions
-npm view @cayuse-react-2/core versions
+# Publish as hotfix (not latest)
+pnpm publish --tag hotfix --access public
 
-# Test in another project
-npm install @cayuse-react-2/core@latest
+# Publish as next (for upcoming features)
+pnpm publish --tag next --access public
+
+# Users install specific tags:
+# npm install @cayuse-test/react@beta
+# npm install @cayuse-test/react@hotfix
 ```
 
-## 🔒 Code Quality
+### Hotfix Workflow with JIRA Ticket
+
+```bash
+# 1. Create hotfix branch
+git checkout -b hotfix/PROJ-1234
 
-### Git Hooks
+# 2. Fix the bug and commit
+git add .
+git commit -m "fix(PROJ-1234): description"
 
-Pre-commit hook automatically runs:
+# 3. Create hotfix version
+npm version 1.0.5-hotfix.PROJ-1234
 
-- **Prettier** - Formats staged files
-- **ESLint** - Checks code quality
-- **TypeScript** - Validates types
+# 4. Quality checks and build
+pnpm run check-types && pnpm run lint && pnpm run build
 
-```bash
-# Skip hooks in emergencies only
-git commit -m "emergency fix" --no-verify
+# 5. Publish as hotfix
+pnpm publish --tag hotfix --access public
+
+# 6. Push with tags
+git push origin hotfix/PROJ-1234 --follow-tags
+
+# Users install: npm install @cayuse-test/react@hotfix
 ```
 
-### Testing
+### Verify Publication
+
+```bash
+npm view @cayuse-test/react version        # Latest version
+npm view @cayuse-test/react versions       # All versions
+npm view @cayuse-test/react dist-tags      # Published tags (latest, beta, hotfix, etc.)
+
+# View specific tag
+npm view @cayuse-test/react@hotfix version
 
-- **Vitest** with Playwright browser testing
-- **Storybook** integration for component testing
-- **Accessibility** testing with a11y addon
+# View all hotfix versions
+npm view @cayuse-test/react versions | grep hotfix
+```
 
-## 🏗️ Project Structure
+## Project Structure
 
 ```
-@cayuse-react-2/core/
-├── packages/
-│   ├── components/          # 40+ React components
-│   ├── hooks/              # Custom React hooks
-│   ├── utils/              # Utility functions
-│   ├── context/tenant/     # Tenant context
-│   ├── globals/            # Constants and CSS
-│   ├── services/           # S3 upload service
-│   ├── eslint-config/      # Shared ESLint configs
-│   └── typescript-config/  # Shared TypeScript configs
-├── dist/                   # Built package (generated)
-├── .storybook/            # Storybook configuration
-└── package.json           # Single package config
+packages/
+  ├── components/       # React components
+  ├── hooks/           # React hooks
+  ├── utils/           # Utilities
+  ├── context/         # React context providers
+  ├── globals/         # Constants & CSS
+  ├── services/        # S3 upload service
+  ├── eslint-config/   # Shared ESLint configs
+  └── typescript-config/ # Shared TypeScript configs
+dist/                  # Built output
 ```
 
-## 🤝 Contributing
+## Build Configuration
 
-1. Create feature branch: `git checkout -b feature/new-component`
-2. Make changes following existing patterns
-3. Add Storybook stories for new components
-4. Write tests as needed
-5. Commit changes (hooks run automatically)
-6. Create pull request
+### Current Setup
 
-### Code Standards
+- **Build Tool**: tsup (esbuild)
+- **Format**: ESM only
+- **TypeScript**: Enabled with declaration files
+- **CSS**: Bundled and processed with PostCSS
+- **Tree-shaking**: ✅ Enabled
 
-- TypeScript for all code
-- React Aria Components for accessibility
-- CSS custom properties for styling
-- Conventional commits recommended
+### Build Output
 
-## 🚨 Troubleshooting
+```
+dist/
+  ├── index.js          # Main entry point
+  ├── index.css         # All styles
+  ├── index.d.ts        # TypeScript types
+  └── chunk-*.js        # Code-split chunks (shared code)
+```
 
-### Build Fails
+## Git Hooks
 
-```bash
-# Check for errors
-pnpm run check-types
-pnpm run lint
+Pre-commit hook automatically runs:
 
-# Auto-fix what can be fixed
-pnpm run lint:fix
-pnpm run format
-```
+- Prettier (format code)
+- ESLint (check quality)
+- TypeScript (validate types)
 
-### Git Hooks Prevent Commit
+Skip in emergencies:
 
 ```bash
-# Fix the reported issues
-pnpm run check-types
-pnpm run lint:fix
-
-# Emergency bypass (use sparingly!)
 git commit --no-verify -m "emergency fix"
 ```
 
-### npm version Fails
+## Troubleshooting
 
-```bash
-# Cause: Uncommitted changes
-git status
+### Build fails
 
-# Fix: Commit changes first
-git add .
-git commit -m "your changes"
-npm version patch
+```bash
+pnpm run check-types  # Find TypeScript errors
+pnpm run lint:fix     # Auto-fix lint issues
 ```
 
-### Publish Fails
+### Can't commit
 
 ```bash
-# Check if logged in
-npm whoami
+pnpm run check-types && pnpm run lint:fix
+git commit -m "your message"
+```
 
-# If not logged in
-npm login
+### Publish fails
 
-# Ensure public access
+```bash
+npm whoami           # Check if logged in
+npm login            # Login if needed
 pnpm publish --access public
 ```
 
-## 📚 Resources
+## Requirements
 
-- **Storybook**: [http://localhost:6006](http://localhost:6006)
-- **React Aria**: [https://react-spectrum.adobe.com/react-aria/](https://react-spectrum.adobe.com/react-aria/)
-- **PNPM**: [https://pnpm.io/](https://pnpm.io/)
-
-## 📄 License
-
-See LICENSE file for details.
+- Node.js >= 20
+- PNPM v10.14.0
 
 ---
 
-**Package**: `@cayuse-react-2/core`
-**Version**: 1.0.0
-**Node**: >= 20
-**Package Manager**: PNPM 10.14.0
+**Package**: `@cayuse-test/react`
+**Version**: See package.json
+**License**: See LICENSE

package/dist/{chunk-JPEBFDVI.js → chunk-JKHZBLRB.js}

@@ -3274,7 +3274,8 @@ var Control = (props) => {
   );
 };
 var MultiValueRemove = (props) => {
-  return /* @__PURE__ */ jsx43(components.MultiValueRemove, { ...props, children: clearIcon });
+  const { ClearIcon } = props.selectProps.components;
+  return /* @__PURE__ */ jsx43(components.MultiValueRemove, { ...props, children: typeof ClearIcon === "function" ? ClearIcon(props) : React28.isValidElement(ClearIcon) ? ClearIcon : baseClearIcon });
 };
 var Input3 = (props) => {
   const { describedById } = props.selectProps;
@@ -10331,4 +10332,4 @@ export {
   MilestoneProgress2 as MilestoneProgress,
   TaskFormHeader
 };
-//# sourceMappingURL=chunk-JPEBFDVI.js.map
+//# sourceMappingURL=chunk-JKHZBLRB.js.map