@delightui/components 0.1.159 → 0.1.161

package/dist/cjs/components/molecules/DatePicker/DateInput/DateInput.presenter.d.ts

@@ -1,4 +1,5 @@
 import { DateInputProps } from './DateInput.types';
+import { Instance } from 'flatpickr/dist/types/instance';
 declare const usePresenter: (props: DateInputProps) => {
     invalid: boolean | undefined;
     onInputBlur: (event: React.FocusEvent<HTMLInputElement>) => void;
@@ -10,5 +11,7 @@ declare const usePresenter: (props: DateInputProps) => {
     value: import("../DatePickerBase").DatePickerValue | undefined;
     isTimePickerOnly: boolean | undefined;
     handleInputReadOnlyState: (value: boolean) => void;
+    handleReady: (dates: Date[], dateStr: string, calendarInstance: Instance) => void;
+    handleCalendarIconClick: () => void;
 };
 export default usePresenter;

package/dist/cjs/components/molecules/DatePicker/DatePickerBase/DatePickerBase.presenter.d.ts

@@ -6,37 +6,32 @@ declare const usePresenter: (props: DatePickerBaseProps) => {
     datePickerRef: import("react").RefObject<DatePicker>;
     disabled: boolean | undefined;
     required: boolean | undefined;
-    mode: "range" | "single";
-    enableTime: boolean | undefined;
-    noCalendar: boolean | undefined;
-    isTimePickerOnly: boolean | undefined;
-    customPlugin: import("flatpickr/dist/types/options").Plugin[];
-    handleKeyDown: (_selectedDates: Date[], _dateStr: string, instance: Instance, event: KeyboardEvent) => void;
     onDateChange: (dates: Date[]) => void;
     onCloseDatePicker: import("flatpickr/dist/types/options").Hook;
     onOpenDatePicker: import("flatpickr/dist/types/options").Hook;
-    calendarVariantProps: {
-        'component-variant': string;
-    };
-    dayVariantProps: {
-        'component-variant': string;
-    };
-    isInDialog: boolean;
-    otherProps: {
+    handleDayCreate: (_: Date[], __: string, ___: Instance, dayElem: HTMLElement) => void;
+    handleCalendarReady: (dates: Date[], dateStr: string, calendarInstance: Instance) => void;
+    flatpickrOptions: {
         initialValue?: import("./DatePickerBase.types").DatePickerValue | undefined;
         checked?: boolean;
         invalid?: boolean;
         id?: string;
-        className?: string;
         minDate?: string | Date;
         maxDate?: string | Date;
         defaultDate?: string | Date;
         dateFormat?: string;
-        inline?: boolean;
+        inline: boolean;
         position?: "auto" | "above" | "below" | "auto left" | "auto center" | "auto right" | "above left" | "above center" | "above right" | "below left" | "below center" | "below right";
         parseDate?: (date: string, format?: string) => Date;
-        allowInput?: boolean;
-        renderInput?: ((props: Omit<import("react-flatpickr").DateTimePickerProps, "options" | "render">, ref: (node: HTMLInputElement | null) => void) => React.ReactElement) | undefined;
+        allowInput: boolean;
+        mode: "range" | "single";
+        enableTime: boolean | undefined;
+        noCalendar: boolean | undefined;
+        altInput: boolean | undefined;
+        altInputClass: string;
+        plugins: import("flatpickr/dist/types/options").Plugin[];
+        onKeyDown: (_selectedDates: Date[], _dateStr: string, instance: Instance, event: KeyboardEvent) => void;
+        static: boolean;
     };
 };
 export default usePresenter;

package/dist/cjs/components/molecules/DatePicker/DatePickerBase/DatePickerBase.types.d.ts

@@ -1,6 +1,7 @@
 import { Plugin } from 'flatpickr/dist/types/options';
 import FlatPickr, { DateTimePickerProps } from 'react-flatpickr';
 import { ControlledFormComponentProps } from '../../FormField/FormField.types';
+import { Instance } from 'flatpickr/dist/types/instance';
 type DatePickerPosition = 'auto' | 'above' | 'below' | 'auto left' | 'auto center' | 'auto right' | 'above left' | 'above center' | 'above right' | 'below left' | 'below center' | 'below right';
 export type DatePickerValue = string | Date | (string | Date)[];
 export type DatePickerBaseProps = ControlledFormComponentProps<DatePickerValue> & {
@@ -41,13 +42,20 @@ export type DatePickerBaseProps = ControlledFormComponentProps<DatePickerValue>
      * @param dates - Array of selected dates.
      * @param dateStr - String representation of the selected date(s). Will match the date format.
      */
-    onOpen?: (dates: Date[], dateStr: string) => void;
+    onOpen?: (dates: Date[], dateStr: string, calendarInstance: Instance) => void;
     /**
      * Callback function when the date picker is closed.
      * @param dates - Array of selected dates.
      * @param dateStr - String representation of the selected date(s). Will match the date format.
      */
-    onClose?: (dates: Date[], dateStr: string) => void;
+    onClose?: (dates: Date[], dateStr: string, calendarInstance: Instance) => void;
+    /**
+     * Callback function when the calendar is ready and mounted.
+     * @param dates - Array of selected dates.
+     * @param dateStr - String representation of the selected date(s). Will match the date format.
+     * @param calendarInstance - The Flatpickr instance.
+     */
+    onReady?: (dates: Date[], dateStr: string, calendarInstance: Instance) => void;
     /**
      * render date picker inline
      */

package/dist/cjs/components/molecules/DatePicker/DatePickerBase/DatePickerBase.utils.d.ts

@@ -0,0 +1,19 @@
+import type { Instance } from 'flatpickr/dist/types/instance';
+/**
+ * Applies variant props (theme attributes) to a DOM element
+ */
+export declare function applyVariantProps(element: HTMLElement, variantProps: Record<string, string>): void;
+/**
+ * Sets up a MutationObserver to sync the 'active' attribute based on the 'selected' class.
+ * Returns a cleanup function to disconnect the observer.
+ */
+export declare function setupActiveSyncObserver(dayElem: HTMLElement): () => void;
+/**
+ * Applies external CSS classes to the calendar container
+ */
+export declare function applyExternalClasses(container: HTMLElement, className?: string): void;
+/**
+ * Sets up dialog-specific behavior: ensures single-click opens the calendar
+ * Returns a cleanup function to remove event listeners.
+ */
+export declare function setupDialogBehavior(calendarInstance: Instance): () => void;

package/dist/cjs/components/molecules/Modal/DemoModal.d.ts

@@ -3,6 +3,7 @@ import type { ModalComponentProps } from './ModalContext';
 interface DemoModalProps extends ModalComponentProps {
     title?: string;
     message?: string;
+    isLoading?: boolean;
 }
 declare const DemoModal: React.FC<DemoModalProps>;
 export default DemoModal;

package/dist/cjs/components/molecules/Modal/ModalContext/ModalContext.types.d.ts

@@ -15,7 +15,8 @@ export type ModalInstance = {
     /** Unique identifier for the modal instance */
     id: string;
     /** The rendered React component for the modal */
-    component: ReactNode;
+    component: React.ComponentType<any>;
+    props: ModalComponentProps;
 };
 /**
  * The context type that provides modal management functionality.
@@ -43,6 +44,21 @@ export type ModalContextType = {
      * ```
      */
     openModal: <T extends ModalComponentProps>(id: string, Component: ComponentType<T>, props: T) => void;
+    /**
+     * Updates the props of an existing modal by its unique identifier.
+     *
+     * @template T - The props type for the modal component (must extend ModalComponentProps)
+     * @param id - The unique identifier of the modal to update
+     * @param newProps - The new props to merge with the existing props
+     * @returns void
+     *
+     * @example
+     * ```tsx
+     * const { updateModal } = useModalContext();
+     * updateModal('confirmation', { title: 'Updated Title' });
+     * ```
+     */
+    updateModal: <T extends ModalComponentProps>(id: string, newProps: Partial<T>) => void;
     /**
      * Closes and removes a modal by its unique identifier.
      *
@@ -84,4 +100,11 @@ export type UseModalReturn<T extends ModalComponentProps> = {
     closeModal: () => void;
     /** The unique identifier for this modal instance */
     modalId: string;
+    /**
+     * Updates the props of the modal instance managed by this hook.
+     *
+     * @param newProps - The new props to merge with the existing props
+     * @returns void
+     */
+    updateModal: (newProps: Partial<T>) => void;
 };

package/dist/cjs/library.css

@@ -2062,6 +2062,12 @@ ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-vertical
   --input-placeholder-line-height: var(--date-input-placeholder-line-height);
   --input-placeholder-color: var(--date-input-placeholder-color);
 }
+.DateInput-module_dateInput__hYA3X svg {
+  pointer-events: none;
+}
+.DateInput-module_clickableWrapper__1zMm4 {
+  cursor: pointer;
+}
 .flatpickr-calendar {
   background: transparent;
   opacity: 0;