@capillarytech/blaze-ui 5.11.6 → 5.11.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@capillarytech/blaze-ui",
-  "version": "5.11.6",
+  "version": "5.11.7",
   "description": "Capillary UI component library with Ant Design v6",
   "main": "index.js",
   "types": "index.d.ts",
@@ -49,7 +49,6 @@
     "rc-slider": "8.6.13",
     "react-datepicker": "^9.1.0",
     "react-draggable": "^4.5.0",
-    "react-error-boundary": "^3.1.3",
     "react-intl": "2.7.2",
     "react-rnd": "^10.5.2",
     "react-virtuoso": "4.9.0",

package/CapErrorBoundary/CapErrorBoundary-use-cases.md

@@ -1,89 +0,0 @@
-# Test Cases: CapErrorBoundary (Antd v3→v6)
-
-## Role
-Senior frontend engineer documenting ESSENTIAL test cases for Storybook stories and migration validation.
-
-## Input
-- **Component**: CapErrorBoundary
-- **Complexity**: medium (≤20 test cases)
-- **Source**: blaze-ui/components/CapErrorBoundary/
-
----
-
-## Google Sheets Output
-
-**Spreadsheet ID**: `1Xt8l8Q6Hw0cUYV65SlGvGcPnOtzprr0fukDR9UWJ3kg`  
-**Tab**: CapErrorBoundary
-
-### Steps
-1. Check connection: `COMPOSIO_CHECK_ACTIVE_CONNECTION` toolkit="googlesheets"
-2. Create tab: `GOOGLESHEETS_ADD_SHEET`
-   ```json
-   {
-     "spreadsheetId": "1Xt8l8Q6Hw0cUYV65SlGvGcPnOtzprr0fukDR9UWJ3kg",
-     "properties": {
-       "title": "CapErrorBoundary",
-       "gridProperties": {"rowCount": 100, "columnCount": 6}
-     }
-   }
-   ```
-3. Write data: `GOOGLESHEETS_VALUES_UPDATE`
-   ```json
-   {
-     "spreadsheet_id": "1Xt8l8Q6Hw0cUYV65SlGvGcPnOtzprr0fukDR9UWJ3kg",
-     "range": "CapErrorBoundary!A1",
-     "value_input_option": "USER_ENTERED",
-     "values": [
-       ["ID", "Use Case", "Props/Config", "Expected Visual/Behavior", "Priority", "Storybook Story", "Notes"],
-       ["UC-001", "React ErrorBoundary mode: child throws", "children (component that throws), useSlideBox: false/true", "Error boundary catches; fallbackRender runs; errorHandler(error) called; error illustration shows inline or inside CapSlideBox per useSlideBox", "P0", "ReactErrorBoundaryMode", "Core ErrorBoundary behavior"],
-       ["UC-002", "API error boundary mode", "isApiErrorBoundary: true, isApiError: true | false", "When isApiError true: error illustration only. When false: children render. No ErrorBoundary when isApiErrorBoundary", "P0", "ApiErrorBoundaryMode", "Grouped isApiErrorBoundary + isApiError"],
-       ["UC-003", "SlideBox vs inline fallback", "useSlideBox: true | false, slideBoxProps (e.g. className)", "useSlideBox true: fallback in CapSlideBox with show, content, handleClose, slideBoxProps spread. false: inline illustration only", "P0", "SlideBoxVsInline", "Grouped useSlideBox and slideBoxProps"],
-       ["UC-004", "Boolean and config variants", "showIllustrationImage, showAnimation, isExpired, refreshThreshold (e.g. 3, 1, 0)", "Image show/hide; animation class when showAnimation; isExpired or refreshCount >= refreshThreshold sets isRefreshExpired on illustration", "P1", "ConfigVariants", "Grouped boolean/config visual state"],
-       ["UC-005", "Content props (copy and slots)", "refreshText, expiryTitle, refreshTitle, expiryDescription (string or node); prefix, suffix", "All text passed to illustration; prefix/suffix render before/after in same row", "P1", "ContentProps", "Grouped content and prefix/suffix"],
-       ["UC-006", "Refresh interaction and expiry", "onRefreshClick, refreshThreshold, isApiErrorBoundary: false", "Click refresh → onRefreshClick called, refreshCount increments; refreshCount === refreshThreshold → isRefreshExpired; key updates so ErrorBoundary remounts", "P1", "RefreshInteraction", "Grouped click and threshold/remount"],
-       ["UC-007", "SlideBox close interaction", "useSlideBox: true, onCloseSlideBox", "Closing slide box calls onCloseSlideBox; handleClose wired correctly", "P1", "SlideBoxClose", "Single interaction test"],
-       ["UC-008", "Event handlers invoked", "errorHandler, onRefreshClick, onCloseSlideBox", "errorHandler called with error in fallbackRender; onRefreshClick on refresh; onCloseSlideBox when slide box closed", "P1", "EventHandlers", "Grouped all handler invocations"],
-       ["UC-009", "Styling (className and slideBoxProps)", "className, slideBoxProps: { className }", "className on illustration container; slideBoxProps spread to CapSlideBox including className", "P2", "Styling", "Grouped className + slideBoxProps"],
-       ["UC-010", "Default props and minimal usage", "No optional props (or only children)", "Defaults apply; component renders without error", "P1", "DefaultProps", "Sanity with defaults"],
-       ["UC-011", "Edge: refreshThreshold 0 or 1", "refreshThreshold: 0 | 1, trigger refresh", "Expired state after 0 or 1 refresh click; no crash", "P2", "EdgeRefreshThreshold", "Production edge for quick expiry"],
-       ["UC-012", "Edge: children null or valid content", "children: null | valid React node", "null children don't throw; valid children render until throw. API mode: children when isApiError false", "P2", "EdgeChildren", "Grouped empty/valid children"]
-     ]
-     }
-   }
-   ```
-
----
-
-## Use Cases Table
-
-| ID | Use Case | Props/Config | Expected Visual/Behavior | Priority | Storybook Story | Notes |
-|----|----------|---------------|--------------------------|----------|-----------------|--------|
-| UC-001 | React ErrorBoundary mode: child throws | children (component that throws), useSlideBox: false/true | Error boundary catches; fallbackRender runs; errorHandler(error) called; error illustration shows inline or inside CapSlideBox per useSlideBox | P0 | ReactErrorBoundaryMode | Core ErrorBoundary behavior |
-| UC-002 | API error boundary mode | isApiErrorBoundary: true, isApiError: true \| false | When isApiError true: error illustration only (no ErrorBoundary wrapper). When false: children render. No ErrorBoundary when isApiErrorBoundary | P0 | ApiErrorBoundaryMode | Grouped isApiErrorBoundary + isApiError |
-| UC-003 | SlideBox vs inline fallback | useSlideBox: true \| false, slideBoxProps (e.g. className) | useSlideBox true: fallback in CapSlideBox with show, content, handleClose, slideBoxProps spread. false: fallback is inline illustration only | P0 | SlideBoxVsInline | Grouped useSlideBox and slideBoxProps usage |
-| UC-004 | Boolean and config variants | showIllustrationImage, showAnimation, isExpired, refreshThreshold (e.g. 3, 1, 0) | Illustration shows/hides image; animation class applied when showAnimation; isExpired or refreshCount >= refreshThreshold sets isRefreshExpired on CapErrorStateIllustration | P1 | ConfigVariants | Grouped all boolean/config that affect visual state |
-| UC-005 | Content props (copy and slots) | refreshText, expiryTitle, refreshTitle, expiryDescription (string or node); prefix, suffix | All text/copy passed to CapErrorStateIllustration; prefix/suffix render before/after illustration in same row | P1 | ContentProps | Grouped all content and prefix/suffix |
-| UC-006 | Refresh interaction and expiry | onRefreshClick, refreshThreshold, isApiErrorBoundary: false | Click refresh → onRefreshClick called, refreshCount increments; when refreshCount === refreshThreshold, isRefreshExpired true (expired state). When !isApiErrorBoundary, key updates so ErrorBoundary remounts | P1 | RefreshInteraction | Grouped click behavior and threshold/remount |
-| UC-007 | SlideBox close interaction | useSlideBox: true, onCloseSlideBox | Closing slide box calls onCloseSlideBox; handleClose wired to onCloseSlideBox | P1 | SlideBoxClose | Single interaction test |
-| UC-008 | Event handlers invoked | errorHandler, onRefreshClick, onCloseSlideBox | errorHandler called with error object in fallbackRender; onRefreshClick on refresh; onCloseSlideBox when slide box closed | P1 | EventHandlers | Grouped all handler invocations |
-| UC-009 | Styling (className and slideBoxProps) | className, slideBoxProps: { className } | className on illustration container (CapRow); slideBoxProps spread to CapSlideBox including className for slide box | P2 | Styling | Grouped className + slideBoxProps styling |
-| UC-010 | Default props and minimal usage | No optional props (or only children) | Defaults: empty strings for text, refreshThreshold 3, showIllustrationImage true, showAnimation true, useSlideBox false, isApiErrorBoundary false; component renders without error | P1 | DefaultProps | Sanity with defaults |
-| UC-011 | Edge: refreshThreshold 0 or 1 | refreshThreshold: 0 \| 1, trigger refresh | Expired state (isRefreshExpired) after 0 or 1 refresh click; no crash | P2 | EdgeRefreshThreshold | Production edge for quick expiry |
-| UC-012 | Edge: children null or valid content | children: null \| valid React node | With React ErrorBoundary: null children don’t throw; valid children render until throw. With API mode: children render when isApiError false | P2 | EdgeChildren | Grouped empty/valid children |
-
----
-
-## Summary
-
-- **Total use cases**: 12 (within medium limit of 20).
-- **Grouping**: Config/boolean variants, content props, event handlers, styling, and edge cases each combined into single tests.
-- **P0**: React vs API mode, SlideBox vs inline (3). **P1**: Config, content, refresh/slide interactions, handlers, defaults (6). **P2**: Styling, refreshThreshold edge, children edge (3).
-- **Storybook stories**: ReactErrorBoundaryMode, ApiErrorBoundaryMode, SlideBoxVsInline, ConfigVariants, ContentProps, RefreshInteraction, SlideBoxClose, EventHandlers, Styling, DefaultProps, EdgeRefreshThreshold, EdgeChildren.
-
-## Test Implementation Notes
-
-- Use **React Testing Library** with **Jest**.
-- Prefer `data-testid` for querying (add to component if needed).
-- Clear mocks between tests where applicable.
-- Do **not** mock Cap UI components (e.g. CapErrorStateIllustration, CapSlideBox, CapRow) unless instructed.
-- Avoid relying on getByRole where avoidable; keep tests focused and not overly complex.

package/CapErrorBoundary/README.md

@@ -1,150 +0,0 @@
-# CapErrorBoundary
-
-A wrapper component that provides error boundary functionality for React applications, catching JavaScript errors anywhere in the child component tree and displaying a fallback UI.
-
-## Migration from Ant Design v3 to v6
-
-This component has been migrated from Ant Design v3 to v6 with the following changes:
-
-### Breaking Changes
-
-**None** - The component maintains full backward compatibility. No API changes were made.
-
-### Style Changes
-
-**Approach**: The component now uses CSS Modules with the `styles[classname]` pattern instead of global class names. All styling remains functionally identical.
-
-### Code Improvements
-
-1. **Removed PropTypes**: Replaced with TypeScript types from `types.ts`
-2. **Removed defaultProps**: Converted to default parameters in function arguments
-3. **TypeScript support**: Full TypeScript type definitions with proper types
-4. **CSS Modules**: Using `styles[classname]` pattern for scoped styling
-
-### What Stayed the Same
-
-- All component props and behavior
-- Error boundary functionality (React ErrorBoundary mode)
-- API error boundary mode (`isApiErrorBoundary` prop)
-- Slide box vs inline fallback rendering
-- Refresh threshold and expiry logic
-- Animation support
-- Prefix/suffix content slots
-- All event handlers
-
-### What Changed
-
-- **Removed**: `PropTypes` (replaced with TypeScript types)
-- **Removed**: `defaultProps` (replaced with default parameters)
-- **Updated**: CSS class names now use CSS Modules pattern
-- **Added**: TypeScript type definitions in `types.ts`
-- **Added**: CSS Modules for scoped styling
-
-## Usage
-
-### Basic Usage (React ErrorBoundary Mode)
-
-```tsx
-import CapErrorBoundary from '@capillarytech/blaze-ui/components/CapErrorBoundary';
-
-function App() {
-  return (
-    <CapErrorBoundary>
-      <YourComponent />
-    </CapErrorBoundary>
-  );
-}
-```
-
-### With Custom Error Handler
-
-```tsx
-<CapErrorBoundary
-  errorHandler={(error) => {
-    console.error('Error caught:', error);
-    // Send to error tracking service
-  }}
->
-  <YourComponent />
-</CapErrorBoundary>
-```
-
-### API Error Boundary Mode
-
-```tsx
-<CapErrorBoundary
-  isApiErrorBoundary
-  isApiError={hasApiError}
->
-  <YourComponent />
-</CapErrorBoundary>
-```
-
-### With Slide Box
-
-```tsx
-<CapErrorBoundary
-  useSlideBox
-  onCloseSlideBox={() => {
-    console.log('Slide box closed');
-  }}
->
-  <YourComponent />
-</CapErrorBoundary>
-```
-
-### With Custom Content
-
-```tsx
-<CapErrorBoundary
-  refreshText="Try Again"
-  refreshTitle="Something went wrong"
-  expiryTitle="Refresh limit reached"
-  expiryDescription="Please contact support"
-  prefix={<CustomHeader />}
-  suffix={<CustomFooter />}
->
-  <YourComponent />
-</CapErrorBoundary>
-```
-
-## Props
-
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `children` | `React.ReactNode` | - | Child components to wrap with error boundary |
-| `className` | `string` | `''` | Additional CSS class name |
-| `isExpired` | `boolean` | `false` | Whether the refresh action has expired |
-| `isApiError` | `boolean` | `false` | Whether to show API error state (only used when `isApiErrorBoundary` is true) |
-| `refreshText` | `string \| React.ReactNode` | `''` | Text to display for refresh action |
-| `expiryTitle` | `string \| React.ReactNode` | `''` | Title to display when refresh has expired |
-| `refreshTitle` | `string \| React.ReactNode` | `''` | Title to display for refresh action |
-| `useSlideBox` | `boolean` | `false` | Whether to display error in a slide box instead of inline |
-| `errorHandler` | `(error: Error) => void` | `() => {}` | Handler called when an error is caught |
-| `slideBoxProps` | `Record<string, unknown>` | `{}` | Props to pass to CapSlideBox when `useSlideBox` is true |
-| `onRefreshClick` | `() => void` | `() => {}` | Handler called when refresh button is clicked |
-| `onCloseSlideBox` | `() => void` | `() => {}` | Handler called when slide box is closed |
-| `refreshThreshold` | `number` | `3` | Number of refresh clicks before showing expired state |
-| `expiryDescription` | `string \| React.ReactNode` | `''` | Description to display when refresh has expired |
-| `isApiErrorBoundary` | `boolean` | `false` | Whether to use API error boundary mode (shows error based on `isApiError` prop instead of catching React errors) |
-| `showIllustrationImage` | `boolean` | `true` | Whether to show illustration image |
-| `prefix` | `string \| React.ReactNode` | `''` | Content to render before the error illustration |
-| `suffix` | `string \| React.ReactNode` | `''` | Content to render after the error illustration |
-| `showAnimation` | `boolean` | `true` | Whether to show animation when error illustration appears |
-
-## Modes
-
-### React ErrorBoundary Mode (Default)
-
-When `isApiErrorBoundary` is `false` (default), the component wraps children with React's `ErrorBoundary` from `react-error-boundary`. This catches JavaScript errors during rendering, in lifecycle methods, and in constructors of the whole tree below.
-
-### API Error Boundary Mode
-
-When `isApiErrorBoundary` is `true`, the component does not use React's ErrorBoundary. Instead, it conditionally renders the error illustration based on the `isApiError` prop. This is useful for handling API errors that don't cause React component errors.
-
-## Notes
-
-- The component uses `react-error-boundary` library for React error boundary functionality
-- When refresh is clicked in React ErrorBoundary mode, the component remounts the ErrorBoundary by updating its key
-- The refresh count is tracked internally and compared against `refreshThreshold` to determine expired state
-- All additional props passed to `CapErrorBoundary` are spread to `CapErrorStateIllustration`

package/CapErrorBoundary/index.d.ts

@@ -1,10 +0,0 @@
-/**
- *
- * CapErrorBoundary
- *
- */
-import React from 'react';
-import { CapErrorBoundaryProps } from './types';
-declare const CapErrorBoundary: React.FC<CapErrorBoundaryProps>;
-export default CapErrorBoundary;
-//# sourceMappingURL=index.d.ts.map

package/CapErrorBoundary/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapErrorBoundary/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAQxC,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEhD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2FrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/CapErrorBoundary/types.d.ts

@@ -1,46 +0,0 @@
-import React from 'react';
-export interface CapErrorBoundaryProps {
-    /** Child components to wrap with error boundary */
-    children?: React.ReactNode;
-    /** Additional CSS class name */
-    className?: string;
-    /** Whether the refresh action has expired */
-    isExpired?: boolean;
-    /** Whether to show API error state (only used when isApiErrorBoundary is true) */
-    isApiError?: boolean;
-    /** Text to display for refresh action */
-    refreshText?: string | React.ReactNode;
-    /** Title to display when refresh has expired */
-    expiryTitle?: string | React.ReactNode;
-    /** Title to display for refresh action */
-    refreshTitle?: string | React.ReactNode;
-    /** Whether to display error in a slide box instead of inline */
-    useSlideBox?: boolean;
-    /** Header for CapSlideBox when useSlideBox is true (takes precedence over slideBoxProps.header) */
-    header?: string | React.ReactNode;
-    /** Handler called when an error is caught */
-    errorHandler?: (error: Error) => void;
-    /** Props to pass to CapSlideBox when useSlideBox is true */
-    slideBoxProps?: Record<string, unknown>;
-    /** Handler called when refresh button is clicked */
-    onRefreshClick?: () => void;
-    /** Handler called when slide box is closed */
-    onCloseSlideBox?: () => void;
-    /** Number of refresh clicks before showing expired state */
-    refreshThreshold?: number;
-    /** Description to display when refresh has expired */
-    expiryDescription?: string | React.ReactNode;
-    /** Whether to use API error boundary mode (shows error based on isApiError prop instead of catching React errors) */
-    isApiErrorBoundary?: boolean;
-    /** Whether to show illustration image */
-    showIllustrationImage?: boolean;
-    /** Content to render before the error illustration */
-    prefix?: string | React.ReactNode;
-    /** Content to render after the error illustration */
-    suffix?: string | React.ReactNode;
-    /** Whether to show animation when error illustration appears */
-    showAnimation?: boolean;
-    /** Additional props to pass to CapErrorStateIllustration */
-    [key: string]: unknown;
-}
-//# sourceMappingURL=types.d.ts.map

package/CapErrorBoundary/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../components/CapErrorBoundary/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,qBAAqB;IACpC,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kFAAkF;IAClF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACxC,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mGAAmG;IACnG,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,6CAA6C;IAC7C,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACtC,4DAA4D;IAC5D,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,oDAAoD;IACpD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,8CAA8C;IAC9C,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sDAAsD;IACtD,iBAAiB,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC7C,qHAAqH;IACrH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,yCAAyC;IACzC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,sDAAsD;IACtD,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,gEAAgE;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4DAA4D;IAC5D,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB"}