@hybr1d-tech/charizard 0.7.96 → 0.7.97

package/dist/index.d.ts

@@ -77,6 +77,12 @@ export declare const alertTypeMap: {
     };
 };
 
+/**
+ * Array representing AM/PM values
+ * @type {string[]}
+ */
+export declare const amPm: PERIOD[];
+
 /**
  * AsyncImage component that displays an image asynchronously.
  * While the image is loading, it shows a skeleton loader.
@@ -312,6 +318,13 @@ declare interface CommonOptions {
     onClick?: (event: React_2.MouseEvent) => void;
 }
 
+/**
+ * Converts a time string (e.g., "12:30 PM") to a timestamp
+ * @param {string} timeString - The time string to convert
+ * @returns {number} - The timestamp in milliseconds
+ */
+export declare const convertToTimestamp: (timeString: string) => number;
+
 export declare function CreatableSelect({ options, onChange, name, id, className, placeholder, selectStyles, defaultValue, formatGroupLabel, customContainerStyles, menuPlacement, errorMsg, extraprops, isDisabled, isSearchable, isMulti, isClearable, createNewOption, refetchOptions, }: CreatableSelectProps): JSX_2.Element;
 
 declare interface CreatableSelectProps {
@@ -476,6 +489,18 @@ declare interface DateRangePickerProps extends PropsRange {
     placeholder?: string;
 }
 
+/**
+ * The default selected time object used to initialize or reset the time picker state.
+ *
+ * @constant
+ * @type {SelectedTime}
+ * @property {string} hour - The selected hour, initialized as an empty string.
+ * @property {string} minute - The selected minute, initialized as an empty string.
+ * @property {string} second - The selected second, initialized as an empty string.
+ * @property {PERIOD} period - The selected period (AM/PM), initialized as an empty string casted to PERIOD type.
+ */
+export declare const DEFAULT_SELECTED_TIME: SelectedTime;
+
 export declare type DialogFooterButtons = Array<Omit<ButtonV2Props, 'children'> & {
     btnText: string;
     isLoading?: boolean;
@@ -823,6 +848,15 @@ declare type FooterButtons = Array<{
     icon?: string;
 }>;
 
+/**
+ * Formats a given value (hours, minutes, seconds) based on the time format (12-hour or 24-hour)
+ * @param {number} value - The value to format
+ * @param {TIME_PICKER_FORMAT} format - The time format (12-hour or 24-hour)
+ * @param {boolean} [isHour=false] - Whether the value is an hour (affects formatting logic)
+ * @returns {string} - The formatted time value
+ */
+export declare const getFormattedTime: (value: number, format: TIME_PICKER_FORMAT, isHour?: boolean) => string;
+
 export declare const getProductIconFromType: (type?: string) => string;
 
 export declare interface GroupActionProps {
@@ -846,6 +880,12 @@ export declare interface GroupActionProps {
 
 export declare type HexColor = `#${string}`;
 
+/**
+ * Array of hours (1-12) formatted as strings
+ * @type {string[]}
+ */
+export declare const hours: string[];
+
 declare interface IconButtonV2TypeProps extends BaseButtonProps {
     type: BUTTON_V2_TYPE.ICON_LEFT | BUTTON_V2_TYPE.ICON_RIGHT;
     icon: React_2.ReactNode;
@@ -1129,7 +1169,7 @@ export declare namespace InputGroupV2 {
  *   <InputRightIcon icon={...} />
  * </InputGroupV2>
  */
-declare interface InputIconProps {
+declare interface InputIconProps extends Omit<SVGProps, 'path'> {
     icon: string;
     onClick?: () => void;
     /* Excluded from this release type: iconStyles */
@@ -1249,7 +1289,7 @@ export declare namespace InputLeftElement {
  *   <InputV2 />
  * </InputGroupV2>
  */
-export declare function InputLeftIcon({ icon, onClick, iconStyles, disabled, className, }: InputIconProps): JSX_2.Element;
+export declare function InputLeftIcon({ icon, onClick, iconStyles, disabled, className, svgClassName, spanClassName, }: InputIconProps): JSX_2.Element;
 
 export declare namespace InputLeftIcon {
     var displayName: INPUT_COMPONENTS;
@@ -1434,7 +1474,7 @@ export declare namespace InputRightElement {
  *   <InputRightIcon icon={...} />
  * </InputGroupV2>
  */
-export declare function InputRightIcon({ icon, onClick, iconStyles, disabled, className, }: InputIconProps): JSX_2.Element;
+export declare function InputRightIcon({ icon, onClick, iconStyles, disabled, className, svgClassName, spanClassName, }: InputIconProps): JSX_2.Element;
 
 export declare namespace InputRightIcon {
     var displayName: INPUT_COMPONENTS;
@@ -1502,6 +1542,7 @@ declare interface InputV2Props extends React.InputHTMLAttributes<HTMLInputElemen
     containerClassName?: string;
     /* Excluded from this release type: inputStyles */
     /* Excluded from this release type: containerStyles */
+    /* Excluded from this release type: onErrorHeightChange */
 }
 
 declare interface ITask {
@@ -1665,6 +1706,12 @@ export declare type MenuItemV2 = {
     customSvgClassName?: string;
 };
 
+/**
+ * Array of minutes (0-59) formatted as strings
+ * @type {string[]}
+ */
+export declare const minutes: string[];
+
 export declare function Modal({ isOpen, onClose, children, size, showOverlay, machineProps, }: ModalProps): JSX_2.Element;
 
 export declare function ModalBody({ children, api, customStyles }: ModalBodyProps): JSX_2.Element;
@@ -1857,6 +1904,11 @@ declare interface OtherButtonV2TypeProps extends BaseButtonProps {
     children: React_2.ReactNode;
 }
 
+export declare enum PERIOD {
+    AM = "AM",
+    PM = "PM"
+}
+
 export declare function Pill({ status, children }: PillProps): JSX_2.Element;
 
 export declare enum PILL_STATUS {
@@ -2166,6 +2218,12 @@ declare interface SearchV2Props extends InputV2Props {
     setSearch?: React.Dispatch<React.SetStateAction<string>>;
 }
 
+/**
+ * Array of seconds (0-59) formatted as strings
+ * @type {string[]}
+ */
+export declare const seconds: string[];
+
 export declare function SegmentedControl({ items, defaultValue, handleOnChange }: SegmentedControlProps): JSX_2.Element;
 
 declare interface SegmentedControlProps {
@@ -2283,6 +2341,13 @@ declare interface SelectAsyncProps {
     customValue?: any;
 }
 
+export declare interface SelectedTime {
+    hour: string;
+    minute: string;
+    second: string;
+    period: PERIOD;
+}
+
 export declare type SelectMultiValue = MultiValue<Option_2>;
 
 export declare function Selectors({ selectors }: SelectorsProps): JSX_2.Element;
@@ -2853,17 +2918,23 @@ declare interface TextareaV2Props extends React.TextareaHTMLAttributes<HTMLTextA
     /* Excluded from this release type: containerStyles */
 }
 
-declare enum TIME_PICKER_FORMAT {
+export declare enum TIME_PICKER_FORMAT {
     STANDARD = "12-hours",
     DUAL = "24-hours"
 }
 
+export declare enum TIME_PICKER_TYPE {
+    HOUR = "hour",
+    MINUTE = "minute",
+    SECOND = "second"
+}
+
 /**
  * TimePicker component for selecting time with optional seconds and 12/24 hour formats
  * @param {TimePickerProps} props - Props for TimePicker component
  * @returns {JSX.Element} TimePicker component
  */
-export declare function TimePicker({ timestamp, onTimeChange, format, enableSeconds, }: TimePickerProps): JSX_2.Element;
+export declare function TimePicker({ timestamp, onTimeChange, format, enableSeconds, containerClassName, ...props }: TimePickerProps): JSX_2.Element;
 
 export declare namespace TimePicker {
     var displayName: string;
@@ -2877,7 +2948,7 @@ export declare namespace TimePicker {
  * @property {TIME_PICKER_FORMAT} [format] - The time format, either 12-hour or 24-hour
  * @property {boolean} [enableSeconds=false] - Whether to enable seconds selection
  */
-declare interface TimePickerProps {
+declare interface TimePickerProps extends InputV2Props {
     onTimeChange: (timestamp: number) => void;
     timestamp?: number;
     format?: TIME_PICKER_FORMAT;