@uxf/ui 10.8.2 → 10.10.0

package/alert-bubble/alert-bubble.d.ts

@@ -1,8 +1,10 @@
 import { FC } from "react";
+import { IconName } from "../icon/types";
 import { AlertBubbleColor, AlertBubbleSize } from "./theme";
 export interface AlertBubbleProps {
     className?: string;
     color?: AlertBubbleColor;
+    icon?: IconName;
     size?: AlertBubbleSize;
 }
 export declare const AlertBubble: FC<AlertBubbleProps>;

package/alert-bubble/alert-bubble.js

@@ -14,9 +14,9 @@ const ICON = {
     success: "check",
 };
 const AlertBubble = (props) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     return (react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-alert-bubble", `uxf-alert-bubble--color-${(_a = props.color) !== null && _a !== void 0 ? _a : "default"}`, `uxf-alert-bubble--size-${(_b = props.size) !== null && _b !== void 0 ? _b : "default"}`, props.className) },
-        react_1.default.createElement(icon_1.Icon, { className: "uxf-alert-bubble__icon", name: ICON[(_c = props.color) !== null && _c !== void 0 ? _c : "default"] })));
+        react_1.default.createElement(icon_1.Icon, { className: "uxf-alert-bubble__icon", name: (_c = props.icon) !== null && _c !== void 0 ? _c : ICON[(_d = props.color) !== null && _d !== void 0 ? _d : "default"] })));
 };
 exports.AlertBubble = AlertBubble;
 exports.AlertBubble.displayName = "UxfUiAlertBubble";

package/message/message-content.d.ts

@@ -1,4 +1,5 @@
 import { FC, ReactNode } from "react";
+import { IconName } from "../icon/types";
 import { MessageColor, MessageVariant } from "./theme";
 export interface ConfirmProps {
     CustomIconComponent?: ReactNode;
@@ -8,6 +9,7 @@ export interface ConfirmProps {
     className?: string;
     color: MessageColor;
     description?: string;
+    icon?: IconName;
     onAccept?: () => void;
     onCancel?: () => void;
     onClose: () => void;

package/message/message-content.js

@@ -28,7 +28,7 @@ const MessageContent = (props) => {
     const isCentered = props.variant === "centered";
     return (react_1.default.createElement("div", { className: `uxf-message__content ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}` },
         react_1.default.createElement("div", { className: "uxf-message__content-wrapper" },
-            props.CustomIconComponent !== null ? (react_1.default.createElement("div", { className: "uxf-message__icon-wrapper" }, (_b = props.CustomIconComponent) !== null && _b !== void 0 ? _b : (react_1.default.createElement(alert_bubble_1.AlertBubble, { className: "uxf-message__alert-bubble", color: props.color, size: isCentered ? "default" : "xs" })))) : null,
+            props.CustomIconComponent !== null ? (react_1.default.createElement("div", { className: "uxf-message__icon-wrapper" }, (_b = props.CustomIconComponent) !== null && _b !== void 0 ? _b : (react_1.default.createElement(alert_bubble_1.AlertBubble, { className: "uxf-message__alert-bubble", color: props.color, icon: props.icon, size: isCentered ? "default" : "xs" })))) : null,
             react_1.default.createElement("div", { className: "uxf-message__text-content" },
                 react_1.default.createElement("h2", { className: "uxf-message__title" }, props.title),
                 react_1.default.createElement("p", { className: "uxf-message__description" }, props.description)),

package/message/message.d.ts

@@ -1,17 +1,19 @@
 import React, { ReactNode } from "react";
+import { IconName } from "../icon/types";
 import { MessageColor, MessageVariant } from "./theme";
 export interface MessageProps {
     CustomIconComponent?: ReactNode;
+    acceptLabel?: string;
+    cancelLabel: string;
     children?: ReactNode;
     className?: string;
-    onCancel?: () => void;
+    color: MessageColor;
+    description?: string;
+    icon?: IconName;
     onAccept?: () => void;
+    onCancel?: () => void;
     title: string;
-    description?: string;
-    acceptLabel?: string;
-    cancelLabel: string;
     variant?: MessageVariant;
-    color: MessageColor;
 }
 export interface MessageRef {
     close: () => void;

package/message/message.js

@@ -42,6 +42,6 @@ exports.Message = (0, react_1.forwardRef)((props, ref) => {
         message: innerRef.current.message,
     }), []);
     return content ? (react_1.default.createElement(dialog_1.Dialog, { className: (0, cx_1.cx)("uxf-message", `uxf-message--variant-${(_a = content.variant) !== null && _a !== void 0 ? _a : "simple"}`, `uxf-message--color-${content.color}`, content.className), disableBackdropClose: true, onClose: close, open: !!content },
-        react_1.default.createElement(message_content_1.MessageContent, { CustomIconComponent: content.CustomIconComponent, acceptLabel: content.acceptLabel, cancelLabel: content.cancelLabel, color: content.color, description: content.description, onAccept: content.onAccept, onCancel: content.onCancel, onClose: close, title: content.title, variant: content.variant }, content.children))) : null;
+        react_1.default.createElement(message_content_1.MessageContent, { CustomIconComponent: content.CustomIconComponent, acceptLabel: content.acceptLabel, cancelLabel: content.cancelLabel, color: content.color, description: content.description, icon: content.icon, onAccept: content.onAccept, onCancel: content.onCancel, onClose: close, title: content.title, variant: content.variant }, content.children))) : null;
 });
 exports.Message.displayName = "UxfUiMessage";

package/multi-combobox/_multi-combobox-base.js

@@ -53,7 +53,7 @@ function handleInputKeyDownRecursion(selectedOptions, onRemove) {
     }
 }
 const OptionElement = (props) => {
-    return (react_3.default.createElement(react_2.Combobox.Option, { className: (optionState) => (0, cx_1.cx)("uxf-dropdown__item", optionState.active && props.withoutPopover && classes_1.CLASSES.IS_ACTIVE, optionState.disabled && classes_1.CLASSES.IS_DISABLED, optionState.selected && classes_1.CLASSES.IS_SELECTED), value: props.option }, (optionState) => (react_3.default.createElement(react_3.default.Fragment, null, props.withCheckboxes ? (react_3.default.createElement(checkbox_input_1.CheckboxInput, { isDisabled: optionState.disabled, isFocused: optionState.active, label: props.label, onChange: props.handleCheckboxChange, value: optionState.selected })) : (props.label)))));
+    return (react_3.default.createElement(react_2.Combobox.Option, { className: (optionState) => (0, cx_1.cx)("uxf-dropdown__item", optionState.active && props.withoutPopover && classes_1.CLASSES.IS_ACTIVE, optionState.disabled && classes_1.CLASSES.IS_DISABLED, optionState.selected && classes_1.CLASSES.IS_SELECTED), disabled: props.option.disabled, value: props.option }, (optionState) => (react_3.default.createElement(react_3.default.Fragment, null, props.withCheckboxes ? (react_3.default.createElement(checkbox_input_1.CheckboxInput, { isDisabled: optionState.disabled, isFocused: optionState.active, label: props.label, onChange: props.handleCheckboxChange, value: optionState.selected })) : (props.label)))));
 };
 OptionElement.displayName = "UxfUiMultiComboboxOption";
 exports._MultiComboboxBase = (0, react_3.forwardRef)((props, ref) => {
@@ -109,8 +109,9 @@ exports._MultiComboboxBase = (0, react_3.forwardRef)((props, ref) => {
             : (_g = props.notFoundMessage) !== null && _g !== void 0 ? _g : "Nic nenalezeno";
     const withoutPopover = !props.withPopover;
     const onBlur = (e) => {
+        /* TODO: refactor component to enable this */
+        // setQuery("");
         var _a;
-        setQuery("");
         (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
     };
     return (react_3.default.createElement(react_2.Combobox, { as: "div", by: "id", className: (0, cx_1.cx)(withoutPopover && "uxf-form-component", "uxf-multi-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), disabled: props.isDisabled || props.isReadOnly, multiple: true, onChange: handleComboboxValueChange, value: selectedOptions }, (renderProps) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/ui",
-  "version": "10.8.2",
+  "version": "10.10.0",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -17,9 +17,9 @@
   "dependencies": {
     "@floating-ui/react": "0.26.0",
     "@headlessui/react": "1.7.14",
-    "@uxf/core": "10.4.0",
+    "@uxf/core": "10.10.0",
     "@uxf/datepicker": "10.8.0",
-    "@uxf/styles": "10.4.0",
+    "@uxf/styles": "10.10.0",
     "color2k": "2.0.2",
     "dayjs": "1.11.10",
     "jump.js": "1.0.2",