@razorpay/blade 12.1.0 → 12.2.0

package/build/types/components/index.d.ts

@@ -3437,6 +3437,7 @@ declare const AccordionItem: ({ title, description, icon, children, isDisabled,
 
 type ActionListProps = {
     children: React__default.ReactNode[];
+    isVirtualized?: boolean;
 } & TestID & DataAnalyticsAttribute;
 /**
  * ### ActionList
@@ -3469,7 +3470,7 @@ type ActionListProps = {
  * ```
  *
  */
-declare const ActionList: React__default.MemoExoticComponent<({ children, testID, ...rest }: ActionListProps) => React__default.ReactElement>;
+declare const ActionList: React__default.MemoExoticComponent<({ children, testID, isVirtualized, ...rest }: ActionListProps) => React__default.ReactElement>;
 
 type BadgeProps = {
     /**
@@ -16018,6 +16019,16 @@ type DatePickerProps<Type extends DateSelectionType> = Omit<CalendarProps<Type>,
      */
     onApply?: Type extends 'single' ? (value: DateValue) => void : (value: DatesRangeValue) => void;
     labelPosition?: BaseInputProps['labelPosition'];
+    /**
+     * Sets the date format to be displayed in the input field.
+     * @default 'DD/MM/YYYY'  if pickerType is 'month' then 'MMMM', 'YYYY' if pickerType is 'year'
+     */
+    format?: 'DD/MM/YYYY' | 'MMM' | 'MMMM' | 'YYYY';
+    /**
+     *  Placeholder text for the datepicker input , when no date is selected.
+     * @default 'DD/MM/YYYY'  if pickerType is 'month' then 'MMMM', 'YYYY' if pickerType is 'year'
+     */
+    inputPlaceHolder?: string;
 };
 type DatePickerCommonInputProps = {
     labelPosition?: BaseInputProps['labelPosition'];
@@ -16025,7 +16036,7 @@ type DatePickerCommonInputProps = {
     referenceProps: any;
 } & Pick<TextInputProps, 'size' | 'isRequired' | 'necessityIndicator' | 'autoFocus' | 'isDisabled' | 'accessibilityLabel'> & FormInputValidationProps;
 
-declare const DatePicker: <Type extends DateSelectionType = "single">({ selectionType, allowSingleDateInRange, value, defaultValue, onChange, onApply, presets, isOpen, defaultIsOpen, onOpenChange, label, labelPosition, accessibilityLabel, errorText, helpText, isDisabled, isRequired, successText, validationState, size, autoFocus, necessityIndicator, name, defaultPicker, picker, onPickerChange, zIndex, ...props }: Omit<CalendarProps<Type>, "onMouseLeave" | "__onDayMouseEnter" | "__onDayClick" | "getDayProps" | "getYearControlProps" | "getMonthControlProps"> & Omit<{
+declare const DatePicker: <Type extends DateSelectionType = "single">({ selectionType, allowSingleDateInRange, value, defaultValue, onChange, onApply, presets, isOpen, defaultIsOpen, onOpenChange, label, labelPosition, accessibilityLabel, errorText, helpText, isDisabled, isRequired, successText, validationState, size, autoFocus, necessityIndicator, name, defaultPicker, picker, onPickerChange, zIndex, format, inputPlaceHolder, ...props }: Omit<CalendarProps<Type>, "onMouseLeave" | "__onDayMouseEnter" | "__onDayClick" | "getDayProps" | "getYearControlProps" | "getMonthControlProps"> & Omit<{
     labelPosition?: "left" | "top" | undefined;
     inputRef: React__default.Ref<any>;
     referenceProps: any;
@@ -16052,6 +16063,8 @@ declare const DatePicker: <Type extends DateSelectionType = "single">({ selectio
     }) | undefined;
     onApply?: (Type extends "single" ? (value: _mantine_dates.DateValue) => void : (value: DatesRangeValue) => void) | undefined;
     labelPosition?: "left" | "top" | undefined;
+    format?: "DD/MM/YYYY" | "MMM" | "MMMM" | "YYYY" | undefined;
+    inputPlaceHolder?: string | undefined;
 } & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;

package/build/types/components/index.native.d.ts

@@ -3003,6 +3003,7 @@ declare const AccordionItem: ({ title, description, icon, children, isDisabled,
 
 type ActionListProps = {
     children: React__default.ReactNode[];
+    isVirtualized?: boolean;
 } & TestID & DataAnalyticsAttribute;
 /**
  * ### ActionList
@@ -3035,7 +3036,7 @@ type ActionListProps = {
  * ```
  *
  */
-declare const ActionList: React__default.MemoExoticComponent<({ children, testID, ...rest }: ActionListProps) => React__default.ReactElement>;
+declare const ActionList: React__default.MemoExoticComponent<({ children, testID, isVirtualized, ...rest }: ActionListProps) => React__default.ReactElement>;
 
 type BadgeProps = {
     /**
@@ -10555,6 +10556,16 @@ type DatePickerProps<Type extends DateSelectionType> = Omit<CalendarProps<Type>,
      */
     onApply?: Type extends 'single' ? (value: DateValue) => void : (value: DatesRangeValue) => void;
     labelPosition?: BaseInputProps['labelPosition'];
+    /**
+     * Sets the date format to be displayed in the input field.
+     * @default 'DD/MM/YYYY'  if pickerType is 'month' then 'MMMM', 'YYYY' if pickerType is 'year'
+     */
+    format?: 'DD/MM/YYYY' | 'MMM' | 'MMMM' | 'YYYY';
+    /**
+     *  Placeholder text for the datepicker input , when no date is selected.
+     * @default 'DD/MM/YYYY'  if pickerType is 'month' then 'MMMM', 'YYYY' if pickerType is 'year'
+     */
+    inputPlaceHolder?: string;
 };
 type DatePickerCommonInputProps = {
     labelPosition?: BaseInputProps['labelPosition'];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@razorpay/blade",
   "description": "The Design System that powers Razorpay",
-  "version": "12.1.0",
+  "version": "12.2.0",
   "license": "MIT",
   "engines": {
     "node": ">=18.12.1"
@@ -148,7 +148,8 @@
     "@mantine/core": "6.0.21",
     "@mantine/dates": "6.0.21",
     "@mantine/hooks": "6.0.21",
-    "dayjs": "1.11.10"
+    "dayjs": "1.11.10",
+    "react-window": "1.8.11"
   },
   "devDependencies": {
     "http-server": "14.1.1",
@@ -222,6 +223,7 @@
     "@types/styled-components-react-native": "5.1.3",
     "@types/tinycolor2": "1.4.3",
     "@types/react-router-dom": "5.3.3",
+    "@types/react-window": "1.8.8",
     "@types/storybook-react-router": "1.0.5",
     "any-leaf": "1.2.2",
     "args-parser": "1.3.0",