@bodynarf/react.components 1.6.3 → 1.7.1

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

@@ -1,44 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from "react";
-import { generateGuid, getClassName, getValueOrDefault, isStringEmpty } from "@bodynarf/utils";
-import { ElementSize } from "../../../..";
-import { getValidationValues } from "../../../../../utils";
-/** Number component with label */
-const NumberWithLabel = ({ onValueChange, readonly, disabled, defaultValue, validationState, name, className, size, style, rounded, loading, label, placeholder, onBlur, step, }) => {
-    const onChange = useCallback((event) => onValueChange(isStringEmpty(event.target.value) ? undefined : +event.target.value), [onValueChange]);
-    const id = name || generateGuid();
-    const elSizeClassName = "is-{0}".format(getValueOrDefault(size, ElementSize.Normal));
-    const [isValidationDefined, styleClassName, validationMessages] = getValidationValues(style, validationState);
-    const elClassName = getClassName([
-        className,
-        elSizeClassName,
-        rounded === true ? "is-rounded" : "",
-        styleClassName,
-        "input",
-    ]);
-    const inputContainerClassName = getClassName([
-        "control",
-        loading === true ? "is-loading" : "",
-    ]);
-    const labelClassName = getClassName([
-        "label",
-        !label.horizontal ? elSizeClassName : "",
-        label.className
-    ]);
-    if (label.horizontal) {
-        const labelContainerClassName = getClassName([
-            "field-label",
-            elSizeClassName,
-            label.horizontalContainerClassName
-        ]);
-        const fieldContainerClassName = getClassName([
-            "field-body",
-            label.horizontalFieldContainerClassName
-        ]);
-        return (_jsxs("div", { className: "bbr-input field is-horizontal", children: [_jsx("div", { className: labelContainerClassName, children: _jsx("label", { className: labelClassName, htmlFor: id, children: label.caption }) }), _jsx("div", { className: fieldContainerClassName, children: _jsxs("div", { className: "field", children: [_jsx("div", { className: inputContainerClassName, children: _jsx("input", { type: "number", className: elClassName, placeholder: placeholder, readOnly: readonly, disabled: disabled, defaultValue: defaultValue, onChange: onChange, onBlur: onBlur, name: id, id: id, step: step ?? 1 }) }), isValidationDefined && validationMessages.length > 0 &&
-                                _jsx("p", { className: `help m-help ${styleClassName}`, children: validationMessages.join("\n") })] }) })] }));
-    }
-    return (_jsxs("div", { className: "bbr-input field", children: [_jsx("label", { className: labelClassName, htmlFor: id, children: label.caption }), _jsx("div", { className: inputContainerClassName, children: _jsx("input", { type: "number", className: elClassName, placeholder: placeholder, readOnly: readonly, disabled: disabled, defaultValue: defaultValue, onChange: onChange, onBlur: onBlur, name: id, id: id, step: step ?? 1 }) }), isValidationDefined && validationMessages.length > 0 &&
-                _jsx("p", { className: `help m-help ${styleClassName}`, children: validationMessages.join("\n") })] }));
-};
-export default NumberWithLabel;

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/primitives/number/components/withoutLabel/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,qCAAqC;AACrC,QAAA,MAAM,kBAAkB,qJAOrB,WAAW,KAAG,WA8ChB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -1,26 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from "react";
-import { generateGuid, getClassName, getValueOrDefault } from "@bodynarf/utils";
-import { ElementSize } from "../../../..";
-import { getValidationValues } from "../../../../../utils";
-/** Number component without label */
-const NumberWithoutLabel = ({ onValueChange, readonly, disabled, defaultValue, validationState, name, className, size, style, rounded, loading, placeholder, onBlur, step, }) => {
-    const onChange = useCallback((event) => onValueChange(+event.target.value), [onValueChange]);
-    const [isValidationDefined, styleClassName, validationMessages] = getValidationValues(style, validationState);
-    const elClassName = getClassName([
-        className,
-        "is-{0}".format(getValueOrDefault(size, ElementSize.Normal)),
-        rounded === true ? "is-rounded" : "",
-        styleClassName,
-        "input",
-    ]);
-    const containerClassName = getClassName([
-        "control",
-        "bbr-input",
-        loading === true ? "is-loading" : "",
-    ]);
-    const id = name || generateGuid();
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: containerClassName, children: _jsx("input", { type: "number", className: elClassName, placeholder: placeholder, readOnly: readonly, disabled: disabled, defaultValue: defaultValue, onChange: onChange, onBlur: onBlur, name: id, id: id, step: step ?? 1 }) }), isValidationDefined && validationMessages.length > 0 &&
-                _jsx("p", { className: `help m-help ${styleClassName}`, children: validationMessages.join("\n") })] }));
-};
-export default NumberWithoutLabel;

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

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

package/components/primitives/number/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/number/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,cAAc,SAAS,CAAC"}

package/components/primitives/number/index.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/number/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,IAAI,CAAC;AAE3C,kCAAkC;AAClC,MAAM,WAAW,WAAY,SAAQ,qBAAqB,CAAC,MAAM,CAAC;IAC9D,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB;;;;MAIE;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/components/primitives/number/types.js

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

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import "./style.scss";
-import { PasswordProps } from "..";
-/** Password input component */
-declare const Password: (props: PasswordProps) => JSX.Element;
-export default Password;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/primitives/password/component/index.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AAKnC,+BAA+B;AAC/B,QAAA,MAAM,QAAQ,UAAW,aAAa,KAAG,WAMxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { isNullOrUndefined } from "@bodynarf/utils";
-import "./style.scss";
-import PasswordWithLabel from "../components/withLabel";
-import PasswordWithoutLabel from "../components/withoutLabel";
-/** Password input component */
-const Password = (props) => {
-    if (isNullOrUndefined(props.label)) {
-        return _jsx(PasswordWithoutLabel, { ...props });
-    }
-    return _jsx(PasswordWithLabel, { ...props });
-};
-export default Password;

package/components/primitives/password/component/style.scss

@@ -1,16 +0,0 @@
-.bbr-password {
-    &:focus ~ .icon:not(:hover) {
-        color: rgb(219, 219, 219) !important;
-    }
-
-    &__wrapper {
-        .icon {
-            pointer-events: inherit !important;
-            cursor: pointer;
-
-            &:hover {
-                color: rgb(74, 74, 74);
-            }
-        }
-    }
-}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/primitives/password/components/withLabel/index.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,QAAA,MAAM,iBAAiB,uIAMpB,aAAa,KAAG,WAgIlB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -1,51 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from "react";
-import { generateGuid, getClassName, getValueOrDefault } from "@bodynarf/utils";
-import Icon from "../../../../icon";
-import { getValidationValues } from "../../../../../utils";
-import { ElementSize } from "../../../..";
-const PasswordWithLabel = ({ onValueChange, disabled, validationState, name, className, size, style, rounded, loading, label, placeholder, canShowPassword, }) => {
-    const onChange = useCallback((event) => onValueChange(event.target.value), [onValueChange]);
-    const [contentIsHidden, setContentIsHidden] = useState(true);
-    const onIconClick = useCallback(() => setContentIsHidden(state => !state), [setContentIsHidden]);
-    const [isValidationDefined, styleClassName, validationMessages] = getValidationValues(style, validationState);
-    const elSizeClassName = "is-{0}".format(getValueOrDefault(size, ElementSize.Normal));
-    const id = name || generateGuid();
-    const elClassName = getClassName([
-        className,
-        elSizeClassName,
-        rounded === true ? "is-rounded" : "",
-        styleClassName,
-        "bbr-password",
-        "input",
-    ]);
-    const inputContainerClassName = getClassName([
-        "control",
-        loading === true ? "is-loading" : "",
-        canShowPassword ? "has-icons-right" : "",
-        "bbr-password__wrapper",
-    ]);
-    const labelClassName = getClassName([
-        "label",
-        !label.horizontal ? elSizeClassName : "",
-        label.className
-    ]);
-    if (label.horizontal) {
-        const labelContainerClassName = getClassName([
-            "field-label",
-            elSizeClassName,
-            label.horizontalContainerClassName
-        ]);
-        const fieldContainerClassName = getClassName([
-            "field-body",
-            label.horizontalFieldContainerClassName
-        ]);
-        return (_jsxs("div", { className: "bbr-input field is-horizontal", children: [_jsx("div", { className: labelContainerClassName, children: _jsx("label", { className: labelClassName, htmlFor: id, children: label.caption }) }), _jsx("div", { className: fieldContainerClassName, children: _jsxs("div", { className: "field", children: [_jsxs("div", { className: inputContainerClassName, children: [_jsx("input", { type: contentIsHidden ? "password" : "text", className: elClassName, placeholder: placeholder, disabled: disabled, onChange: onChange, name: id, id: id }), canShowPassword && !loading &&
-                                        _jsx("span", { className: `icon is-right ${elSizeClassName}`, onMouseEnter: onIconClick, onMouseLeave: onIconClick, title: "Show password", children: _jsx(Icon, { name: contentIsHidden ? "eye" : "eye-slash", size: ElementSize.Medium }) })] }), isValidationDefined && validationMessages.length > 0 &&
-                                _jsx("p", { className: `help m-help ${styleClassName}`, children: validationMessages.join("\n") })] }) })] }));
-    }
-    return (_jsxs("div", { className: "bbr-input field", children: [_jsx("label", { className: labelClassName, htmlFor: id, children: label.caption }), _jsxs("div", { className: inputContainerClassName, children: [_jsx("input", { type: contentIsHidden ? "password" : "text", className: elClassName, placeholder: placeholder, disabled: disabled, onChange: onChange, name: id, id: id }), canShowPassword && !loading &&
-                        _jsx("span", { className: `icon is-right ${elSizeClassName}`, onMouseEnter: onIconClick, onMouseLeave: onIconClick, children: _jsx(Icon, { name: contentIsHidden ? "eye" : "eye-slash", size: ElementSize.Medium }) })] }), isValidationDefined && validationMessages.length > 0 &&
-                _jsx("p", { className: `help m-help ${styleClassName}`, children: validationMessages.join("\n") })] }));
-};
-export default PasswordWithLabel;

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/primitives/password/components/withoutLabel/index.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,QAAA,MAAM,oBAAoB,gIAMvB,aAAa,KAAG,WA4DlB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

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

@@ -1,33 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useState } from "react";
-import { generateGuid, getClassName, getValueOrDefault } from "@bodynarf/utils";
-import Icon from "../../../../icon";
-import { ElementSize } from "../../../..";
-import { getValidationValues } from "../../../../../utils";
-const PasswordWithoutLabel = ({ onValueChange, disabled, validationState, name, className, size, style, rounded, loading, placeholder, canShowPassword, }) => {
-    const onChange = useCallback((event) => onValueChange(event.target.value), [onValueChange]);
-    const [contentIsHidden, setContentIsHidden] = useState(true);
-    const onIconClick = useCallback(() => setContentIsHidden(state => !state), [setContentIsHidden]);
-    const [isValidationDefined, styleClassName, validationMessages] = getValidationValues(style, validationState);
-    const elSizeClassName = "is-{0}".format(getValueOrDefault(size, ElementSize.Normal));
-    const id = name || generateGuid();
-    const elClassName = getClassName([
-        className,
-        elSizeClassName,
-        rounded === true ? "is-rounded" : "",
-        styleClassName,
-        "bbr-password",
-        "input",
-    ]);
-    const containerClassName = getClassName([
-        "control",
-        "bbr-input",
-        loading === true ? "is-loading" : "",
-        canShowPassword ? "has-icons-right" : "",
-        "bbr-password__wrapper",
-    ]);
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: containerClassName, children: [_jsx("input", { type: contentIsHidden ? "password" : "text", className: elClassName, placeholder: placeholder, disabled: disabled, onChange: onChange, name: id, id: id }), canShowPassword && !loading &&
-                        _jsx("span", { className: `icon is-right ${elSizeClassName}`, onMouseEnter: onIconClick, onMouseLeave: onIconClick, children: _jsx(Icon, { name: contentIsHidden ? "eye" : "eye-slash", size: ElementSize.Medium }) })] }), isValidationDefined && validationMessages.length > 0 &&
-                _jsx("p", { className: `help m-help ${styleClassName}`, children: validationMessages.join("\n") })] }));
-};
-export default PasswordWithoutLabel;

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

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

package/components/primitives/password/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/password/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,cAAc,SAAS,CAAC"}

package/components/primitives/password/index.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/password/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,IAAI,CAAC;AAE3C,oCAAoC;AACpC,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,cAAc,GAAG,UAAU,CAAC;IACnG;;;MAGE;IACF,eAAe,EAAE,OAAO,CAAC;CAC5B"}

package/components/primitives/password/types.js

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

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import "../../../../common.scss";
-import { TextProps } from "..";
-/** Textual input component */
-declare const Text: (props: TextProps) => JSX.Element;
-export default Text;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/primitives/text/component/index.tsx"],"names":[],"mappings":";AAEA,OAAO,yBAAyB,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAK/B,8BAA8B;AAC9B,QAAA,MAAM,IAAI,UAAW,SAAS,KAAG,WAOhC,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { isNullOrUndefined } from "@bodynarf/utils";
-import "../../../../common.scss";
-import TextWithLabel from "../components/textWithLabel";
-import TextWithoutLabel from "../components/textWithoutLabel";
-/** Textual input component */
-const Text = (props) => {
-    if (isNullOrUndefined(props.label)) {
-        return (_jsx(TextWithoutLabel, { ...props }));
-    }
-    else {
-        return (_jsx(TextWithLabel, { ...props }));
-    }
-};
-export default Text;

package/components/primitives/text/components/textWithLabel/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/primitives/text/components/textWithLabel/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,0CAA0C;AAC1C,QAAA,MAAM,aAAa,sJAMhB,SAAS,KAAG,WAwGd,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/components/primitives/text/components/textWithLabel/index.js

@@ -1,44 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from "react";
-import { generateGuid, getClassName, getValueOrDefault, } from "@bodynarf/utils";
-import { ElementSize } from "../../../..";
-import { getValidationValues } from "../../../../../utils";
-/** Textual input with describing label */
-const TextWithLabel = ({ onValueChange, readonly, disabled, defaultValue, validationState, name, className, size, style, rounded, loading, label, placeholder, onBlur, }) => {
-    const onChange = useCallback((event) => onValueChange(event.target.value), [onValueChange]);
-    const id = name || generateGuid();
-    const elSizeClassName = "is-{0}".format(getValueOrDefault(size, ElementSize.Normal));
-    const [isValidationDefined, styleClassName, validationMessages] = getValidationValues(style, validationState);
-    const elClassName = getClassName([
-        className,
-        elSizeClassName,
-        rounded === true ? "is-rounded" : "",
-        styleClassName,
-        "input",
-    ]);
-    const inputContainerClassName = getClassName([
-        "control",
-        loading === true ? "is-loading" : "",
-    ]);
-    const labelClassName = getClassName([
-        "label",
-        !label.horizontal ? elSizeClassName : "",
-        label.className
-    ]);
-    if (label.horizontal) {
-        const labelContainerClassName = getClassName([
-            "field-label",
-            elSizeClassName,
-            label.horizontalContainerClassName
-        ]);
-        const fieldContainerClassName = getClassName([
-            "field-body",
-            label.horizontalFieldContainerClassName
-        ]);
-        return (_jsxs("div", { className: "bbr-input field is-horizontal", children: [_jsx("div", { className: labelContainerClassName, children: _jsx("label", { className: labelClassName, htmlFor: id, children: label.caption }) }), _jsx("div", { className: fieldContainerClassName, children: _jsxs("div", { className: "field", children: [_jsx("div", { className: inputContainerClassName, children: _jsx("input", { type: "text", className: elClassName, placeholder: placeholder, readOnly: readonly, disabled: disabled, defaultValue: defaultValue, onChange: onChange, onBlur: onBlur, name: id, id: id }) }), isValidationDefined && validationMessages.length > 0 &&
-                                _jsx("p", { className: `help m-help ${styleClassName}`, children: validationMessages.join("\n") })] }) })] }));
-    }
-    return (_jsxs("div", { className: "bbr-input field", children: [_jsx("label", { className: labelClassName, htmlFor: id, children: label.caption }), _jsx("div", { className: inputContainerClassName, children: _jsx("input", { type: "text", className: elClassName, placeholder: placeholder, readOnly: readonly, disabled: disabled, defaultValue: defaultValue, onChange: onChange, onBlur: onBlur, name: id, id: id }) }), isValidationDefined && validationMessages.length > 0 &&
-                _jsx("p", { className: `help m-help ${styleClassName}`, children: validationMessages.join("\n") })] }));
-};
-export default TextWithLabel;

package/components/primitives/text/components/textWithoutLabel/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/primitives/text/components/textWithoutLabel/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,6CAA6C;AAC7C,QAAA,MAAM,gBAAgB,+IAMnB,SAAS,KAAG,WA6Cd,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/components/primitives/text/components/textWithoutLabel/index.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from "react";
-import { generateGuid, getClassName, getValueOrDefault } from "@bodynarf/utils";
-import { ElementSize } from "../../../..";
-import { getValidationValues } from "../../../../../utils";
-/** Textual input without describing label */
-const TextWithoutLabel = ({ onValueChange, readonly, disabled, defaultValue, validationState, name, className, size, style, rounded, loading, placeholder, onBlur, }) => {
-    const onChange = useCallback((event) => onValueChange(event.target.value), [onValueChange]);
-    const [isValidationDefined, styleClassName, validationMessages] = getValidationValues(style, validationState);
-    const elClassName = getClassName([
-        className,
-        "is-{0}".format(getValueOrDefault(size, ElementSize.Normal)),
-        rounded === true ? "is-rounded" : "",
-        styleClassName,
-        "input",
-    ]);
-    const containerClassName = getClassName([
-        "control",
-        "bbr-input",
-        loading === true ? "is-loading" : "",
-    ]);
-    const id = name || generateGuid();
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: containerClassName, children: _jsx("input", { className: elClassName, type: "text", placeholder: placeholder, readOnly: readonly, disabled: disabled, defaultValue: defaultValue, onChange: onChange, onBlur: onBlur, name: id, id: id }) }), isValidationDefined && validationMessages.length > 0 &&
-                _jsx("p", { className: `help m-help ${styleClassName}`, children: validationMessages.join("\n") })] }));
-};
-export default TextWithoutLabel;

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

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

package/components/primitives/text/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,cAAc,SAAS,CAAC"}

package/components/primitives/text/index.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/text/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,IAAI,CAAC;AAE3C,sCAAsC;AACtC,MAAM,WAAW,SAAU,SAAQ,qBAAqB,CAAC,MAAM,CAAC;IAC5D,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB"}

package/components/primitives/text/types.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"baseProps.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/types/baseProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,GAAG,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1E,2CAA2C;AAC3C,MAAM,WAAW,qBAAqB,CAAC,MAAM,CAAE,SAAQ,gBAAgB;IACnE,8EAA8E;IAC9E,aAAa,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,sCAAsC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,qBAAqB;IACrB,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB,iFAAiF;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,+BAA+B;IAC/B,eAAe,CAAC,EAAE,eAAe,CAAC;CACrC"}

package/components/primitives/types/baseProps.js

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

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

@@ -1,4 +0,0 @@
-export * from "./baseProps";
-export * from "./label";
-export * from "./validation";
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/types/label.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,MAAM,WAAW,UAAU;IACvB,2DAA2D;IAC3D,OAAO,EAAE,MAAM,CAAC;IAEhB,kDAAkD;IAClD,UAAU,EAAE,OAAO,CAAC;IAEpB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,+DAA+D;IAC/D,4BAA4B,CAAC,EAAE,MAAM,CAAC;IAEtC,+DAA+D;IAC/D,iCAAiC,CAAC,EAAE,MAAM,CAAC;CAC9C"}

package/components/primitives/types/label.js

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

package/components/primitives/types/validation/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./status";
-export * from "./state";
-//# sourceMappingURL=index.d.ts.map

package/components/primitives/types/validation/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/primitives/types/validation/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}

package/components/primitives/types/validation/state.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../../../src/components/primitives/types/validation/state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C,4CAA4C;AAC5C,MAAM,WAAW,eAAe;IAC5B,qBAAqB;IACrB,MAAM,EAAE,gBAAgB,CAAC;IAEzB,8BAA8B;IAC9B,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC3B"}

package/components/primitives/types/validation/state.js

@@ -1,2 +0,0 @@
-;
-export {};

package/components/primitives/types/validation/status.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../../../../src/components/primitives/types/validation/status.ts"],"names":[],"mappings":"AAAA,8CAA8C;AAC9C,oBAAY,gBAAgB;IACxB,uCAAuC;IACvC,IAAI,SAAS;IAEb,qBAAqB;IACrB,KAAK,UAAU;IAEf,gDAAgD;IAChD,OAAO,YAAY;CACtB"}

package/components/primitives/types/validation/status.js

@@ -1,11 +0,0 @@
-/** Input component value validation status */
-export var ValidationStatus;
-(function (ValidationStatus) {
-    /** Validation wasn"t been performed */
-    ValidationStatus["None"] = "none";
-    /** Value is valid */
-    ValidationStatus["Valid"] = "valid";
-    /** Value is invalid due some validator check */
-    ValidationStatus["Invalid"] = "invalid";
-})(ValidationStatus || (ValidationStatus = {}));
-;

package/components/search/component/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/search/component/index.tsx"],"names":[],"mappings":";AAIA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGpC,uBAAuB;AACvB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC3B,UAAU,EAAE,QAAQ,EAAE,OAAO,EAC7B,IAAI,EAAE,YAAY,EAClB,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,GACrC,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAwE3B"}

package/components/search/component/index.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from "react";
-import { generateGuid, getClassName } from "@bodynarf/utils";
-import "./style.scss";
-import Button from "../../button";
-/** Search component */
-export default function Search({ searchType, onSearch, caption, name, defaultValue, size, isLoading, rounded, disabled, }) {
-    const [elementName] = useState(name || generateGuid());
-    const [searchValue, setSearchValue] = useState(defaultValue || "");
-    const onChange = useCallback((event) => {
-        const elementValue = event.target.value;
-        if (searchType === "byTyping") {
-            onSearch(elementValue);
-        }
-        setSearchValue(elementValue);
-    }, [onSearch, searchType]);
-    const onSearchButtonClick = useCallback(() => onSearch(searchValue), [onSearch, searchValue]);
-    const className = getClassName([
-        "bbr-search",
-        "control",
-        `is-${(size || "normal")}`,
-        isLoading === true ? "is-loading" : "",
-        searchType === "byButton" ? "is-expanded" : "",
-    ]);
-    const inputClassName = getClassName([
-        "input",
-        "is-unselectable",
-        `is-${(size || "normal")}`,
-        rounded === true ? "is-rounded" : "",
-    ]);
-    if (searchType === "byButton") {
-        return (_jsxs("div", { className: "field has-addons", children: [_jsx("div", { className: className, children: _jsx("input", { type: "search", name: elementName, defaultValue: searchValue, className: inputClassName, disabled: disabled, onChange: onChange, placeholder: caption }) }), _jsx("div", { className: "control", children: _jsx(Button, { caption: "Search", type: "info", onClick: onSearchButtonClick, isLoading: isLoading }) })] }));
-    }
-    else {
-        return (_jsx("div", { className: className, children: _jsx("input", { type: "search", name: elementName, defaultValue: searchValue, className: inputClassName, disabled: disabled, onChange: onChange, placeholder: caption }) }));
-    }
-}

package/components/search/component/style.scss

@@ -1,24 +0,0 @@
-.bbr-search {
-    input[type="search"] {
-        transition: 0.15s ease-out;
-        transition-property: border-color, color, background-color;
-
-        &::placeholder {
-            user-select: none;
-        }
-
-        &::-webkit-input-placeholder {
-            transition: 0.15s ease-out color;
-        }
-
-        &::-webkit-search-cancel-button {
-            cursor: pointer;
-            font-size: 1.25rem;
-        }
-    }
-
-    &.is-loading::after {
-        right: 1rem;
-        top: 0.725rem;
-    }
-}

package/components/search/index.d.ts

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

package/components/search/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,cAAc,SAAS,CAAC"}

package/components/search/index.js

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

package/components/search/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/search/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AAEjC,kCAAkC;AAClC,MAAM,WAAW,WAAW;IACxB;;;;MAIE;IACF,UAAU,EAAE,UAAU,GAAG,UAAU,CAAC;IAEpC,qBAAqB;IACrB,OAAO,EAAE,MAAM,CAAC;IAEhB,qBAAqB;IACrB,QAAQ,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,yBAAyB;IACzB,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,qDAAqD;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB"}

package/components/search/types.js

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

package/components/tabs/component/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/component/index.tsx"],"names":[],"mappings":";AAIA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAGtD,gCAAgC;AAChC,MAAM,WAAW,SAAU,SAAQ,gBAAgB;IAC/C,WAAW;IACX,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAEtB,8CAA8C;IAC9C,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAE5C;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,YAAY,CAAC;IAExB,sBAAsB;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;GAGG;AACH,QAAA,MAAM,IAAI,4GAMP,SAAS,KAAG,WA6Ed,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/components/tabs/component/index.js

@@ -1,68 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useState, useEffect, useRef } from "react";
-import { getClassName, isNullOrEmpty, isNullOrUndefined } from "@bodynarf/utils";
-import "./style.scss";
-import { ElementSize } from "../..";
-import { mapDataAttributes } from "../../../utils";
-import { TabsPosition, TabsStyle } from "..";
-import TabItemComponent from "../components/item";
-/**
- * Tabs panel
- * @throws Items are empty
- */
-const Tabs = ({ items, onActiveItemChange, defaultActive, size, position, style, fullWidth, className, title, data, }) => {
-    if (items.length === 0) {
-        throw new Error("Invalid configuration. Tab items must be defined");
-    }
-    const [activeItem, setActiveItem] = useState(defaultActive ?? items[0]);
-    const isFirstRun = useRef(true);
-    const onTabsClick = useCallback((container) => {
-        const closestTab = container.target.closest(".bbr-tabs__tab");
-        if (isNullOrUndefined(closestTab)) {
-            return;
-        }
-        const itemId = closestTab.attributes.getNamedItem("data-item-id")?.value ?? "";
-        if (isNullOrEmpty(itemId)) {
-            return;
-        }
-        const item = items.find(({ id }) => id === itemId);
-        if (isNullOrUndefined(item) || item === activeItem) {
-            return;
-        }
-        setActiveItem(item);
-    }, [activeItem, items]);
-    useEffect(() => {
-        if (isFirstRun.current) {
-            isFirstRun.current = false;
-            return;
-        }
-        onActiveItemChange(activeItem);
-    }, [activeItem, onActiveItemChange]);
-    const elClassName = getClassName([
-        "bbr-tabs",
-        "tabs",
-        position ?? TabsPosition.left,
-        getSizeClassName(size, [ElementSize.Normal]),
-        style ?? TabsStyle.default,
-        fullWidth === true ? "is-fullwidth" : "",
-        className,
-    ]);
-    const dataAttributes = isNullOrUndefined(data)
-        ? undefined
-        : mapDataAttributes(data);
-    return (_jsx("nav", { className: elClassName, onClick: onTabsClick, title: title, ...dataAttributes, children: _jsx("ul", { children: items.map(item => _jsx(TabItemComponent, { item: item, activeItem: activeItem.id }, item.id)) }) }));
-};
-export default Tabs;
-/**
- * Get class name for specified size and constraints
- * @param size Component size
- * @param notAllowedSizes Sizes that not applicable to component
- * @returns Class name for react element
- */
-const getSizeClassName = (size, notAllowedSizes) => {
-    notAllowedSizes ??= [];
-    if (isNullOrUndefined(size) || notAllowedSizes.includes(size)) {
-        return "";
-    }
-    return `is-${size}`;
-};