@uxf/ui 10.0.0-beta.74 → 10.0.0-beta.76

package/date-picker/date-picker-content.d.ts

@@ -1,2 +1,5 @@
-import { FC, PropsWithChildren } from "react";
-export declare const DatePickerContent: FC<PropsWithChildren>;
+import { FC, PropsWithChildren, ReactNode } from "react";
+export interface DatePickerContentProps {
+    bottomContent?: ReactNode;
+}
+export declare const DatePickerContent: FC<PropsWithChildren<DatePickerContentProps>>;

package/date-picker/date-picker-content.js

@@ -49,7 +49,8 @@ const DatePickerContent = (props) => {
     }), [onMonthSelect, onYearSelect, onDecadeYearSelect, setViewMode, activeMonths]);
     return (react_1.default.createElement("div", { className: "uxf-date-picker" },
         props.children,
-        datePickerComponents[viewMode]));
+        datePickerComponents[viewMode],
+        props.bottomContent && react_1.default.createElement("div", { className: "uxf-date-picker__bottom-content" }, props.bottomContent)));
 };
 exports.DatePickerContent = DatePickerContent;
 exports.DatePickerContent.displayName = "UxfUiDatePickerContent";

package/date-picker/date-picker.d.ts

@@ -1,4 +1,4 @@
-import { FC } from "react";
+import { FC, ReactNode } from "react";
 import { OnDateChangeType } from "@uxf/datepicker/hooks/use-date-picker";
 export interface DatePickerProps {
     closePopoverHandler?: () => void;
@@ -8,5 +8,6 @@ export interface DatePickerProps {
     maxDate?: Date;
     preventScroll?: boolean;
     unavailableDates?: Date[];
+    bottomContent?: ReactNode;
 }
 export declare const DatePicker: FC<DatePickerProps>;

package/date-picker/date-picker.js

@@ -23,7 +23,7 @@ const DatePicker = (props) => {
         unavailableDates: props.unavailableDates,
     });
     return (react_1.default.createElement(date_picker_context_1.DatePickerContext.Provider, { value: datePickerProps },
-        react_1.default.createElement(date_picker_content_1.DatePickerContent, null)));
+        react_1.default.createElement(date_picker_content_1.DatePickerContent, { bottomContent: props.bottomContent })));
 };
 exports.DatePicker = DatePicker;
 exports.DatePicker.displayName = "UxfUiDatePicker";

package/date-picker-input/date-picker-input.d.ts

@@ -9,5 +9,6 @@ export interface DatePickerInputProps extends Omit<InputWithPopoverProps<string
     minDate?: string;
     maxDate?: string;
     unavailableDates?: Date[];
+    bottomContent?: ReactNode;
 }
 export declare const DatePickerInput: React.ForwardRefExoticComponent<DatePickerInputProps & React.RefAttributes<HTMLInputElement>>;

package/date-picker-input/date-picker-input.js

@@ -80,6 +80,6 @@ exports.DatePickerInput = (0, react_1.forwardRef)((props, ref) => {
     const selectedDate = getSelectedDate(props.value);
     const parsedMinDate = getBoundaryDate(props.minDate);
     const parsedMaxDate = getBoundaryDate(props.maxDate);
-    return (react_1.default.createElement(_input_with_popover_1._InputWithPopover, { ...props, className: className, onChange: onInputChange, placeholder: (_a = props.placeholder) !== null && _a !== void 0 ? _a : (0, dayjs_1.default)().format(exports.DISPLAY_DATE_FORMAT), ref: ref, value: value, triggerElement: (_b = props.triggerElement) !== null && _b !== void 0 ? _b : react_1.default.createElement(icon_1.Icon, { name: "calendar", size: 20 }) }, ({ close }) => (react_1.default.createElement(date_picker_1.DatePicker, { minDate: parsedMinDate, maxDate: parsedMaxDate, closePopoverHandler: close, onChange: onDatePickerChange, preventScroll: true, selectedDate: selectedDate, unavailableDates: props.unavailableDates }))));
+    return (react_1.default.createElement(_input_with_popover_1._InputWithPopover, { ...props, className: className, onChange: onInputChange, placeholder: (_a = props.placeholder) !== null && _a !== void 0 ? _a : (0, dayjs_1.default)().format(exports.DISPLAY_DATE_FORMAT), ref: ref, value: value, triggerElement: (_b = props.triggerElement) !== null && _b !== void 0 ? _b : react_1.default.createElement(icon_1.Icon, { name: "calendar", size: 20 }) }, ({ close }) => (react_1.default.createElement(date_picker_1.DatePicker, { minDate: parsedMinDate, maxDate: parsedMaxDate, closePopoverHandler: close, onChange: onDatePickerChange, preventScroll: true, selectedDate: selectedDate, unavailableDates: props.unavailableDates, bottomContent: props.bottomContent }))));
 });
 exports.DatePickerInput.displayName = "UxfUiDatePickerInput";

package/date-range-picker/date-range-picker-content.d.ts

@@ -1,2 +1,5 @@
-import { FC, PropsWithChildren } from "react";
-export declare const DateRangePickerContent: FC<PropsWithChildren>;
+import { FC, PropsWithChildren, ReactNode } from "react";
+export interface DateRangePickerContentProps {
+    bottomContent?: ReactNode;
+}
+export declare const DateRangePickerContent: FC<PropsWithChildren<DateRangePickerContentProps>>;

package/date-range-picker/date-range-picker-content.js

@@ -49,7 +49,8 @@ const DateRangePickerContent = (props) => {
     }), [onMonthSelect, onYearSelect, onDecadeYearSelect, setViewMode, activeMonths]);
     return (react_1.default.createElement("div", { className: `uxf-date-range-picker ${activeMonths.length > 1 ? "uxf-date-range-picker--multi-month" : ""}` },
         props.children,
-        datePickerComponents[viewMode]));
+        datePickerComponents[viewMode],
+        props.bottomContent && react_1.default.createElement("div", { className: "uxf-date-range-picker__bottom-content" }, props.bottomContent)));
 };
 exports.DateRangePickerContent = DateRangePickerContent;
 exports.DateRangePickerContent.displayName = "UxfUiDateRangePickerContent";

package/date-range-picker/date-range-picker.d.ts

@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren } from "react";
+import { FC, PropsWithChildren, ReactNode } from "react";
 import { DateRangePickerValueType } from "./types";
 export interface DateRangePickerProps {
     closePopoverHandler: () => void;
@@ -6,5 +6,6 @@ export interface DateRangePickerProps {
     onChange: (data: DateRangePickerValueType) => void;
     selectedDates: DateRangePickerValueType;
     unavailableDates?: Date[];
+    bottomContent?: ReactNode;
 }
 export declare const DateRangePicker: FC<PropsWithChildren<DateRangePickerProps>>;

package/date-range-picker/date-range-picker.js

@@ -45,7 +45,7 @@ const DateRangePicker = (props) => {
         unavailableDates: props.unavailableDates,
     });
     return (react_1.default.createElement(date_range_picker_context_1.DateRangePickerContext.Provider, { value: dateRangePickerProps },
-        react_1.default.createElement(date_range_picker_content_1.DateRangePickerContent, null)));
+        react_1.default.createElement(date_range_picker_content_1.DateRangePickerContent, { bottomContent: props.bottomContent })));
 };
 exports.DateRangePicker = DateRangePicker;
 exports.DateRangePicker.displayName = "UxfUiDatePicker";

package/date-range-picker-input/date-range-picker-input.d.ts

@@ -12,5 +12,6 @@ export interface DateRangePickerInputProps extends Omit<InputWithPopoverProps<st
     placeholder?: string;
     triggerElement?: ReactNode;
     unavailableDates?: Date[];
+    bottomContent?: ReactNode;
 }
 export declare const DateRangePickerInput: React.ForwardRefExoticComponent<DateRangePickerInputProps & React.RefAttributes<HTMLInputElement>>;

package/date-range-picker-input/date-range-picker-input.js

@@ -57,6 +57,6 @@ exports.DateRangePickerInput = (0, react_1.forwardRef)((props, ref) => {
     const selectedDates = props.value
         ? { from: parsedFrom.isValid() ? parsedFrom.toDate() : null, to: parsedTo.isValid() ? parsedTo.toDate() : null }
         : null;
-    return (react_1.default.createElement(_input_with_popover_1._InputWithPopover, { ...restProps, placeholder: props.placeholder || "Vyberte datum...", ref: ref, triggerElement: (_a = props.triggerElement) !== null && _a !== void 0 ? _a : react_1.default.createElement(icon_1.Icon, { name: "calendar", size: 20 }), value: (_b = props.value) !== null && _b !== void 0 ? _b : "" }, ({ close }) => (react_1.default.createElement(date_range_picker_1.DateRangePicker, { closePopoverHandler: close, numberOfMonths: numberOfMonths, onChange: onDatePickerChange, selectedDates: selectedDates, unavailableDates: props.unavailableDates }))));
+    return (react_1.default.createElement(_input_with_popover_1._InputWithPopover, { ...restProps, placeholder: props.placeholder || "Vyberte datum...", ref: ref, triggerElement: (_a = props.triggerElement) !== null && _a !== void 0 ? _a : react_1.default.createElement(icon_1.Icon, { name: "calendar", size: 20 }), value: (_b = props.value) !== null && _b !== void 0 ? _b : "" }, ({ close }) => (react_1.default.createElement(date_range_picker_1.DateRangePicker, { bottomContent: props.bottomContent, closePopoverHandler: close, numberOfMonths: numberOfMonths, onChange: onDatePickerChange, selectedDates: selectedDates, unavailableDates: props.unavailableDates }))));
 });
 exports.DateRangePickerInput.displayName = "UxfUiDatePickerInput";

package/datetime-picker/datetime-picker.d.ts

@@ -1,5 +1,5 @@
 import { Dayjs } from "dayjs";
-import { FC } from "react";
+import { FC, ReactNode } from "react";
 import { InputWithPopoverProps } from "../_input-with-popover";
 export declare const OUTPUT_DATETIME_FORMAT = "YYYY-MM-DDTHH:mm:ss.SSSZ";
 export declare function getStrictParsedDatetime(date: string | null): Dayjs;
@@ -10,5 +10,6 @@ export interface DatetimePickerProps {
     minDate?: Date;
     maxDate?: Date;
     unavailableDates?: Date[];
+    bottomContent?: ReactNode;
 }
 export declare const DatetimePicker: FC<DatetimePickerProps>;

package/datetime-picker/datetime-picker.js

@@ -87,7 +87,7 @@ const DatetimePicker = (props) => {
                 react_1.default.createElement("button", { className: (0, cx_1.cx)("uxf-tabs__tab uxf-tabs__tab--segmented uxf-datetime-picker__tab", selectedTab === "date" && classes_1.CLASSES.IS_ACTIVE), onClick: () => setSelectedTab("date") }, "Datum"),
                 react_1.default.createElement("button", { className: (0, cx_1.cx)("uxf-tabs__tab uxf-tabs__tab--segmented uxf-datetime-picker__tab", selectedTab === "time" && classes_1.CLASSES.IS_ACTIVE), onClick: () => setSelectedTab("time") }, "\u010Cas"))),
         react_1.default.createElement("div", { className: "uxf-tabs__panels" },
-            selectedTab === "date" && (react_1.default.createElement(date_picker_1.DatePicker, { maxDate: props.maxDate, minDate: props.minDate, onChange: onDatePickerChange, preventScroll: true, selectedDate: selectedDate, unavailableDates: props.unavailableDates })),
+            selectedTab === "date" && (react_1.default.createElement(date_picker_1.DatePicker, { maxDate: props.maxDate, minDate: props.minDate, onChange: onDatePickerChange, preventScroll: true, selectedDate: selectedDate, unavailableDates: props.unavailableDates, bottomContent: props.bottomContent })),
             selectedTab === "time" && react_1.default.createElement(time_picker_1.TimePicker, { onChange: onTimePickerChange, selectedTime: selectedTime }))));
 };
 exports.DatetimePicker = DatetimePicker;

package/datetime-picker-input/datetime-picker-input.d.ts

@@ -9,5 +9,6 @@ export interface DatetimePickerInputProps extends Omit<InputWithPopoverProps<str
     minDate?: string;
     maxDate?: string;
     unavailableDates?: Date[];
+    bottomContent?: ReactNode;
 }
 export declare const DatetimePickerInput: React.ForwardRefExoticComponent<DatetimePickerInputProps & React.RefAttributes<HTMLInputElement>>;

package/datetime-picker-input/datetime-picker-input.js

@@ -78,6 +78,6 @@ exports.DatetimePickerInput = (0, react_1.forwardRef)((props, ref) => {
     const parsedMinDate = getBoundaryDate(props.minDate);
     const parsedMaxDate = getBoundaryDate(props.maxDate);
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(_input_with_popover_1._InputWithPopover, { ...props, className: className, onChange: onInputChange, placeholder: (_a = props.placeholder) !== null && _a !== void 0 ? _a : (0, dayjs_1.default)().format(exports.DISPLAY_DATETIME_FORMAT), ref: ref, value: value, triggerElement: (_b = props.triggerElement) !== null && _b !== void 0 ? _b : react_1.default.createElement(icon_1.Icon, { name: "calendar", size: 20 }) }, ({ close }) => (react_1.default.createElement(datetime_picker_1.DatetimePicker, { minDate: parsedMinDate, maxDate: parsedMaxDate, closePopoverHandler: close, onChange: onChange, value: props.value, unavailableDates: props.unavailableDates })))));
+        react_1.default.createElement(_input_with_popover_1._InputWithPopover, { ...props, className: className, onChange: onInputChange, placeholder: (_a = props.placeholder) !== null && _a !== void 0 ? _a : (0, dayjs_1.default)().format(exports.DISPLAY_DATETIME_FORMAT), ref: ref, value: value, triggerElement: (_b = props.triggerElement) !== null && _b !== void 0 ? _b : react_1.default.createElement(icon_1.Icon, { name: "calendar", size: 20 }) }, ({ close }) => (react_1.default.createElement(datetime_picker_1.DatetimePicker, { minDate: parsedMinDate, maxDate: parsedMaxDate, bottomContent: props.bottomContent, closePopoverHandler: close, onChange: onChange, value: props.value, unavailableDates: props.unavailableDates })))));
 });
 exports.DatetimePickerInput.displayName = "UxfUiDatePickerInput";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/ui",
-  "version": "10.0.0-beta.74",
+  "version": "10.0.0-beta.76",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -28,6 +28,6 @@
     "@types/jump.js": "1.0.4",
     "@types/react": "18.2.6",
     "@types/react-dom": "18.2.6",
-    "@uxf/icons-generator": "10.0.0-beta.19"
+    "@uxf/icons-generator": "10.0.0-beta.76"
   }
 }