@delightui/components 0.1.10 → 0.1.12

package/dist/cjs/App.d.ts

@@ -1,6 +1,4 @@
 import React from 'react';
 import './resources/themes/base.css';
-import './resources/themes/light.css';
-import './resources/themes/dark.css';
 declare function App(): React.JSX.Element;
 export default App;

package/dist/cjs/components/atoms/Button/Button.types.d.ts

@@ -1,9 +1,15 @@
 import type { HTMLAttributes, ReactNode, MouseEvent } from 'react';
 export type ButtonTypeEnum = 'Filled' | 'Outlined' | 'Ghost';
+export type ButtonAppearanceEnum = 'Default' | 'Inverse';
 export type ButtonStyleEnum = 'Primary' | 'Secondary' | 'Destructive';
 export type ButtonSizeEnum = 'Small' | 'Medium' | 'Large';
 export type ButtonActionTypeEnum = 'button' | 'submit' | 'reset';
 export type ButtonProps = Omit<HTMLAttributes<HTMLButtonElement>, 'style'> & {
+    /**
+     * Appearance of the button.
+     * @default 'Default'
+     */
+    appearance?: ButtonAppearanceEnum;
     /**
      * Type of the button.
      * @default 'Filled'

package/dist/cjs/components/atoms/IconButton/IconButton.types.d.ts

@@ -1,8 +1,14 @@
 import type { ReactNode } from 'react';
 import type { ButtonProps } from '../Button/Button.types';
+export type IconButtonAppearanceEnum = 'Default' | 'Inverse';
 export type IconButtonStyleEnum = 'Primary' | 'Secondary';
 export type IconButtonSizeEnum = 'Small' | 'Medium';
 export interface IconButtonProps extends Omit<ButtonProps, 'leadingIcon' | 'trailingIcon' | 'style' | 'size'> {
+    /**
+     * Appearance of the button.
+     * @default 'Default'
+     */
+    appearance?: IconButtonAppearanceEnum;
     /**
      * The icon to be displayed.
      */

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

@@ -73,5 +73,13 @@ export type DatePickerProps = {
      * this function will be used to parse initial date string and date string from input field.
      */
     parseDate?: (date: string) => Date;
+    /**
+    * Allow user to type date/time in input.
+    * @default false
+    */
+    allowInput?: boolean;
+};
+export type CustomTimePickerConfig = {
+    minuteStep: number;
 };
 export {};

package/dist/cjs/components/molecules/DatePicker/Plugins/dateTimeSelector.d.ts

@@ -0,0 +1,4 @@
+import { Plugin } from "flatpickr/dist/types/options";
+import { CustomTimePickerConfig } from "../DatePicker.types";
+declare const dateTimeDropdownPlugin: (config: CustomTimePickerConfig) => Plugin;
+export default dateTimeDropdownPlugin;

package/dist/cjs/components/molecules/DatePicker/Plugins/timeSelector.d.ts

@@ -0,0 +1,4 @@
+import { Plugin } from "flatpickr/dist/types/options";
+import { CustomTimePickerConfig } from "../DatePicker.types";
+declare const timeDropdownPlugin: (config: CustomTimePickerConfig) => Plugin;
+export default timeDropdownPlugin;

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

@@ -0,0 +1,32 @@
+/**
+ * Creates a dropdown element with a specific className.
+ * @param className - The class to add to the dropdown element.
+ * @returns The created dropdown element.
+ */
+export declare const createDropdownElement: (className: string) => HTMLDivElement;
+/**
+ * Filters the dropdown options based on the query string.
+ * @param dropdown - The dropdown element to populate.
+ * @param query - The query string to filter options by.
+ * @param options - Array of string options to display in the dropdown.
+ */
+export declare const filterDropdownOptions: (dropdown: HTMLDivElement, query: string, options: string[], handleTimeOptionClick: (option: string) => void, closeDropdown?: () => void) => void;
+/**
+ * Positions the dropdown relative to the input field.
+ * @param dropdown - The dropdown element to position.
+ * @param inputElement - The input element to base the dropdown positioning on.
+ */
+export declare const positionDropdownRelativeToInput: (dropdown: HTMLDivElement, inputElement: HTMLInputElement) => void;
+/**
+ * Formats a Date object into a time string (HH:MM AM/PM).
+ * @param date - The Date object to format.
+ * @returns The formatted time string (e.g., "12:00 PM").
+ */
+export declare const formatTime: (date: Date) => string;
+/**
+ * Toggles the visibility of a dropdown element.
+ * @param dropdown - The dropdown element to show or hide.
+ * @param isVisible - A boolean indicating whether the dropdown should be visible.
+ */
+export declare const toggleDropdownVisibility: (dropdown: HTMLDivElement, isVisible: boolean) => void;
+export declare const generateTimeOptions: (minuteStep: number) => string[];