@bodynarf/react.components 1.12.5 → 1.13.0

package/components/primitives/date/component/index.js

@@ -1,31 +1,31 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from "react";
-import { generateGuid, getClassName, isNullOrUndefined, isStringEmpty } from "@bodynarf/utils";
-import { ElementSize } from "../../../../types";
-import { getStyleClassName, mapDataAttributes } from "../../../../utils";
-import ComponentWithLabel from "../../internal/componentWithLabel";
-import InternalHint from "../../internal/hint";
-import "./style.scss";
-/** Date input component */
-const DatePicker = ({ defaultValue, onValueChange, validationState, name = generateGuid(), style, size = ElementSize.Normal, readonly = false, disabled = false, rounded = false, loading = false, autoFocus = false, label, onBlur, className, title, data, hint, }) => {
-    const onChange = useCallback((event) => onValueChange(isStringEmpty(event.target.value)
-        ? undefined
-        : new Date(event.target.value)), [onValueChange]);
-    const elClassName = getClassName([
-        className,
-        size === ElementSize.Normal ? "" : `is-${size}`,
-        getStyleClassName(style, validationState),
-        rounded ? "is-rounded" : "",
-        "input",
-    ]);
-    const inputContainerClassName = getClassName([
-        "control",
-        loading ? "is-loading" : "",
-    ]);
-    const stringifiedDefValue = defaultValue?.toISOString().split("T")[0];
-    const dataAttributes = isNullOrUndefined(data)
-        ? undefined
-        : mapDataAttributes(data);
-    return (_jsxs(ComponentWithLabel, { id: name, size: size, label: label, children: [_jsx("div", { className: inputContainerClassName, children: _jsx("input", { type: "date", id: name, name: name, onBlur: onBlur, readOnly: readonly, disabled: disabled, onChange: onChange, className: elClassName, defaultValue: stringifiedDefValue, autoFocus: autoFocus, title: title, ...dataAttributes }) }), _jsx(InternalHint, { hint: hint, validationState: validationState })] }));
-};
-export default DatePicker;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { emptyFn, generateGuid, getClassName, isNullOrUndefined, isStringEmpty } from "@bodynarf/utils";
+import { ElementSize } from "../../../../types";
+import { getStyleClassName, mapDataAttributes } from "../../../../utils";
+import ComponentWithLabel from "../../internal/componentWithLabel";
+import InternalHint from "../../internal/hint";
+import "./style.scss";
+/** Date input component */
+const DatePicker = ({ defaultValue, onValueChange = emptyFn, validationState, name = generateGuid(), style, size = ElementSize.Normal, readonly = false, disabled = false, rounded = false, loading = false, autoFocus = false, label, onBlur, className, title, data, hint, }) => {
+    const onChange = useCallback((event) => onValueChange(isStringEmpty(event.target.value)
+        ? undefined
+        : new Date(event.target.value)), [onValueChange]);
+    const elClassName = getClassName([
+        className,
+        size === ElementSize.Normal ? "" : `is-${size}`,
+        getStyleClassName(style, validationState),
+        rounded ? "is-rounded" : "",
+        "input",
+    ]);
+    const inputContainerClassName = getClassName([
+        "control",
+        loading ? "is-loading" : "",
+    ]);
+    const stringifiedDefValue = defaultValue?.toISOString().split("T")[0];
+    const dataAttributes = isNullOrUndefined(data)
+        ? undefined
+        : mapDataAttributes(data);
+    return (_jsxs(ComponentWithLabel, { id: name, size: size, label: label, children: [_jsx("div", { className: inputContainerClassName, children: _jsx("input", { type: "date", id: name, name: name, onBlur: onBlur, readOnly: readonly, disabled: disabled, onChange: onChange, className: elClassName, defaultValue: stringifiedDefValue, autoFocus: autoFocus, title: title, ...dataAttributes }) }), _jsx(InternalHint, { hint: hint, validationState: validationState })] }));
+};
+export default DatePicker;

package/components/primitives/date/index.d.ts

@@ -1,3 +1,3 @@
-export { default } from "./component";
-export * from "./types";
+export { default } from "./component";
+export * from "./types";
 //# sourceMappingURL=index.d.ts.map

package/components/primitives/date/index.js

@@ -1,2 +1,2 @@
-export { default } from "./component";
-export * from "./types";
+export { default } from "./component";
+export * from "./types";

package/components/primitives/date/types.d.ts

@@ -1,9 +1,4 @@
-import { BaseInputElementProps, LabelConfiguration } from "../../../types";
-/** Date input component props type */
-export interface DateProps extends Omit<BaseInputElementProps<Date | undefined>, "placeholder" | "label"> {
-    /** Label configuration */
-    label: LabelConfiguration;
-    /** Focus out event handler */
-    onBlur?: () => void;
-}
+import { BaseInputElementProps, BaseNullableInputElementProps, BlurableElement } from "../../../types";
+/** Date input component props type */
+export type DateProps = Omit<BaseNullableInputElementProps<Date>, "placeholder" | "label"> & BlurableElement & Required<Pick<BaseInputElementProps<unknown>, "label">>;
 //# sourceMappingURL=types.d.ts.map

package/components/primitives/date/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/date/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEvE,sCAAsC;AACtC,MAAM,WAAW,SAAU,SAAQ,IAAI,CACnC,qBAAqB,CAAC,IAAI,GAAG,SAAS,CAAC,EACvC,aAAa,GAAG,OAAO,CAC1B;IACG,0BAA0B;IAC1B,KAAK,EAAE,kBAAkB,CAAC;IAE1B,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/date/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,6BAA6B,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAEnG,sCAAsC;AACtC,MAAM,MAAM,SAAS,GAAG,IAAI,CACxB,6BAA6B,CAAC,IAAI,CAAC,EACnC,aAAa,GAAG,OAAO,CAC1B,GAAG,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC"}

package/components/primitives/date/types.js

@@ -1 +1 @@
-export {};
+export {};

package/components/primitives/index.d.ts

@@ -1,8 +1,8 @@
-export * from "./checkbox";
-export * from "./color";
-export * from "./date";
-export * from "./multiline";
-export * from "./number";
-export * from "./password";
-export * from "./text";
+export * from "./checkbox";
+export * from "./color";
+export * from "./date";
+export * from "./multiline";
+export * from "./number";
+export * from "./password";
+export * from "./text";
 //# sourceMappingURL=index.d.ts.map

package/components/primitives/index.js

@@ -1,7 +1,7 @@
-export * from "./checkbox";
-export * from "./color";
-export * from "./date";
-export * from "./multiline";
-export * from "./number";
-export * from "./password";
-export * from "./text";
+export * from "./checkbox";
+export * from "./color";
+export * from "./date";
+export * from "./multiline";
+export * from "./number";
+export * from "./password";
+export * from "./text";

package/components/primitives/internal/componentWithLabel/index.d.ts

@@ -1,17 +1,17 @@
-import { FC } from "react";
-import { ElementSize, LabelConfiguration } from "../../../../types";
-/** Form input component with label props */
-export declare type ComponentWithLabelProps = {
-    /** Label configuration */
-    label: LabelConfiguration;
-    /** Component size */
-    size: ElementSize;
-    /** Unique component identifier */
-    id: string;
-    /** Node element with input element */
-    children: React.ReactNode;
-};
-/** Form input component with describing label */
-declare const ComponentWithLabel: FC<ComponentWithLabelProps>;
-export default ComponentWithLabel;
+import { FC } from "react";
+import { ElementSize, LabelConfiguration } from "../../../../types";
+/** Form input component with label props */
+export type ComponentWithLabelProps = {
+    /** Label configuration */
+    label: LabelConfiguration;
+    /** Component size */
+    size: ElementSize;
+    /** Unique component identifier */
+    id: string;
+    /** Node element with input element */
+    children: React.ReactNode;
+};
+/** Form input component with describing label */
+declare const ComponentWithLabel: FC<ComponentWithLabelProps>;
+export default ComponentWithLabel;
 //# sourceMappingURL=index.d.ts.map

package/components/primitives/internal/componentWithLabel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/primitives/internal/componentWithLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAG7D,4CAA4C;AAC5C,oBAAY,uBAAuB,GAAG;IAClC,0BAA0B;IAC1B,KAAK,EAAE,kBAAkB,CAAC;IAE1B,qBAAqB;IACrB,IAAI,EAAE,WAAW,CAAC;IAElB,kCAAkC;IAClC,EAAE,EAAE,MAAM,CAAC;IAEX,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEF,iDAAiD;AACjD,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAqEnD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/primitives/internal/componentWithLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAG7D,4CAA4C;AAC5C,MAAM,MAAM,uBAAuB,GAAG;IAClC,0BAA0B;IAC1B,KAAK,EAAE,kBAAkB,CAAC;IAE1B,qBAAqB;IACrB,IAAI,EAAE,WAAW,CAAC;IAElB,kCAAkC;IAClC,EAAE,EAAE,MAAM,CAAC;IAEX,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEF,iDAAiD;AACjD,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAqEnD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/components/primitives/internal/componentWithLabel/index.js

@@ -1,30 +1,30 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getClassName, getValueOrDefault, isNullish } from "@bodynarf/utils";
-import { ElementSize } from "../../../../types";
-import { mapDataAttributes } from "../../../../utils";
-/** Form input component with describing label */
-const ComponentWithLabel = ({ label, id, size, children, }) => {
-    const elSizeClassName = "is-{0}".format(getValueOrDefault(size, ElementSize.Normal));
-    const labelClassName = getClassName([
-        "label",
-        !label.horizontal ? elSizeClassName : "",
-        label.className,
-    ]);
-    const dataAttributes = isNullish(label.data)
-        ? undefined
-        : mapDataAttributes(label.data);
-    if (label.horizontal) {
-        const labelContainerClassName = getClassName([
-            "field-label",
-            elSizeClassName,
-            label.horizontalContainerClassName
-        ]);
-        const fieldContainerClassName = getClassName([
-            "field-body",
-            label.horizontalFieldContainerClassName
-        ]);
-        return (_jsxs("div", { className: "bbr-field bbr-input field is-horizontal", children: [_jsx("div", { className: labelContainerClassName, children: _jsx("label", { htmlFor: id, className: labelClassName, title: label.title, ...dataAttributes, children: label.caption }) }), _jsx("div", { className: fieldContainerClassName, children: _jsx("div", { className: "field", children: children }) })] }));
-    }
-    return (_jsxs("div", { className: "bbr-field bbr-input field", children: [_jsx("label", { htmlFor: id, className: labelClassName, title: label.title, ...dataAttributes, children: label.caption }), children] }));
-};
-export default ComponentWithLabel;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getClassName, getValueOrDefault, isNullish } from "@bodynarf/utils";
+import { ElementSize } from "../../../../types";
+import { mapDataAttributes } from "../../../../utils";
+/** Form input component with describing label */
+const ComponentWithLabel = ({ label, id, size, children, }) => {
+    const elSizeClassName = "is-{0}".format(getValueOrDefault(size, ElementSize.Normal));
+    const labelClassName = getClassName([
+        "label",
+        !label.horizontal ? elSizeClassName : "",
+        label.className,
+    ]);
+    const dataAttributes = isNullish(label.data)
+        ? undefined
+        : mapDataAttributes(label.data);
+    if (label.horizontal) {
+        const labelContainerClassName = getClassName([
+            "field-label",
+            elSizeClassName,
+            label.horizontalContainerClassName
+        ]);
+        const fieldContainerClassName = getClassName([
+            "field-body",
+            label.horizontalFieldContainerClassName
+        ]);
+        return (_jsxs("div", { className: "bbr-field bbr-input field is-horizontal", children: [_jsx("div", { className: labelContainerClassName, children: _jsx("label", { htmlFor: id, className: labelClassName, title: label.title, ...dataAttributes, children: label.caption }) }), _jsx("div", { className: fieldContainerClassName, children: _jsx("div", { className: "field", children: children }) })] }));
+    }
+    return (_jsxs("div", { className: "bbr-field bbr-input field", children: [_jsx("label", { htmlFor: id, className: labelClassName, title: label.title, ...dataAttributes, children: label.caption }), children] }));
+};
+export default ComponentWithLabel;

package/components/primitives/internal/hint/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { BaseInputElementProps } from "../../../../types";
-import "./style.scss";
-/** Props of `InternalHint` */
-declare type HintProps = Pick<BaseInputElementProps<any>, "validationState" | "hint">;
-/** Hint component for internal use (as form input elements hints) */
-declare const InternalHint: ({ validationState, hint, }: HintProps) => JSX.Element;
-export default InternalHint;
+import { FC } from "react";
+import { BaseInputElementProps } from "../../../../types";
+import "./style.scss";
+/** Props of `InternalHint` */
+type HintProps = Pick<BaseInputElementProps<unknown>, "validationState" | "hint">;
+/** Hint component for internal use (as form input elements hints) */
+declare const InternalHint: FC<HintProps>;
+export default InternalHint;
 //# sourceMappingURL=index.d.ts.map

package/components/primitives/internal/hint/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/primitives/internal/hint/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,qBAAqB,EAAqE,MAAM,YAAY,CAAC;AAGtH,OAAO,cAAc,CAAC;AAEtB,8BAA8B;AAC9B,aAAK,SAAS,GAAG,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,EAAE,iBAAiB,GAAG,MAAM,CAAC,CAAC;AAE9E,qEAAqE;AACrE,QAAA,MAAM,YAAY,+BAEf,SAAS,KAAG,WAgDd,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/primitives/internal/hint/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,OAAO,EAAE,qBAAqB,EAAqE,MAAM,YAAY,CAAC;AAGtH,OAAO,cAAc,CAAC;AAEtB,8BAA8B;AAC9B,KAAK,SAAS,GAAG,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,iBAAiB,GAAG,MAAM,CAAC,CAAC;AAElF,qEAAqE;AACrE,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,SAAS,CAkD/B,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/components/primitives/internal/hint/index.js

@@ -1,48 +1,49 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getClassName, isNullOrUndefined } from "@bodynarf/utils";
-import { ElementPosition, ElementSize, ValidationStatus } from "../../../../types";
-import Icon from "../../../icon";
-import "./style.scss";
-/** Hint component for internal use (as form input elements hints) */
-const InternalHint = ({ validationState, hint, }) => {
-    if (isNullOrUndefined(validationState) && isNullOrUndefined(hint)) {
-        return _jsx(_Fragment, {});
-    }
-    const validationStateDefined = !isNullOrUndefined(validationState)
-        && validationState.status !== ValidationStatus.None
-        && validationState.messages.length > 0;
-    if (validationStateDefined) {
-        const validationClassName = validationState.status === ValidationStatus.Valid
-            ? "is-success"
-            : "is-danger";
-        return (_jsx("p", { className: `help m-help ${validationClassName}`, children: validationState.messages.join("\n") }));
-    }
-    if (isNullOrUndefined(hint)) {
-        return (_jsx(_Fragment, {}));
-    }
-    const className = getClassName([
-        "bbr-hint",
-        "help",
-        "m-help",
-        (hint.grey ?? false) ? "has-text-grey" : undefined,
-        (hint.italic ?? false) ? "is-italic" : undefined,
-    ]);
-    if (!isNullOrUndefined(hint.icon)) {
-        return (_jsx(HintWithIcon, { ...hint, className: className }));
-    }
-    return (_jsx("p", { className: className, children: hint.content }));
-};
-export default InternalHint;
-/** Hint element with icon */
-const HintWithIcon = ({ className, content, icon, }) => {
-    const iconClassName = getClassName([
-        icon.className,
-        icon.position === ElementPosition.Right
-            ? "bbr-icon--right"
-            : "bbr-icon--left"
-    ]);
-    if (icon.position === ElementPosition.Right) {
-        return (_jsxs("p", { className: className, children: [content, _jsx(Icon, { name: icon.name, className: iconClassName, size: icon.size ?? ElementSize.Small })] }));
-    }
-    return (_jsxs("p", { className: className, children: [_jsx(Icon, { name: icon.name, className: iconClassName, size: icon.size ?? ElementSize.Small }), content] }));
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getClassName, isNullOrUndefined } from "@bodynarf/utils";
+import { ElementPosition, ElementSize, ValidationStatus } from "../../../../types";
+import Icon from "../../../icon";
+import "./style.scss";
+/** Hint component for internal use (as form input elements hints) */
+const InternalHint = ({ validationState, hint, }) => {
+    if (isNullOrUndefined(validationState) && isNullOrUndefined(hint)) {
+        return null;
+    }
+    const validationStateDefined = !isNullOrUndefined(validationState)
+        && validationState.status !== ValidationStatus.None
+        && validationState.messages.length > 0;
+    if (validationStateDefined) {
+        const validationClassName = validationState.status === ValidationStatus.Valid
+            ? "is-success"
+            : "is-danger";
+        return (_jsx("p", { className: `help m-help ${validationClassName}`, children: validationState.messages.join("\n") }));
+    }
+    if (isNullOrUndefined(hint)) {
+        return null;
+    }
+    const className = getClassName([
+        "bbr-hint",
+        "help",
+        "m-help",
+        (hint.grey ?? false) ? "has-text-grey" : undefined,
+        (hint.italic ?? false) ? "is-italic" : undefined,
+    ]);
+    if (!isNullOrUndefined(hint.icon)) {
+        return (_jsx(HintWithIcon, { ...hint, className: className }));
+    }
+    return (_jsx("p", { className: className, children: hint.content }));
+};
+export default InternalHint;
+/** Hint element with icon */
+// eslint-disable-next-line react/no-multi-comp
+const HintWithIcon = ({ className, content, icon, }) => {
+    const iconClassName = getClassName([
+        icon.className,
+        icon.position === ElementPosition.Right
+            ? "bbr-icon--right"
+            : "bbr-icon--left"
+    ]);
+    if (icon.position === ElementPosition.Right) {
+        return (_jsxs("p", { className: className, children: [content, _jsx(Icon, { name: icon.name, className: iconClassName, size: icon.size ?? ElementSize.Small })] }));
+    }
+    return (_jsxs("p", { className: className, children: [_jsx(Icon, { name: icon.name, className: iconClassName, size: icon.size ?? ElementSize.Small }), content] }));
+};

package/components/primitives/multiline/component/index.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { MultilineProps } from "..";
-/** Multiline textual input component */
-declare const Multiline: (props: MultilineProps) => JSX.Element;
-export default Multiline;
+import { MultilineProps } from "..";
+/** Multiline textual input component */
+declare const Multiline: (props: MultilineProps) => JSX.Element;
+export default Multiline;
 //# sourceMappingURL=index.d.ts.map

package/components/primitives/multiline/component/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/primitives/multiline/component/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,IAAI,CAAC;AAIpC,wCAAwC;AACxC,QAAA,MAAM,SAAS,UAAW,cAAc,KAAG,WAK1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/primitives/multiline/component/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,IAAI,CAAC;AAIpC,wCAAwC;AACxC,QAAA,MAAM,SAAS,GAAI,OAAO,cAAc,KAAG,GAAG,CAAC,OAK9C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/components/primitives/multiline/component/index.js

@@ -1,11 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { isNullOrUndefined } from "@bodynarf/utils";
-import MultilineWithoutLabel from "../components/withoutLabel";
-import MultilineWithLabel from "../components/withLabel";
-/** Multiline textual input component */
-const Multiline = (props) => {
-    return isNullOrUndefined(props.label)
-        ? _jsx(MultilineWithoutLabel, { ...props })
-        : _jsx(MultilineWithLabel, { ...props });
-};
-export default Multiline;
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isNullOrUndefined } from "@bodynarf/utils";
+import MultilineWithoutLabel from "../components/withoutLabel";
+import MultilineWithLabel from "../components/withLabel";
+/** Multiline textual input component */
+const Multiline = (props) => {
+    return isNullOrUndefined(props.label)
+        ? _jsx(MultilineWithoutLabel, { ...props })
+        : _jsx(MultilineWithLabel, { ...props });
+};
+export default Multiline;

package/components/primitives/multiline/components/withLabel/index.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { MultilineProps } from "../..";
-/** Multiline textual input component with describing label */
-declare const MultilineWithLabel: ({ defaultValue, onValueChange, validationState, name, size, style, label, placeholder, readonly, disabled, loading, fixed, autoFocus, rows, onBlur, className, title, data, hint, }: MultilineProps) => JSX.Element;
-export default MultilineWithLabel;
+import { MultilineProps } from "../..";
+/** Multiline textual input component with describing label */
+declare const MultilineWithLabel: ({ defaultValue, onValueChange, validationState, name, size, style, label, placeholder, readonly, disabled, loading, fixed, autoFocus, rows, onBlur, className, title, data, hint, }: MultilineProps) => JSX.Element;
+export default MultilineWithLabel;
 //# sourceMappingURL=index.d.ts.map

package/components/primitives/multiline/components/withLabel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/primitives/multiline/components/withLabel/index.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,8DAA8D;AAC9D,QAAA,MAAM,kBAAkB,wLAYrB,cAAc,KAAG,WAqDnB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/primitives/multiline/components/withLabel/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,8DAA8D;AAC9D,QAAA,MAAM,kBAAkB,GAAI,qLAYzB,cAAc,KAAG,GAAG,CAAC,OAqDvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/components/primitives/multiline/components/withLabel/index.js

@@ -1,27 +1,27 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from "react";
-import { generateGuid, getClassName, isNullOrUndefined } from "@bodynarf/utils";
-import { ElementSize } from "../../../../../types";
-import { getStyleClassName, mapDataAttributes } from "../../../../../utils";
-import ComponentWithLabel from "../../../internal/componentWithLabel";
-import InternalHint from "../../../internal/hint";
-/** Multiline textual input component with describing label */
-const MultilineWithLabel = ({ defaultValue, onValueChange, validationState, name = generateGuid(), size = ElementSize.Normal, style, label, placeholder, readonly = false, disabled = false, loading = false, fixed = false, autoFocus = false, rows, onBlur, className, title, data, hint, }) => {
-    const onChange = useCallback((event) => onValueChange(event.target.value), [onValueChange]);
-    const elClassName = getClassName([
-        className,
-        size === ElementSize.Normal ? "" : `is-${size}`,
-        getStyleClassName(style, validationState),
-        "textarea",
-        fixed ? "has-fixed-size" : "",
-    ]);
-    const inputContainerClassName = getClassName([
-        "control",
-        loading ? "is-loading" : "",
-    ]);
-    const dataAttributes = isNullOrUndefined(data)
-        ? undefined
-        : mapDataAttributes(data);
-    return (_jsxs(ComponentWithLabel, { id: name, size: size, label: label, children: [_jsx("div", { className: inputContainerClassName, children: _jsx("textarea", { id: name, name: name, rows: rows, onBlur: onBlur, readOnly: readonly, disabled: disabled, onChange: onChange, autoFocus: autoFocus, className: elClassName, placeholder: placeholder, defaultValue: defaultValue, title: title, ...dataAttributes }) }), _jsx(InternalHint, { hint: hint, validationState: validationState })] }));
-};
-export default MultilineWithLabel;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { emptyFn, generateGuid, getClassName, isNullOrUndefined } from "@bodynarf/utils";
+import { ElementSize } from "../../../../../types";
+import { getStyleClassName, mapDataAttributes } from "../../../../../utils";
+import ComponentWithLabel from "../../../internal/componentWithLabel";
+import InternalHint from "../../../internal/hint";
+/** Multiline textual input component with describing label */
+const MultilineWithLabel = ({ defaultValue, onValueChange = emptyFn, validationState, name = generateGuid(), size = ElementSize.Normal, style, label, placeholder, readonly = false, disabled = false, loading = false, fixed = false, autoFocus = false, rows, onBlur, className, title, data, hint, }) => {
+    const onChange = useCallback((event) => onValueChange(event.target.value), [onValueChange]);
+    const elClassName = getClassName([
+        className,
+        size === ElementSize.Normal ? "" : `is-${size}`,
+        getStyleClassName(style, validationState),
+        "textarea",
+        fixed ? "has-fixed-size" : "",
+    ]);
+    const inputContainerClassName = getClassName([
+        "control",
+        loading ? "is-loading" : "",
+    ]);
+    const dataAttributes = isNullOrUndefined(data)
+        ? undefined
+        : mapDataAttributes(data);
+    return (_jsxs(ComponentWithLabel, { id: name, size: size, label: label, children: [_jsx("div", { className: inputContainerClassName, children: _jsx("textarea", { id: name, name: name, rows: rows, onBlur: onBlur, readOnly: readonly, disabled: disabled, onChange: onChange, autoFocus: autoFocus, className: elClassName, placeholder: placeholder, defaultValue: defaultValue, title: title, ...dataAttributes }) }), _jsx(InternalHint, { hint: hint, validationState: validationState })] }));
+};
+export default MultilineWithLabel;

package/components/primitives/multiline/components/withoutLabel/index.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { MultilineProps } from "../..";
-/** Multiline textual input component without describing label*/
-declare const MultilineWithoutLabel: ({ onValueChange, defaultValue, validationState, name, placeholder, onBlur, size, style, loading, fixed, autoFocus, rows, className, title, data, hint, }: MultilineProps) => JSX.Element;
-export default MultilineWithoutLabel;
+import { MultilineProps } from "../..";
+/** Multiline textual input component without describing label*/
+declare const MultilineWithoutLabel: ({ onValueChange, defaultValue, validationState, name, placeholder, onBlur, size, style, loading, fixed, autoFocus, rows, className, title, data, hint, }: MultilineProps) => JSX.Element;
+export default MultilineWithoutLabel;
 //# sourceMappingURL=index.d.ts.map

package/components/primitives/multiline/components/withoutLabel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/primitives/multiline/components/withoutLabel/index.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,gEAAgE;AAChE,QAAA,MAAM,qBAAqB,6JAUxB,cAAc,KAAG,WAkDnB,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/primitives/multiline/components/withoutLabel/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,gEAAgE;AAChE,QAAA,MAAM,qBAAqB,GAAI,0JAU5B,cAAc,KAAG,GAAG,CAAC,OAkDvB,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/components/primitives/multiline/components/withoutLabel/index.js

@@ -1,27 +1,27 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from "react";
-import { generateGuid, getClassName, isNullOrUndefined } from "@bodynarf/utils";
-import { ElementSize } from "../../../../../types";
-import { getStyleClassName, mapDataAttributes } from "../../../../../utils";
-import InternalHint from "../../../internal/hint";
-/** Multiline textual input component without describing label*/
-const MultilineWithoutLabel = ({ onValueChange, defaultValue, validationState, name = generateGuid(), placeholder, onBlur, size = ElementSize.Normal, style, loading = false, fixed = false, autoFocus = false, rows, className, title, data, hint, }) => {
-    const onChange = useCallback((event) => onValueChange(event.target.value), [onValueChange]);
-    const elClassName = getClassName([
-        className,
-        size === ElementSize.Normal ? "" : `is-${size}`,
-        getStyleClassName(style, validationState),
-        "textarea",
-        fixed ? "has-fixed-size" : "",
-    ]);
-    const inputContainerClassName = getClassName([
-        "control",
-        "bbr-input",
-        loading ? "is-loading" : "",
-    ]);
-    const dataAttributes = isNullOrUndefined(data)
-        ? undefined
-        : mapDataAttributes(data);
-    return (_jsxs("div", { className: "bbr-field field", children: [_jsx("div", { className: inputContainerClassName, children: _jsx("textarea", { id: name, name: name, rows: rows, onBlur: onBlur, onChange: onChange, autoFocus: autoFocus, className: elClassName, placeholder: placeholder, defaultValue: defaultValue, title: title, ...dataAttributes }) }), _jsx(InternalHint, { hint: hint, validationState: validationState })] }));
-};
-export default MultilineWithoutLabel;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { emptyFn, generateGuid, getClassName, isNullOrUndefined } from "@bodynarf/utils";
+import { ElementSize } from "../../../../../types";
+import { getStyleClassName, mapDataAttributes } from "../../../../../utils";
+import InternalHint from "../../../internal/hint";
+/** Multiline textual input component without describing label*/
+const MultilineWithoutLabel = ({ onValueChange = emptyFn, defaultValue, validationState, name = generateGuid(), placeholder, onBlur, size = ElementSize.Normal, style, loading = false, fixed = false, autoFocus = false, rows, className, title, data, hint, }) => {
+    const onChange = useCallback((event) => onValueChange(event.target.value), [onValueChange]);
+    const elClassName = getClassName([
+        className,
+        size === ElementSize.Normal ? "" : `is-${size}`,
+        getStyleClassName(style, validationState),
+        "textarea",
+        fixed ? "has-fixed-size" : "",
+    ]);
+    const inputContainerClassName = getClassName([
+        "control",
+        "bbr-input",
+        loading ? "is-loading" : "",
+    ]);
+    const dataAttributes = isNullOrUndefined(data)
+        ? undefined
+        : mapDataAttributes(data);
+    return (_jsxs("div", { className: "bbr-field field", children: [_jsx("div", { className: inputContainerClassName, children: _jsx("textarea", { id: name, name: name, rows: rows, onBlur: onBlur, onChange: onChange, autoFocus: autoFocus, className: elClassName, placeholder: placeholder, defaultValue: defaultValue, title: title, ...dataAttributes }) }), _jsx(InternalHint, { hint: hint, validationState: validationState })] }));
+};
+export default MultilineWithoutLabel;

package/components/primitives/multiline/index.d.ts

@@ -1,3 +1,3 @@
-export { default } from "./component";
-export * from "./types";
+export { default } from "./component";
+export * from "./types";
 //# sourceMappingURL=index.d.ts.map

package/components/primitives/multiline/index.js

@@ -1,2 +1,2 @@
-export { default } from "./component";
-export * from "./types";
+export { default } from "./component";
+export * from "./types";

package/components/primitives/multiline/types.d.ts

@@ -1,11 +1,9 @@
-import { BaseInputElementProps } from "../../../types";
-/** Multiline textual input component props type */
-export interface MultilineProps extends Omit<BaseInputElementProps<string>, "rounded"> {
-    /** Is input should be resizable */
-    fixed?: boolean;
-    /** Number of initial rows count */
-    rows?: number;
-    /** Focus out event handler */
-    onBlur?: () => void;
-}
+import { BaseNotNullableInputElementProps, BlurableElement } from "../../../types";
+/** Multiline textual input component props type */
+export type MultilineProps = Omit<BaseNotNullableInputElementProps<string>, "rounded"> & BlurableElement & {
+    /** Is input should be resizable */
+    fixed?: boolean;
+    /** Number of initial rows count */
+    rows?: number;
+};
 //# sourceMappingURL=types.d.ts.map

package/components/primitives/multiline/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/multiline/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAEnD,mDAAmD;AACnD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC;IAClF,mCAAmC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/multiline/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gCAAgC,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE/E,mDAAmD;AACnD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,gCAAgC,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC,GAChF,eAAe,GACf;IACE,mCAAmC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/components/primitives/multiline/types.js

@@ -1 +1 @@
-export {};
+export {};