@uxf/ui 11.51.0 → 11.51.2

package/combobox/combobox.js

@@ -86,7 +86,7 @@ function Combobox(props) {
     const isNotInteractive = props.isDisabled || props.isReadOnly;
     return (react_3.default.createElement(react_2.Combobox, { as: "div", by: "id", className: (0, cx_1.cx)("uxf-form-component uxf-combobox", props.isInvalid && classes_1.CLASSES.IS_INVALID, props.isRequired && classes_1.CLASSES.IS_REQUIRED, props.isReadOnly && classes_1.CLASSES.IS_READONLY, props.isDisabled && classes_1.CLASSES.IS_DISABLED, props.className), "data-name": props.name, disabled: isNotInteractive, form: props.form, name: props.name, onChange: onChange, style: props.style, value: selectedOption }, (renderProps) => (react_3.default.createElement(react_3.default.Fragment, null,
         react_3.default.createElement("div", { className: "uxf-form-component__label" },
-            react_3.default.createElement(react_2.Combobox.Label, { as: label_1.Label, isHidden: props.hiddenLabel, onClick: isNotInteractive ? undefined : input.focus }, props.label)),
+            react_3.default.createElement(react_2.Combobox.Label, { as: label_1.Label, isHidden: props.hiddenLabel, isRequired: props.isRequired, onClick: isNotInteractive ? undefined : input.focus }, props.label)),
         react_3.default.createElement("div", { className: "uxf-form-component__input" },
             react_3.default.createElement(react_2.Combobox.Button, { "aria-describedby": errorId, "aria-invalid": props.isInvalid, as: input_1.Input, className: (0, cx_1.cx)("uxf-combobox__button", dropdown.placement === "bottom" && `${classes_1.CLASSES.IS_OPEN}--bottom`, dropdown.placement === "top" && `${classes_1.CLASSES.IS_OPEN}--top`, renderProps.open && classes_1.CLASSES.IS_OPEN), customInputElementDisplayName: react_2.Combobox.Input.displayName, inputFocus: input, inputGroupRef: stableRef, inputWrapperRef: props.inputWrapperRef, isDisabled: props.isDisabled, isFocused: renderProps.open, isInvalid: props.isInvalid, isReadOnly: props.isReadOnly, ref: props.inputRef, size: props.size, variant: props.variant },
                 props.leftAddon && react_3.default.createElement(input_1.Input.LeftAddon, null, props.leftAddon),

package/css/message.css

@@ -21,8 +21,6 @@
     }
 
     &--variant-centered {
-        --panel-max-w: 360px;
-
         .uxf-message__content-wrapper {
             align-items: center;
             display: flex;
@@ -49,8 +47,6 @@
     }
 
     &--variant-simple {
-        --panel-max-w: 320px;
-
         .uxf-message__content-wrapper {
             display: flex;
             flex-direction: column;

package/hooks/use-input-submit.d.ts

@@ -1,4 +1,4 @@
 import { RefObject } from "react";
 type SubmitResolverType = "checkbox" | "radio-group";
-export declare function useInputSubmit<T extends HTMLElement | null>(ref: RefObject<T>, type: SubmitResolverType, disabled: boolean | undefined): void;
+export declare function useInputSubmit<T extends HTMLElement>(ref: RefObject<T | null>, type: SubmitResolverType, disabled: boolean | undefined): void;
 export {};

package/message/message.d.ts

@@ -1,5 +1,6 @@
 import { MessageColor, MessageVariant } from "@uxf/ui/message/theme";
 import React, { ReactNode } from "react";
+import { DialogPanelWidth } from "../dialog";
 import { IconName } from "../icon/types";
 export interface MessageProps {
     CustomIconComponent?: ReactNode;
@@ -14,6 +15,7 @@ export interface MessageProps {
     onCancel?: () => void;
     title: string;
     variant?: MessageVariant;
+    width?: DialogPanelWidth;
 }
 export interface MessageRef {
     close: () => void;

package/message/message.js

@@ -26,13 +26,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Message = void 0;
 const cx_1 = require("@uxf/core/utils/cx");
 const react_1 = __importStar(require("react"));
-const dialog_1 = require("../dialog/dialog");
+const dialog_1 = require("../dialog");
+const dialog_2 = require("../dialog/dialog");
 const message_content_1 = require("./message-content");
-const getMessageContent = (newMessage, closeDialog) => (react_1.default.createElement(message_content_1.MessageContent, { CustomIconComponent: newMessage.CustomIconComponent, acceptLabel: newMessage.acceptLabel, cancelLabel: newMessage.cancelLabel, color: newMessage.color, description: newMessage.description, icon: newMessage.icon, onAccept: newMessage.onAccept, onCancel: newMessage.onCancel, onClose: closeDialog, title: newMessage.title, variant: newMessage.variant }, newMessage.children));
+const getMessageContent = (newMessage, closeDialog) => {
+    var _a;
+    return (react_1.default.createElement(dialog_1.DialogPanel, { width: (_a = newMessage.width) !== null && _a !== void 0 ? _a : (newMessage.variant === "centered" ? "sm" : "xs") },
+        react_1.default.createElement(message_content_1.MessageContent, { CustomIconComponent: newMessage.CustomIconComponent, acceptLabel: newMessage.acceptLabel, cancelLabel: newMessage.cancelLabel, color: newMessage.color, description: newMessage.description, icon: newMessage.icon, onAccept: newMessage.onAccept, onCancel: newMessage.onCancel, onClose: closeDialog, title: newMessage.title, variant: newMessage.variant }, newMessage.children)));
+};
 exports.Message = (0, react_1.forwardRef)((props, ref) => {
     var _a;
     const [content, setContent] = (0, react_1.useState)();
-    const { openDialog, DialogProvider, closeDialog } = (0, dialog_1.useDialog)({ isBackdropCloseDisabled: true });
+    const { openDialog, DialogProvider, closeDialog } = (0, dialog_2.useDialog)({ isBackdropCloseDisabled: true });
     const openMessage = (newMessage) => {
         openDialog(getMessageContent(newMessage, closeDialog));
         setContent(newMessage);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/ui",
-    "version": "11.51.0",
+    "version": "11.51.2",
     "description": "",
     "publishConfig": {
         "access": "public"
@@ -24,7 +24,7 @@
         "@floating-ui/react": "0.26.28",
         "@headlessui/react": "1.7.19",
         "@uxf/core": "11.51.0",
-        "@uxf/core-react": "11.51.0",
+        "@uxf/core-react": "11.51.2",
         "@uxf/datepicker": "11.50.0",
         "@uxf/styles": "11.51.0",
         "color2k": "2.0.3",