@uxf/ui 11.43.0 → 11.45.0

package/css/modal-header.css

@@ -30,6 +30,8 @@
     }
 
     &__text-wrapper {
+        align-items: center;
+        display: flex;
         flex-grow: 1;
         padding: theme("spacing.1");
     }

package/datetime-picker/datetime-picker.js

@@ -65,7 +65,7 @@ const DatetimePicker = (props) => {
     const [tmpDate, setTmpDate] = (0, react_1.useState)(props.value ? (0, dayjs_1.default)(props.value) : null);
     const onDatePickerChange = (0, react_1.useCallback)((value) => {
         let parsedValue = (0, dayjs_1.default)(value);
-        if (tmpDate) {
+        if (tmpDate === null || tmpDate === void 0 ? void 0 : tmpDate.isValid()) {
             parsedValue = tmpDate.date(parsedValue.date()).month(parsedValue.month()).year(parsedValue.year());
         }
         onChange(parsedValue.toISOString());

package/hooks/use-dropdown.d.ts

@@ -7,10 +7,10 @@ export declare function useDropdown(placement: Placement, matchWidth?: boolean,
     y: number;
     isPositioned: boolean;
     update: () => void;
-    floatingStyles: import("react").CSSProperties;
+    floatingStyles: React.CSSProperties;
     refs: {
         reference: import("react").MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
-        floating: import("react").MutableRefObject<HTMLElement | null>;
+        floating: React.MutableRefObject<HTMLElement | null>;
         setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
         setFloating: (node: HTMLElement | null) => void;
     } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
@@ -26,11 +26,11 @@ export declare function useDropdown(placement: Placement, matchWidth?: boolean,
         middlewareData: import("@floating-ui/core").MiddlewareData;
         isPositioned: boolean;
         update: () => void;
-        floatingStyles: import("react").CSSProperties;
+        floatingStyles: React.CSSProperties;
         open: boolean;
         onOpenChange: (open: boolean, event?: Event, reason?: import("@floating-ui/react").OpenChangeReason) => void;
         events: import("@floating-ui/react").FloatingEvents;
-        dataRef: import("react").MutableRefObject<import("@floating-ui/react").ContextData>;
+        dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
         nodeId: string | undefined;
         floatingId: string;
         refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;

package/icon/icon.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);

package/icon-button/icon-button.js

@@ -33,4 +33,4 @@ exports.IconButton = (0, react_1.forwardRef)((props, ref) => {
     return (react_1.default.createElement(button_1.Button, { className: `uxf-icon-button ${className !== null && className !== void 0 ? className : ""}`, ref: ref, ...buttonProps },
         react_1.default.createElement(icon_1.Icon, { "aria-label": label, name: iconName, size: iconSize })));
 });
-exports.IconButton.displayName = "IconButton";
+exports.IconButton.displayName = "UxfUiIconButton";

package/modal-header/modal-header.js

@@ -12,7 +12,7 @@ const react_1 = __importDefault(require("react"));
 const button_1 = require("../button");
 const icon_1 = require("../icon");
 function ModalHeader(props) {
-    return (react_1.default.createElement("header", { className: (0, cx_1.cx)("uxf-modal-header", props.onGoBack && "uxf-modal-header--has-go-back") },
+    return (react_1.default.createElement("header", { className: (0, cx_1.cx)("uxf-modal-header", props.onGoBack && "uxf-modal-header--has-go-back", props.className) },
         react_1.default.createElement(show_1.Show, { when: (0, is_not_nil_1.isNotNil)(props.onGoBack) },
             react_1.default.createElement(button_1.Button, { isIconButton: true, onClick: props.onGoBack, size: "sm", variant: "text" },
                 react_1.default.createElement(icon_1.Icon, { name: "angle-left" }))),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/ui",
-    "version": "11.43.0",
+    "version": "11.45.0",
     "description": "",
     "publishConfig": {
         "access": "public"
@@ -21,12 +21,12 @@
     },
     "license": "MIT",
     "dependencies": {
-        "@floating-ui/react": "0.26.23",
-        "@headlessui/react": "1.7.14",
-        "@uxf/core": "11.42.0",
-        "@uxf/core-react": "11.42.0",
-        "@uxf/datepicker": "11.32.0",
-        "@uxf/styles": "11.42.0",
+        "@floating-ui/react": "0.26.28",
+        "@headlessui/react": "1.7.19",
+        "@uxf/core": "11.45.0",
+        "@uxf/core-react": "11.45.0",
+        "@uxf/datepicker": "11.45.0",
+        "@uxf/styles": "11.45.0",
         "color2k": "2.0.3",
         "dayjs": "1.11.13",
         "jump.js": "1.0.2",

package/text-link/text-link.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);

package/tooltip/use-tooltip.d.ts

@@ -14,10 +14,10 @@ export declare function useTooltip(options: TooltipOptions): {
     y: number;
     isPositioned: boolean;
     update: () => void;
-    floatingStyles: import("react").CSSProperties;
+    floatingStyles: React.CSSProperties;
     refs: {
         reference: MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
-        floating: MutableRefObject<HTMLElement | null>;
+        floating: React.MutableRefObject<HTMLElement | null>;
         setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
         setFloating: (node: HTMLElement | null) => void;
     } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
@@ -33,19 +33,19 @@ export declare function useTooltip(options: TooltipOptions): {
         middlewareData: import("@floating-ui/core").MiddlewareData;
         isPositioned: boolean;
         update: () => void;
-        floatingStyles: import("react").CSSProperties;
+        floatingStyles: React.CSSProperties;
         open: boolean;
         onOpenChange: (open: boolean, event?: Event, reason?: import("@floating-ui/react").OpenChangeReason) => void;
         events: import("@floating-ui/react").FloatingEvents;
-        dataRef: MutableRefObject<import("@floating-ui/react").ContextData>;
+        dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
         nodeId: string | undefined;
         floatingId: string;
         refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
         elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
     };
-    getReferenceProps: (userProps?: import("react").HTMLProps<Element>) => Record<string, unknown>;
-    getFloatingProps: (userProps?: import("react").HTMLProps<HTMLElement>) => Record<string, unknown>;
-    getItemProps: (userProps?: Omit<import("react").HTMLProps<HTMLElement>, "selected" | "active"> & {
+    getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
+    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
         active?: boolean;
         selected?: boolean;
     }) => Record<string, unknown>;