@capillarytech/blaze-ui 5.1.19 → 5.2.0

package/package.json

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

package/utils/dayjs.d.ts

@@ -34,7 +34,6 @@ export declare const FORMAT_TOKENS: {
     readonly MONTH_FULL: "MMMM";
     readonly YEAR: "YYYY";
     readonly YEAR_SHORT: "YY";
-    readonly DATE_TIME: "DD-MM-YYYY | HH:mm";
     readonly DATE_LOCALIZED_SHORT: "l";
     readonly DATETIME_LOCALIZED_SHORT: "ll";
     readonly DATETIME_LOCALIZED_SHORT_TIME: "lll";
@@ -46,7 +45,6 @@ export declare const FORMAT_TOKENS: {
 };
 export type TimeUnit = (typeof TIME_UNITS)[keyof typeof TIME_UNITS];
 export type FormatToken = (typeof FORMAT_TOKENS)[keyof typeof FORMAT_TOKENS];
-export declare const DEFAULT_TIMEZONE = "Asia/Kolkata";
 export declare function normalizeDateValue(isConsumerUsingMoment: boolean, parsedValue: dayjs.Dayjs | Moment | null | undefined): dayjs.Dayjs | Moment | null | undefined;
 export declare function isDayjsObject(value: unknown): value is dayjs.Dayjs;
 /**

package/utils/dayjs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dayjs.d.ts","sourceRoot":"","sources":["../../components/utils/dayjs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqB1B,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AA2HhC,eAAO,MAAM,UAAU;;;;;;;;;;;;CAYb,CAAC;AAEX,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuChB,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AACpE,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE7E,eAAO,MAAM,gBAAgB,iBAAiB,CAAC;AAQ/C,wBAAgB,kBAAkB,CAChC,qBAAqB,EAAE,OAAO,EAC9B,WAAW,EAAE,KAAK,CAAC,KAAK,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,2CAKrD;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,KAAK,CAAC,KAAK,CAElE;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,MAAM,CAE9D;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAE/D;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAGH,wBAAgB,aAAa,CAC3B,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,KAAK,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,GAC7D,KAAK,CAAC,KAAK,GAAG,IAAI,CAoFpB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAqD3F;AAED,eAAe,KAAK,CAAC"}
+{"version":3,"file":"dayjs.d.ts","sourceRoot":"","sources":["../../components/utils/dayjs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqB1B,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AA2HhC,eAAO,MAAM,UAAU;;;;;;;;;;;;CAYb,CAAC;AAEX,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoChB,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AACpE,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAQ7E,wBAAgB,kBAAkB,CAChC,qBAAqB,EAAE,OAAO,EAC9B,WAAW,EAAE,KAAK,CAAC,KAAK,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,2CAKrD;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,KAAK,CAAC,KAAK,CAElE;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,MAAM,CAE9D;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAE/D;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAGH,wBAAgB,aAAa,CAC3B,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,KAAK,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,GAC7D,KAAK,CAAC,KAAK,GAAG,IAAI,CAiFpB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAqD3F;AAED,eAAe,KAAK,CAAC"}

package/CapDateTimePicker/README.md

@@ -1,136 +0,0 @@
-# CapDateTimePicker
-
-A wrapper around Ant Design's DatePicker with `showTime` support, timezone-aware date parsing, and a consistent API for datetime selection in Capillary applications.
-
-## Migration from Ant Design v3 to v6
-
-### Breaking Changes
-
-#### 1. API Changes
-
-| v3 API | v6 API | Status | Migration Guide |
-|--------|--------|--------|-----------------|
-| `dateRender` | `cellRender` | Deprecated | Replace `dateRender` with `cellRender`. Backward compatibility maintained. |
-| `dropdownClassName` | `popupClassName` | Deprecated | Replace `dropdownClassName` with `popupClassName`. Backward compatibility maintained. |
-| `dropdownStyle` | `popupStyle` | Deprecated | Replace `dropdownStyle` with `popupStyle`. Backward compatibility maintained. |
-| `getCalendarContainer` | `getPopupContainer` | Deprecated | Replace `getCalendarContainer` with `getPopupContainer`. Backward compatibility maintained. |
-| `open` | `popupOpen` | Deprecated | Replace `open` with `popupOpen`. Backward compatibility maintained. |
-| `onOpenChange` | `onPopupOpenChange` | Deprecated | Replace `onOpenChange` with `onPopupOpenChange`. Backward compatibility maintained. |
-| `showToday` | N/A | Deprecated | This prop is deprecated. Today button behavior is now handled internally by Ant Design. Backward compatibility maintained but discouraged. |
-| `renderExtraFooter` | Custom Panel | Deprecated | This prop is discouraged. Consider using custom panel components instead. Backward compatibility maintained but discouraged. |
-
-#### 2. Date Library Migration
-
-The component continues to support both Moment.js and Day.js objects for backward compatibility:
-
-- **Props accepting dates**: `value` now accepts `Dayjs | Moment | string | null`
-- **Callbacks returning dates**: `onChange` returns the same type as the input (`Dayjs` if `Dayjs` was passed, `Moment` if `Moment` was passed)
-
-**Migration Path for Consumers:**
-```javascript
-// Before (moment) - still works
-import moment from 'moment-timezone';
-<CapDateTimePicker
-  value={moment('2024-01-15 10:30')}
-  onChange={(momentObj) => console.log(momentObj.format())}
-/>
-
-// After (dayjs) - preferred
-import dayjs from '@dayjs';
-<CapDateTimePicker
-  value={dayjs('2024-01-15 10:30')}
-  onChange={(dayjsObj) => console.log(dayjsObj.format())}
-/>
-```
-
-### Backward Compatibility
-
-All deprecated props still work but log a warning in development:
-
-- **`dateRender`**: Still works but mapped to `cellRender` internally. Use `cellRender` instead.
-- **`dropdownClassName`**: Still works. Use `popupClassName` instead.
-- **`dropdownStyle`**: Still works. Use `popupStyle` instead.
-- **`getCalendarContainer`**: Still works. Use `getPopupContainer` instead.
-- **`open`**: Still works. Use `popupOpen` instead.
-- **`onOpenChange`**: Still works. Use `onPopupOpenChange` instead.
-- **`showToday`**: Still works but is deprecated.
-- **`renderExtraFooter`**: Still works but is discouraged.
-
-### Style Changes
-
-The SCSS file (`styles.scss`) targets v3 class names (`.ant-calendar-*`) and is preserved as-is in this migration pass. Full SCSS migration to v6 class names (`.ant-picker-*`) will be done in a subsequent pass.
-
-**Theme config**: `DatePicker.cellHoverBg` added to `getCapThemeConfig.ts` to control date cell hover background color.
-
-### Code Improvements
-
-1. **Removed PropTypes**: Replaced with TypeScript interfaces in `types.ts`
-2. **Removed defaultProps**: Default values moved to function argument destructuring
-3. **Using deprecation warning utility**: `logDeprecationWarning` for consistent warnings
-4. **Type safety**: Full TypeScript support with proper Dayjs/Moment union types
-5. **Backward compatibility**: All deprecated props mapped using nullish coalescing (`??`)
-
-### What Stayed the Same
-
-- `injectIntl` HOC pattern for i18n (no consumer-facing change)
-- Timezone-aware date parsing logic
-- Internal open/close state management for OK button behavior
-- `showTime` config with timezone-aware `defaultValue`
-- Calendar icon suffix
-- `okText` from i18n messages
-
-### What Changed
-
-- **Updated**: Import from `antd-v5` (v6 compatible)
-- **Removed**: `import 'antd/lib/date-picker/style/css'`
-- **Removed**: PropTypes dependency
-- **Removed**: `defaultProps` assignment
-- **Updated**: Multiple deprecated props migrated to v6 API (with backward compatibility)
-- **Added**: `cellRender` support (v6 replacement for `dateRender`)
-- **Added**: `popupClassName`, `popupStyle`, `getPopupContainer`, `popupOpen`, `onPopupOpenChange`
-
-## Usage
-
-```tsx
-import CapDateTimePicker from '@capillarytech/blaze-ui/components/CapDateTimePicker';
-import dayjs from '@dayjs';
-
-function MyComponent() {
-  const [date, setDate] = useState(null);
-
-  return (
-    <CapDateTimePicker
-      value={date}
-      onChange={(newDate) => setDate(newDate)}
-      timezone="Asia/Kolkata"
-      showTime={{ format: 'HH:mm' }}
-      format="DD-MM-YYYY | HH:mm"
-      popupClassName="my-custom-popup"
-    />
-  );
-}
-```
-
-## Props
-
-See `types.ts` for complete prop definitions. Key props:
-
-- `value`: `Dayjs | Moment | string | null`
-- `onChange`: `(value: Dayjs | Moment | null, dateString: string) => void`
-- `timezone`: Timezone string (default: `'Asia/Kolkata'`)
-- `showTime`: `boolean | { format?: string }` (default: `{ format: 'HH:mm' }`)
-- `format`: Date format string (default: `'DD-MM-YYYY | HH:mm'`)
-- `cellRender`: Custom cell renderer (v6 API)
-- `popupClassName`: Custom class for popup (v6 API)
-- `popupStyle`: Custom style for popup (v6 API)
-- `getPopupContainer`: Container for popup (v6 API)
-- `popupOpen`: Whether popup is open (v6 API)
-- `onPopupOpenChange`: Callback when popup open state changes (v6 API)
-- `dateRender`: Deprecated — use `cellRender` instead
-- `dropdownClassName`: Deprecated — use `popupClassName` instead
-- `dropdownStyle`: Deprecated — use `popupStyle` instead
-- `getCalendarContainer`: Deprecated — use `getPopupContainer` instead
-- `open`: Deprecated — use `popupOpen` instead
-- `onOpenChange`: Deprecated — use `onPopupOpenChange` instead
-- `showToday`: Deprecated — handled internally by Ant Design
-- `renderExtraFooter`: Deprecated — consider custom panel components

package/CapDateTimePicker/index.d.ts

@@ -1,13 +0,0 @@
-/**
- *
- * CapDateTimePicker
- *
- */
-import React from 'react';
-import type { InternalProps } from './types';
-declare const _default: React.FC<import("react-intl").WithIntlProps<InternalProps>> & {
-    WrappedComponent: React.ComponentType<InternalProps>;
-};
-export default _default;
-export type { CapDateTimePickerProps } from './types';
-//# sourceMappingURL=index.d.ts.map

package/CapDateTimePicker/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapDateTimePicker/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH,OAAO,KAAoC,MAAM,OAAO,CAAC;AAiBzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;;;;AA8K7C,wBAA6C;AAC7C,YAAY,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC"}

package/CapDateTimePicker/messages.d.ts

@@ -1,17 +0,0 @@
-export declare const scope = "app.commonUtils.capUiLibrary.capDateTimePicker";
-declare const _default: {
-    selectDateTimePlaceHolder: {
-        id: string;
-        defaultMessage: string;
-    };
-    selectLabel: {
-        id: string;
-        defaultMessage: string;
-    };
-    todayLabel: {
-        id: string;
-        defaultMessage: string;
-    };
-};
-export default _default;
-//# sourceMappingURL=messages.d.ts.map

package/CapDateTimePicker/messages.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../components/CapDateTimePicker/messages.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,mDAAmD,CAAC;;;;;;;;;;;;;;;AAEtE,wBAaG"}

package/CapDateTimePicker/types.d.ts

@@ -1,89 +0,0 @@
-import type { DatePickerProps } from 'antd-v5';
-import type { Dayjs } from 'dayjs';
-import type { Moment } from 'moment';
-import React from 'react';
-import type { WrappedComponentProps } from 'react-intl';
-export interface CapDateTimePickerProps extends Omit<DatePickerProps<Dayjs>, 'value' | 'onChange' | 'cellRender' | 'popupClassName' | 'popupStyle' | 'getPopupContainer' | 'popupOpen' | 'onPopupOpenChange'> {
-    /**
-     * Selected datetime value (Dayjs, Moment, or ISO string)
-     */
-    value?: Dayjs | Moment | string | null;
-    /**
-     * Callback when datetime changes
-     * @param value - Dayjs or Moment object (matches input type) or null
-     * @param dateString - Formatted date string
-     */
-    onChange?: (value: Dayjs | Moment | null, dateString: string) => void;
-    /**
-     * Custom cell renderer for calendar cells (v6 API)
-     */
-    cellRender?: DatePickerProps<Dayjs>['cellRender'];
-    /**
-     * Timezone string (e.g., 'Asia/Kolkata')
-     * @default 'Asia/Kolkata'
-     */
-    timezone?: string;
-    /**
-     * Custom class name for the popup/dropdown (v6 API)
-     */
-    popupClassName?: string;
-    /**
-     * Custom style for the popup/dropdown (v6 API)
-     */
-    popupStyle?: React.CSSProperties;
-    /**
-     * Container for the popup (v6 API)
-     */
-    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
-    /**
-     * Whether the popup is open (v6 API)
-     */
-    popupOpen?: boolean;
-    /**
-     * Callback when popup open state changes (v6 API)
-     */
-    onPopupOpenChange?: (open: boolean) => void;
-    /**
-     * Custom cell renderer for calendar cells
-     * @deprecated Use `cellRender` instead. Will be removed in next major version.
-     */
-    dateRender?: (currentDate: Dayjs, today: Dayjs) => React.ReactNode;
-    /**
-     * Custom class name for the popup/dropdown
-     * @deprecated Use `popupClassName` instead. Will be removed in next major version.
-     */
-    dropdownClassName?: string;
-    /**
-     * Custom style for the popup/dropdown
-     * @deprecated Use `popupStyle` instead. Will be removed in next major version.
-     */
-    dropdownStyle?: React.CSSProperties;
-    /**
-     * Container for the calendar dropdown
-     * @deprecated Use `getPopupContainer` instead. Will be removed in next major version.
-     */
-    getCalendarContainer?: (triggerNode: HTMLElement) => HTMLElement;
-    /**
-     * Whether the dropdown is open
-     * @deprecated Use `popupOpen` instead. Will be removed in next major version.
-     */
-    open?: boolean;
-    /**
-     * Callback when dropdown open state changes
-     * @deprecated Use `onPopupOpenChange` instead. Will be removed in next major version.
-     */
-    onOpenChange?: (open: boolean) => void;
-    /**
-     * Whether to show today button
-     * @deprecated This prop is deprecated. Today button behavior is now handled internally by Ant Design.
-     */
-    showToday?: boolean;
-    /**
-     * Render extra footer in calendar panel
-     * @deprecated This prop is discouraged. Consider using custom panel components instead.
-     */
-    renderExtraFooter?: () => React.ReactNode;
-}
-/** Internal-only: adds react-intl's injected `intl` prop to the public props */
-export type InternalProps = CapDateTimePickerProps & WrappedComponentProps;
-//# sourceMappingURL=types.d.ts.map

package/CapDateTimePicker/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../components/CapDateTimePicker/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;AAC1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAExD,MAAM,WAAW,sBACf,SAAQ,IAAI,CACV,eAAe,CAAC,KAAK,CAAC,EACpB,OAAO,GACP,UAAU,GACV,YAAY,GACZ,gBAAgB,GAChB,YAAY,GACZ,mBAAmB,GACnB,WAAW,GACX,mBAAmB,CACtB;IACD;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAEvC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtE;;OAEG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC;IAElD;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAEjC;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,WAAW,CAAC;IAE9D;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAE5C;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC;IAEnE;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAEpC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,WAAW,CAAC;IAEjE;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;CAC3C;AAED,gFAAgF;AAChF,MAAM,MAAM,aAAa,GAAG,sBAAsB,GAAG,qBAAqB,CAAC"}