@uxf/ui 1.0.0-beta.141 → 1.0.0-beta.143

package/flash-messages/flash-messages.d.ts

@@ -5,4 +5,4 @@ export interface FlashMessagesRef {
     closeAll: () => void;
     open: (notification: Notification) => void;
 }
-export declare const FlashMessages: React.ForwardRefExoticComponent<never>;
+export declare const FlashMessages: React.ForwardRefExoticComponent<React.RefAttributes<FlashMessagesRef>>;

package/flash-messages/flash-messages.js

@@ -26,8 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FlashMessages = void 0;
 const react_1 = __importStar(require("react"));
 const flash_message_1 = require("./flash-message");
-const forwardRef_1 = require("@uxf/core/utils/forwardRef");
-exports.FlashMessages = (0, forwardRef_1.forwardRef)("UxfUiFlashMessages", (props, ref) => {
+exports.FlashMessages = (0, react_1.forwardRef)((props, ref) => {
     const [notifications, setNotifications] = (0, react_1.useState)([]);
     const open = (0, react_1.useCallback)((notification) => setNotifications((prev) => [
         ...prev,
@@ -53,3 +52,4 @@ exports.FlashMessages = (0, forwardRef_1.forwardRef)("UxfUiFlashMessages", (prop
     return notifications.length > 0 ? (react_1.default.createElement("div", { className: "uxf-flash-messages" },
         react_1.default.createElement("div", { className: "uxf-flash-messages__list-wrapper", role: "list" }, notifications.map((notification) => (react_1.default.createElement(flash_message_1.FlashMessage, { key: `${notification.id}`, notification: notification, onClose: onClose(notification) })))))) : null;
 });
+exports.FlashMessages.displayName = "UxfUiFlashMessages";

package/flash-messages/flash-messages.stories.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 declare const _default: {
     title: string;
-    component: React.ForwardRefExoticComponent<never>;
+    component: React.ForwardRefExoticComponent<React.RefAttributes<import("./flash-messages").FlashMessagesRef>>;
 };
 export default _default;
 export declare function Default(): JSX.Element;

package/input/input-element.js

@@ -27,6 +27,7 @@ exports.InputElement = void 0;
 const react_1 = __importStar(require("react"));
 exports.InputElement = (0, react_1.forwardRef)((props, ref) => {
     const onChange = (event) => props.onChange(event.target.value, event);
-    return (react_1.default.createElement("input", { ...props, "aria-describedby": props["aria-describedby"], "aria-invalid": props.isInvalid, autoComplete: props.autoComplete, className: "uxf-input__element", disabled: props.isDisabled, form: props.form, id: props.id, inputMode: props.inputMode, max: props.max, maxLength: props.maxLength, min: props.min, minLength: props.minLength, onBlur: props.onBlur, onChange: onChange, onFocus: props.onFocus, onKeyDown: props.onKeyDown, pattern: props.pattern, placeholder: props.placeholder, readOnly: props.isReadOnly, ref: ref, step: props.step, tabIndex: props.isReadOnly ? -1 : undefined, type: props.type, value: props.value }));
+    const filteredProps = Object.fromEntries(Object.entries(props).filter((p) => p[0].startsWith("aria-") || p[0].startsWith("data-")));
+    return (react_1.default.createElement("input", { ...filteredProps, "aria-describedby": props["aria-describedby"], "aria-invalid": props.isInvalid, autoComplete: props.autoComplete, className: "uxf-input__element", disabled: props.isDisabled, form: props.form, id: props.id, inputMode: props.inputMode, max: props.max, maxLength: props.maxLength, min: props.min, minLength: props.minLength, onBlur: props.onBlur, onChange: onChange, onFocus: props.onFocus, onKeyDown: props.onKeyDown, pattern: props.pattern, placeholder: props.placeholder, readOnly: props.isReadOnly, ref: ref, step: props.step, tabIndex: props.isReadOnly ? -1 : undefined, type: props.type, value: props.value }));
 });
 exports.InputElement.displayName = "UxfUiInputElement";

package/modal/modal.d.ts

@@ -10,4 +10,4 @@ export interface ModalRef {
     close: () => void;
     open: (modal: ModalProps) => void;
 }
-export declare const Modal: React.ForwardRefExoticComponent<never>;
+export declare const Modal: React.ForwardRefExoticComponent<React.RefAttributes<ModalRef>>;

package/modal/modal.js

@@ -26,8 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Modal = void 0;
 const react_1 = __importStar(require("react"));
 const modal_dialog_1 = require("./modal-dialog");
-const forwardRef_1 = require("@uxf/core/utils/forwardRef");
-exports.Modal = (0, forwardRef_1.forwardRef)("UxfUiModal", (props, ref) => {
+exports.Modal = (0, react_1.forwardRef)((props, ref) => {
     const [modal, setModal] = (0, react_1.useState)();
     const open = (0, react_1.useCallback)((newModal) => setModal(newModal), []);
     const close = (0, react_1.useCallback)(() => setModal(null), []);
@@ -49,3 +48,4 @@ exports.Modal = (0, forwardRef_1.forwardRef)("UxfUiModal", (props, ref) => {
     }, []);
     return modal ? (react_1.default.createElement(modal_dialog_1.ModalDialog, { open: !!modal, onClose: onClose, width: modal.width, className: modal.className }, modal.children)) : null;
 });
+exports.Modal.displayName = "UxfUiModal";

package/modal/modal.stories.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 declare const _default: {
     title: string;
-    component: React.ForwardRefExoticComponent<never>;
+    component: React.ForwardRefExoticComponent<React.RefAttributes<import("./modal").ModalRef>>;
 };
 export default _default;
 export declare function Default(): JSX.Element;

package/package.json

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