@capillarytech/blaze-ui 5.1.11 → 5.1.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@capillarytech/blaze-ui",
-  "version": "5.1.11",
+  "version": "5.1.12",
   "description": "Capillary UI component library with Ant Design v6",
   "main": "index.js",
   "types": "index.d.ts",

package/CapTimePicker/README.md

@@ -1,170 +0,0 @@
-# CapTimePicker Migration Guide
-
-## Overview
-
-CapTimePicker has been migrated to support Ant Design v6 APIs while maintaining backward compatibility with deprecated props from v3-v5.
-
-## Breaking Changes
-
-### API Changes (v3 → v6)
-
-| Old API (v3-v5) | New API (v6) | Migration |
-|----------------|--------------|-----------|
-| `allowEmpty` | `allowClear` | Use `allowClear` prop |
-| `addon` | `renderExtraFooter` | Use `renderExtraFooter` prop |
-| `dropdownClassName` | `classNames.popup.root` or `popupClassName` | Use `popupClassName` or `classNames.popup.root` |
-| `popupStyle` (v5) | `styles.popup.root` or `popupStyle` | Use `popupStyle` or `styles.popup.root` |
-| `bordered` | `variant` | Use `variant` prop (`'outlined'`, `'borderless'`, or `'filled'`) |
-
-## Deprecated Props
-
-The following props are deprecated but still supported for backward compatibility. They will be removed in the next major version.
-
-| Deprecated Prop | Replacement | Notes |
-|----------------|-------------|-------|
-| `allowEmpty` | `allowClear` | Maps to `allowClear` internally |
-| `addon` | `renderExtraFooter` | Maps to `renderExtraFooter` internally |
-| `dropdownClassName` | `popupClassName` or `classNames.popup.root` | Merged with `popupClassName` |
-| `dropdownStyle` | `popupStyle` or `styles.popup.root` | Merged with `popupStyle` |
-| `bordered` | `variant` | `bordered={false}` → `variant="borderless"`, `bordered={true}` → `variant="outlined"` |
-
-## Migration Examples
-
-### Example 1: Basic Usage
-
-**Before (v3-v5):**
-```tsx
-import CapTimePicker from '@capillarytech/blaze-ui/components/CapTimePicker';
-
-<CapTimePicker
-  value={moment('12:00:00', 'HH:mm:ss')}
-  onChange={(time) => console.log(time)}
-  allowEmpty={false}
-  bordered={true}
-/>
-```
-
-**After (v6):**
-```tsx
-import CapTimePicker from '@capillarytech/blaze-ui/components/CapTimePicker';
-import dayjs from 'dayjs';
-
-<CapTimePicker
-  value={dayjs('12:00:00', 'HH:mm:ss')}
-  onChange={(time) => console.log(time)}
-  allowClear={false}
-  variant="outlined"
-/>
-```
-
-### Example 2: Custom Popup Styling
-
-**Before (v5):**
-```tsx
-<CapTimePicker
-  dropdownClassName="custom-popup"
-  dropdownStyle={{ zIndex: 1000 }}
-/>
-```
-
-**After (v6) - Option 1 (Direct props):**
-```tsx
-<CapTimePicker
-  popupClassName="custom-popup"
-  popupStyle={{ zIndex: 1000 }}
-/>
-```
-
-**After (v6) - Option 2 (Object-based API):**
-```tsx
-<CapTimePicker
-  classNames={{
-    popup: {
-      root: 'custom-popup'
-    }
-  }}
-  styles={{
-    popup: {
-      root: { zIndex: 1000 }
-    }
-  }}
-/>
-```
-
-### Example 3: Custom Footer
-
-**Before (v5):**
-```tsx
-<CapTimePicker
-  addon={() => <div>Custom Footer</div>}
-/>
-```
-
-**After (v6):**
-```tsx
-<CapTimePicker
-  renderExtraFooter={() => <div>Custom Footer</div>}
-/>
-```
-
-## Backward Compatibility
-
-All deprecated props are automatically mapped to their new equivalents:
-
-- `allowEmpty` → `allowClear`
-- `addon` → `renderExtraFooter`
-- `dropdownClassName` → merged with `popupClassName`
-- `dropdownStyle` → merged with `popupStyle`
-- `bordered` → converted to `variant` (`false` → `'borderless'`, `true` → `'outlined'`)
-
-**Note:** Deprecated props will log warnings in development mode when used.
-
-## Moment.js → Day.js Migration
-
-CapTimePicker supports both Moment.js and Day.js for backward compatibility:
-
-```tsx
-// Both work:
-<CapTimePicker value={moment('12:00:00', 'HH:mm:ss')} />
-<CapTimePicker value={dayjs('12:00:00', 'HH:mm:ss')} />
-```
-
-However, **Day.js is recommended** as Moment.js is deprecated. The component automatically detects and converts Moment objects to Day.js internally.
-
-## Theme Customization
-
-CapTimePicker styling is now handled via design tokens in `getCapThemeConfig.ts`:
-
-```typescript
-components: {
-  TimePicker: {
-    controlHeight: 40, // Input height
-    colorIcon: '#091e42', // Icon color
-  },
-}
-```
-
-All previous SCSS overrides have been migrated to design tokens. No `:global` overrides are needed.
-
-## TypeScript Support
-
-Full TypeScript support is available:
-
-```tsx
-import CapTimePicker, { CapTimePickerProps } from '@capillarytech/blaze-ui/components/CapTimePicker';
-
-const props: CapTimePickerProps = {
-  value: dayjs('12:00:00', 'HH:mm:ss'),
-  onChange: (time, timeString) => {},
-};
-```
-
-## Validation
-
-This migration has been validated against:
-
-- ✅ **SCSS File Content**: No `:global` or `.ant-` overrides without comments
-- ✅ **Theme Config Update**: `getCapThemeConfig.ts` updated with TimePicker tokens
-- ✅ **TypeScript Compilation**: Zero compilation errors
-- ✅ **Backward Compatibility**: All deprecated props supported with warnings
-- ✅ **CSS Modules**: Component uses CSS Modules pattern

package/CapTimePicker/index.d.ts

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

package/CapTimePicker/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapTimePicker/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAIlD,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAwF/C,CAAC;AAEF,eAAe,aAAa,CAAC;AAC7B,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}

package/CapTimePicker/types.d.ts

@@ -1,71 +0,0 @@
-import type { TimePickerProps } from 'antd-v5';
-import type { Dayjs } from 'dayjs';
-import type { Moment } from 'moment';
-import React from 'react';
-export interface CapTimePickerProps extends Omit<TimePickerProps, 'value' | 'defaultValue' | 'defaultOpenValue' | 'onChange' | 'popupClassName' | 'popupStyle' | 'classNames' | 'styles' | 'variant'> {
-    /**
-     * Selected time value (Dayjs object)
-     */
-    value?: Dayjs | null;
-    /**
-     * Default selected time value (Dayjs object)
-     */
-    defaultValue?: Dayjs | null;
-    /**
-     * Default open time value (Dayjs object)
-     */
-    defaultOpenValue?: Dayjs | null;
-    /**
-     * Callback when time changes
-     * @param time - Dayjs or Moment object (matches input type) or null
-     * @param timeString - Formatted time string or null
-     */
-    onChange?: (time: Dayjs | Moment | null, timeString: string | null) => void;
-    /**
-     * Custom class names for different parts of the component (v6 API)
-     */
-    classNames?: TimePickerProps['classNames'];
-    /**
-     * Custom styles for different parts of the component (v6 API)
-     */
-    styles?: TimePickerProps['styles'];
-    /**
-     * Variant of the picker (v6 API)
-     * @default 'outlined'
-     */
-    variant?: 'outlined' | 'borderless' | 'filled';
-    /**
-     * Custom class name for the popup/dropdown (v6 API)
-     */
-    popupClassName?: string;
-    /**
-     * Custom style for the popup/dropdown (v6 API)
-     */
-    popupStyle?: React.CSSProperties;
-    /**
-     * Whether to show clear button
-     * @deprecated Use `allowClear` instead. Will be removed in next major version.
-     */
-    allowEmpty?: boolean;
-    /**
-     * Render extra footer in time picker panel
-     * @deprecated Use `renderExtraFooter` instead. Will be removed in next major version.
-     */
-    addon?: () => React.ReactNode;
-    /**
-     * Custom class name for the popup/dropdown
-     * @deprecated Use `classNames.popup.root` or `popupClassName` instead. Will be removed in next major version.
-     */
-    dropdownClassName?: string;
-    /**
-     * Custom style for the popup/dropdown
-     * @deprecated Use `styles.popup.root` or `popupStyle` instead. Will be removed in next major version.
-     */
-    dropdownStyle?: React.CSSProperties;
-    /**
-     * Whether to show border
-     * @deprecated Use `variant` instead. Will be removed in next major version.
-     */
-    bordered?: boolean;
-}
-//# sourceMappingURL=types.d.ts.map

package/CapTimePicker/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../components/CapTimePicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,kBACf,SAAQ,IAAI,CACV,eAAe,EACb,OAAO,GACP,cAAc,GACd,kBAAkB,GAClB,UAAU,GACV,gBAAgB,GAChB,YAAY,GACZ,YAAY,GACZ,QAAQ,GACR,SAAS,CACZ;IACD;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAErB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAE5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAEhC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAE5E;;OAEG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAE3C;;OAEG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IAEnC;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,QAAQ,CAAC;IAE/C;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAEjC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAE9B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAEpC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}