@uxf/ui 1.0.0-beta.42 → 1.0.0-beta.43

package/form-control/form-control.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement, ReactNode } from "react";
-interface FormControlProps {
+import React, { ReactElement, ReactNode } from "react";
+export interface FormControlProps {
     children?: ReactElement;
     className?: string;
     errorId?: string;
@@ -9,5 +9,4 @@ interface FormControlProps {
     isRequired?: boolean;
     label?: ReactNode;
 }
-export declare function FormControl(props: FormControlProps): JSX.Element;
-export {};
+export declare const FormControl: React.ForwardRefExoticComponent<FormControlProps & React.RefAttributes<HTMLDivElement>>;

package/form-control/form-control.js

@@ -4,16 +4,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormControl = void 0;
+const classes_1 = require("@uxf/core/constants/classes");
+const cx_1 = require("@uxf/core/utils/cx");
 const react_1 = __importDefault(require("react"));
 const label_1 = require("../label");
-const cx_1 = require("@uxf/core/utils/cx");
-const classes_1 = require("@uxf/core/constants/classes");
+const forward_ref_1 = require("../utils/forward-ref");
 // TODO - tohle asi ještě nějak předělám (ten interface je trochu nelogickej)
-function FormControl(props) {
+exports.FormControl = (0, forward_ref_1.forwardRef)("FormControl", (props, ref) => {
     const helperTextClassName = (0, cx_1.cx)("uxf-helper-text", props.errorId && classes_1.CLASSES.IS_INVALID);
-    return (react_1.default.createElement("div", { className: props.className },
+    return (react_1.default.createElement("div", { className: props.className, ref: ref },
         react_1.default.createElement(label_1.Label, { isRequired: props.isRequired, htmlFor: props.inputId, form: props.form }, props.label),
         props.children,
         props.helperText && (react_1.default.createElement("div", { className: helperTextClassName, id: props.errorId }, props.helperText))));
-}
-exports.FormControl = FormControl;
+});

package/form-control/form-control.stories.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import { FormControl } from "./form-control";
+import React from "react";
 declare const _default: {
     title: string;
-    component: typeof FormControl;
+    component: React.ForwardRefExoticComponent<import("./form-control").FormControlProps & React.RefAttributes<HTMLDivElement>>;
     parameters: {
         actions: {
             argTypesRegex: string;

package/package.json

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