@delightui/components 0.1.148 → 0.1.149
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/atoms/ToastNotification/ToastNotification.types.d.ts +7 -2
- package/dist/cjs/components/molecules/DatePicker/DatePickerBase/DatePickerBase.presenter.d.ts +14 -10
- package/dist/cjs/library.css +3 -0
- package/dist/cjs/library.js +1 -1
- package/dist/cjs/library.js.map +1 -1
- package/dist/cjs/modules/notification/types.d.ts +4 -0
- package/dist/esm/components/atoms/ToastNotification/ToastNotification.types.d.ts +7 -2
- package/dist/esm/components/molecules/DatePicker/DatePickerBase/DatePickerBase.presenter.d.ts +14 -10
- package/dist/esm/library.css +3 -0
- package/dist/esm/library.js +3 -3
- package/dist/esm/library.js.map +1 -1
- package/dist/esm/modules/notification/types.d.ts +4 -0
- package/dist/index.d.ts +4 -0
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { HTMLAttributes, ReactNode
|
|
1
|
+
import type { HTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
export type ToastNotificationStyleEnum = 'Neutral' | 'Error' | 'Success';
|
|
3
3
|
export type ToastNotificationProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
|
|
4
4
|
/**
|
|
@@ -11,6 +11,11 @@ export type ToastNotificationProps = Omit<HTMLAttributes<HTMLDivElement>, 'style
|
|
|
11
11
|
* @default true
|
|
12
12
|
*/
|
|
13
13
|
isDismissable?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* Determines if the toast notification is displayed with close button.
|
|
16
|
+
* @default true
|
|
17
|
+
*/
|
|
18
|
+
isCloseButtonShown?: boolean;
|
|
14
19
|
/**
|
|
15
20
|
* Icon displayed before the message content.
|
|
16
21
|
*/
|
|
@@ -26,7 +31,7 @@ export type ToastNotificationProps = Omit<HTMLAttributes<HTMLDivElement>, 'style
|
|
|
26
31
|
/**
|
|
27
32
|
* Click event handler for the close action.
|
|
28
33
|
*/
|
|
29
|
-
removeToast?: (
|
|
34
|
+
removeToast?: () => void;
|
|
30
35
|
/**
|
|
31
36
|
* Duration before the toast auto-closes (in milliseconds).
|
|
32
37
|
*/
|
package/dist/cjs/components/molecules/DatePicker/DatePickerBase/DatePickerBase.presenter.d.ts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { Instance } from 'flatpickr/dist/types/instance';
|
|
2
|
+
import DatePicker from 'react-flatpickr';
|
|
2
3
|
import { DatePickerBaseProps } from './DatePickerBase.types';
|
|
3
4
|
declare const usePresenter: (props: DatePickerBaseProps) => {
|
|
4
5
|
value: import("./DatePickerBase.types").DatePickerValue | undefined;
|
|
5
|
-
datePickerRef: import("react").RefObject<
|
|
6
|
+
datePickerRef: import("react").RefObject<DatePicker>;
|
|
6
7
|
disabled: boolean | undefined;
|
|
7
8
|
required: boolean | undefined;
|
|
8
9
|
mode: "range" | "single";
|
|
@@ -11,10 +12,22 @@ declare const usePresenter: (props: DatePickerBaseProps) => {
|
|
|
11
12
|
isTimePickerOnly: boolean | undefined;
|
|
12
13
|
customPlugin: import("flatpickr/dist/types/options").Plugin[];
|
|
13
14
|
handleKeyDown: (_selectedDates: Date[], _dateStr: string, instance: Instance, event: KeyboardEvent) => void;
|
|
15
|
+
onDateChange: (dates: Date[]) => void;
|
|
16
|
+
onCloseDatePicker: import("flatpickr/dist/types/options").Hook;
|
|
17
|
+
onOpenDatePicker: import("flatpickr/dist/types/options").Hook;
|
|
18
|
+
calendarVariantProps: {
|
|
19
|
+
'component-variant': string;
|
|
20
|
+
};
|
|
21
|
+
dayVariantProps: {
|
|
22
|
+
'component-variant': string;
|
|
23
|
+
};
|
|
24
|
+
isInDialog: boolean;
|
|
14
25
|
otherProps: {
|
|
15
26
|
initialValue?: import("./DatePickerBase.types").DatePickerValue | undefined;
|
|
16
27
|
checked?: boolean;
|
|
28
|
+
invalid?: boolean;
|
|
17
29
|
id?: string;
|
|
30
|
+
className?: string;
|
|
18
31
|
minDate?: string | Date;
|
|
19
32
|
maxDate?: string | Date;
|
|
20
33
|
defaultDate?: string | Date;
|
|
@@ -25,14 +38,5 @@ declare const usePresenter: (props: DatePickerBaseProps) => {
|
|
|
25
38
|
allowInput?: boolean;
|
|
26
39
|
renderInput?: ((props: Omit<import("react-flatpickr").DateTimePickerProps, "options" | "render">, ref: (node: HTMLInputElement | null) => void) => React.ReactElement) | undefined;
|
|
27
40
|
};
|
|
28
|
-
onDateChange: (dates: Date[]) => void;
|
|
29
|
-
onCloseDatePicker: import("flatpickr/dist/types/options").Hook;
|
|
30
|
-
onOpenDatePicker: import("flatpickr/dist/types/options").Hook;
|
|
31
|
-
calendarVariantProps: {
|
|
32
|
-
'component-variant': string;
|
|
33
|
-
};
|
|
34
|
-
dayVariantProps: {
|
|
35
|
-
'component-variant': string;
|
|
36
|
-
};
|
|
37
41
|
};
|
|
38
42
|
export default usePresenter;
|
package/dist/cjs/library.css
CHANGED
|
@@ -3186,6 +3186,9 @@ span.flatpickr-weekday {
|
|
|
3186
3186
|
.time-dropdown .dropdown-option:hover {
|
|
3187
3187
|
background-color: var(--date-picker-time-color--hover);
|
|
3188
3188
|
}
|
|
3189
|
+
.flatpickr-wrapper {
|
|
3190
|
+
width: 100%;
|
|
3191
|
+
}
|
|
3189
3192
|
.FormField-module_formField__vNu-s {
|
|
3190
3193
|
display: flex;
|
|
3191
3194
|
flex-direction: column;
|