@uxf/ui 1.0.0-beta.147 → 1.0.0-beta.148

package/button-list/button-list.js

@@ -28,7 +28,7 @@ const ButtonList = (props) => {
     const restButtons = props.buttons.slice(props.visibleButtonsCount, props.buttons.length);
     const openButtonIcon = ((_a = props.openButton) === null || _a === void 0 ? void 0 : _a.icon) === null ? null : (_c = (_b = props.openButton) === null || _b === void 0 ? void 0 : _b.icon) !== null && _c !== void 0 ? _c : "ellipsis-vertical";
     const openButtonLabel = (_e = (_d = props.openButton) === null || _d === void 0 ? void 0 : _d.label) !== null && _e !== void 0 ? _e : null;
-    const dropdown = (0, use_dropdown_1.useDropdown)((_f = props.menuPlacement) !== null && _f !== void 0 ? _f : "bottom-start");
+    const dropdown = (0, use_dropdown_1.useDropdown)((_f = props.menuPlacement) !== null && _f !== void 0 ? _f : "bottom-start", false, "fixed");
     return (react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-button-list", props.className) },
         buttonsToRender.map((button, index) => {
             var _a, _b, _c;

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { InputWithPopoverProps } from "../_input-with-popover";
 export interface DatePickerInputProps extends Omit<InputWithPopoverProps<Date | null>, "children" | "placeholder"> {
-    placeholder?: Date;
+    placeholder?: string;
 }
 export declare const DatePickerInput: React.ForwardRefExoticComponent<DatePickerInputProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -31,5 +31,5 @@ const dayjs_1 = __importDefault(require("dayjs"));
 const react_1 = __importStar(require("react"));
 const date_picker_provider_1 = require("./date-picker-provider");
 const _input_with_popover_1 = require("../_input-with-popover");
-exports.DatePickerInput = (0, react_1.forwardRef)((props, ref) => (react_1.default.createElement(_input_with_popover_1._InputWithPopover, { ...props, onChange: props.onChange, placeholder: props.placeholder ? (0, dayjs_1.default)(props.placeholder).format("l") : "Vyberte datum...", ref: ref, value: props.value ? (0, dayjs_1.default)(props.value).format("l") : "" }, ({ close }) => (react_1.default.createElement(date_picker_provider_1.DatePickerProvider, { closePopoverHandler: close, onChange: props.onChange, selectedDate: props.value })))));
+exports.DatePickerInput = (0, react_1.forwardRef)((props, ref) => (react_1.default.createElement(_input_with_popover_1._InputWithPopover, { ...props, onChange: props.onChange, placeholder: props.placeholder || "Vyberte datum...", ref: ref, value: props.value ? (0, dayjs_1.default)(props.value).format("l") : "" }, ({ close }) => (react_1.default.createElement(date_picker_provider_1.DatePickerProvider, { closePopoverHandler: close, onChange: props.onChange, selectedDate: props.value })))));
 exports.DatePickerInput.displayName = "UxfUiDatePickerInput";

package/hooks/use-dropdown.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { Placement } from "@floating-ui/react";
-export declare function useDropdown(placement: Placement, matchWidth?: boolean): {
+import { Placement, Strategy } from "@floating-ui/react";
+export declare function useDropdown(placement: Placement, matchWidth?: boolean, floatingStrategy?: Strategy): {
     placement: Placement;
-    strategy: import("@floating-ui/react").Strategy;
+    strategy: Strategy;
     middlewareData: import("@floating-ui/react").MiddlewareData;
     x: number | null;
     y: number | null;
@@ -14,7 +14,7 @@ export declare function useDropdown(placement: Placement, matchWidth?: boolean):
         x: number | null;
         y: number | null;
         placement: Placement;
-        strategy: import("@floating-ui/react").Strategy;
+        strategy: Strategy;
         middlewareData: import("@floating-ui/react").MiddlewareData;
         update: () => void;
         reference: (node: import("@floating-ui/react").ReferenceType | null) => void;

package/hooks/use-dropdown.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDropdown = void 0;
 const react_1 = require("@floating-ui/react");
-function useDropdown(placement, matchWidth = false) {
+function useDropdown(placement, matchWidth = false, floatingStrategy = "absolute") {
     return (0, react_1.useFloating)({
         placement,
         middleware: [
@@ -22,6 +22,7 @@ function useDropdown(placement, matchWidth = false) {
                 },
             }),
         ],
+        strategy: floatingStrategy,
         whileElementsMounted: (reference, floating, update) => (0, react_1.autoUpdate)(reference, floating, update, {
             elementResize: typeof ResizeObserver !== "undefined",
         }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/ui",
-  "version": "1.0.0-beta.147",
+  "version": "1.0.0-beta.148",
   "description": "",
   "publishConfig": {
     "access": "public"

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

@@ -2,6 +2,6 @@ import { TimeType } from "@uxf/datepicker/hooks/use-time-picker";
 import React from "react";
 import { InputWithPopoverProps } from "../_input-with-popover";
 export interface TimePickerInputProps extends Omit<InputWithPopoverProps<TimeType | null>, "children" | "placeholder"> {
-    placeholder?: TimeType;
+    placeholder?: string;
 }
 export declare const TimePickerInput: React.ForwardRefExoticComponent<TimePickerInputProps & React.RefAttributes<HTMLInputElement>>;

package/time-picker-input/time-picker-input.js

@@ -30,7 +30,7 @@ const _input_with_popover_1 = require("../_input-with-popover");
 function formatTime(value) {
     return `${value.hour}:${value.minute < 10 ? "0" + value.minute : value.minute}`;
 }
-exports.TimePickerInput = (0, react_1.forwardRef)((props, ref) => (react_1.default.createElement(_input_with_popover_1._InputWithPopover, { ...props, onChange: props.onChange, placeholder: props.placeholder ? formatTime(props.placeholder) : "Vyberte čas...", ref: ref, value: props.value ? formatTime(props.value) : "" }, ({ close }) => {
+exports.TimePickerInput = (0, react_1.forwardRef)((props, ref) => (react_1.default.createElement(_input_with_popover_1._InputWithPopover, { ...props, onChange: props.onChange, placeholder: props.placeholder || "Vyberte čas...", ref: ref, value: props.value ? formatTime(props.value) : "" }, ({ close }) => {
     var _a;
     return (react_1.default.createElement(time_picker_1.TimePicker, { closePopoverHandler: close, onChange: props.onChange, selectedTime: (_a = props.value) !== null && _a !== void 0 ? _a : null }));
 })));