@bodynarf/react.components 1.8.22 → 1.9.1

package/types/hintConfiguration.js

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

package/types/index.d.ts

@@ -0,0 +1,11 @@
+export * from "./baseElementProps";
+export * from "./baseInputElementProps";
+export * from "./dataAttributes";
+export * from "./elementColor";
+export * from "./elementIcon";
+export * from "./elementPosition";
+export * from "./elementSize";
+export * from "./hintConfiguration";
+export * from "./labelConfiguration";
+export * from "./validation";
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AAErC,cAAc,cAAc,CAAC"}

package/types/index.js

@@ -0,0 +1,10 @@
+export * from "./baseElementProps";
+export * from "./baseInputElementProps";
+export * from "./dataAttributes";
+export * from "./elementColor";
+export * from "./elementIcon";
+export * from "./elementPosition";
+export * from "./elementSize";
+export * from "./hintConfiguration";
+export * from "./labelConfiguration";
+export * from "./validation";

package/{components/primitives/types/label.d.ts → types/labelConfiguration.d.ts}

@@ -1,5 +1,5 @@
-/** Input label configuration */
-export interface InputLabel {
+/** Element label configuration */
+export interface LabelConfiguration {
     /** Label textual content to describe input requirements */
     caption: string;
     /** Should component be on same line with label */
@@ -11,4 +11,4 @@ export interface InputLabel {
     /** Class name for input parent container in horizontal mode */
     horizontalFieldContainerClassName?: string;
 }
-//# sourceMappingURL=label.d.ts.map
+//# sourceMappingURL=labelConfiguration.d.ts.map

package/types/labelConfiguration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"labelConfiguration.d.ts","sourceRoot":"","sources":["../../src/types/labelConfiguration.ts"],"names":[],"mappings":"AAAA,kCAAkC;AAClC,MAAM,WAAW,kBAAkB;IAC/B,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/types/labelConfiguration.js

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

package/{components/primitives/types → types}/validation/index.d.ts

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

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

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

package/{components/primitives/types → types}/validation/index.js

@@ -1,2 +1,2 @@
-export * from "./status";
 export * from "./state";
+export * from "./status";

package/{components/primitives/types → types}/validation/state.d.ts

@@ -1,5 +1,5 @@
-import { ValidationStatus } from "./status";
-/** Form component value validation state */
+import { ValidationStatus } from ".";
+/** Component value validation state */
 export interface ValidationState {
     /** Current status */
     status: ValidationStatus;

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

@@ -0,0 +1 @@
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../src/types/validation/state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC;AAErC,uCAAuC;AACvC,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 → types}/validation/state.js

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

package/{components/primitives/types → types}/validation/status.d.ts

@@ -1,4 +1,4 @@
-/** Input component value validation status */
+/** Component value validation status */
 export declare enum ValidationStatus {
     /** Validation wasn"t been performed */
     None = "none",

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

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

package/{components/primitives/types → types}/validation/status.js

@@ -1,4 +1,4 @@
-/** Input component value validation status */
+/** Component value validation status */
 export var ValidationStatus;
 (function (ValidationStatus) {
     /** Validation wasn"t been performed */
@@ -8,4 +8,3 @@ export var ValidationStatus;
     /** Value is invalid due some validator check */
     ValidationStatus["Invalid"] = "invalid";
 })(ValidationStatus || (ValidationStatus = {}));
-;

package/utils/dataAttributes.d.ts

@@ -1,4 +1,4 @@
-import { DataAttributes } from "..";
+import { DataAttributes } from "../types";
 /**
  * Map object with key-value pairs to html data attributes format
  * @param dataAttributes Object with data attribute values

package/utils/dataAttributes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dataAttributes.d.ts","sourceRoot":"","sources":["../../src/utils/dataAttributes.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;AAEtC;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,mBAAoB,cAAc,KAAG,MAgBlE,CAAC"}
+{"version":3,"file":"dataAttributes.d.ts","sourceRoot":"","sources":["../../src/utils/dataAttributes.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,mBAAoB,cAAc,KAAG,MAgBlE,CAAC"}

package/utils/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./formValidation";
 export * from "./dataAttributes";
+export * from "./validation";
 //# sourceMappingURL=index.d.ts.map

package/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC"}

package/utils/index.js

@@ -1,2 +1,2 @@
-export * from "./formValidation";
 export * from "./dataAttributes";
+export * from "./validation";

package/utils/validation.d.ts

@@ -0,0 +1,11 @@
+import { ElementColor, ValidationState } from "../types";
+/**
+ * Get className component prop based on current validation state and style
+ *
+ * (!) Validation className has priority
+ * @param style Element style
+ * @param validationState Current validation state
+ * @returns Style className
+ */
+export declare const getStyleClassName: (style?: ElementColor, validationState?: ValidationState) => string;
+//# sourceMappingURL=validation.d.ts.map

package/utils/validation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../src/utils/validation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,eAAe,EAAoB,MAAM,YAAY,CAAC;AAE7E;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,WAClB,YAAY,oBACF,eAAe,KAClC,MAUF,CAAC"}

package/utils/validation.js

@@ -0,0 +1,20 @@
+import { isNullOrUndefined } from "@bodynarf/utils";
+import { ValidationStatus } from "../types";
+/**
+ * Get className component prop based on current validation state and style
+ *
+ * (!) Validation className has priority
+ * @param style Element style
+ * @param validationState Current validation state
+ * @returns Style className
+ */
+export const getStyleClassName = (style, validationState) => {
+    if (isNullOrUndefined(validationState) || validationState.status === ValidationStatus.None) {
+        return isNullOrUndefined(style)
+            ? ""
+            : `is-${style}`;
+    }
+    return validationState.status === ValidationStatus.Invalid
+        ? "is-danger"
+        : "is-success";
+};

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/primitives/multiline/components/multilineWithLabel/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,8DAA8D;AAC9D,QAAA,MAAM,kBAAkB,yJAOrB,cAAc,KAAG,WAwGnB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/components/primitives/multiline/components/multilineWithLabel/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";
-/** Multiline textual input component with describing label */
-const MultilineWithLabel = ({ defaultValue, onValueChange, validationState, readonly, disabled, name, className, size, style, loading = false, label, placeholder, fixed = false, rows, 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,
-        styleClassName,
-        "textarea",
-        fixed ? "has-fixed-size" : "",
-    ]);
-    const inputContainerClassName = getClassName([
-        "control",
-        loading ? "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("textarea", { className: elClassName, placeholder: placeholder, readOnly: readonly, disabled: disabled, defaultValue: defaultValue, onChange: onChange, onBlur: onBlur, name: id, id: id, rows: rows }) }), 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("textarea", { className: elClassName, placeholder: placeholder, readOnly: readonly, disabled: disabled, defaultValue: defaultValue, onChange: onChange, onBlur: onBlur, name: id, id: id, rows: rows }) }), isValidationDefined && validationMessages.length > 0 &&
-                _jsx("p", { className: `help m-help ${styleClassName}`, children: validationMessages.join("\n") })] }));
-};
-export default MultilineWithLabel;

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/primitives/multiline/components/multilineWithoutLabel/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,gEAAgE;AAChE,QAAA,MAAM,qBAAqB,+HAMxB,cAAc,KAAG,WA0CnB,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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

@@ -1,26 +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";
-/** Multiline textual input component without describing label*/
-const MultilineWithoutLabel = ({ onValueChange, defaultValue, validationState, name, placeholder, onBlur, className, size, style, loading = false, fixed = false, rows, }) => {
-    const onChange = useCallback((event) => onValueChange(event.target.value), [onValueChange]);
-    const id = name || generateGuid();
-    const [isValidationDefined, styleClassName, validationMessages] = getValidationValues(style, validationState);
-    const elClassName = getClassName([
-        className,
-        "is-{0}".format(getValueOrDefault(size, ElementSize.Normal)),
-        styleClassName,
-        "textarea",
-        fixed ? "has-fixed-size" : "",
-    ]);
-    const inputContainerClassName = getClassName([
-        "control",
-        "bbr-input",
-        loading ? "is-loading" : "",
-    ]);
-    return (_jsxs("div", { className: "field", children: [_jsx("div", { className: inputContainerClassName, children: _jsx("textarea", { className: elClassName, placeholder: placeholder, defaultValue: defaultValue, onChange: onChange, onBlur: onBlur, id: id, name: id, rows: rows }) }), isValidationDefined && validationMessages.length > 0 &&
-                _jsx("p", { className: `help m-help ${styleClassName}`, children: validationMessages.join("\n") })] }));
-};
-export default MultilineWithoutLabel;

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

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { TextProps } from "../../../text";
-/** Textual input with describing label */
-declare const TextWithLabel: ({ onValueChange, readonly, disabled, defaultValue, validationState, name, className, size, style, rounded, loading, label, placeholder, onBlur, }: TextProps) => JSX.Element;
-export default TextWithLabel;
-//# sourceMappingURL=index.d.ts.map

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,sBAAsB,CAAC;AAEjD,0CAA0C;AAC1C,QAAA,MAAM,aAAa,sJAOhB,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 = false, loading = false, 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 ? "is-rounded" : "",
-        styleClassName,
-        "input",
-    ]);
-    const inputContainerClassName = getClassName([
-        "control",
-        loading ? "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

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { TextProps } from "../../../text";
-/** Textual input without describing label */
-declare const TextWithoutLabel: ({ onValueChange, readonly, disabled, defaultValue, validationState, name, className, size, style, rounded, loading, placeholder, onBlur, }: TextProps) => JSX.Element;
-export default TextWithoutLabel;
-//# sourceMappingURL=index.d.ts.map

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,sBAAsB,CAAC;AAEjD,6CAA6C;AAC7C,QAAA,MAAM,gBAAgB,+IAOnB,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 = false, loading = false, 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 ? "is-rounded" : "",
-        styleClassName,
-        "input",
-    ]);
-    const containerClassName = getClassName([
-        "control",
-        "bbr-input",
-        loading ? "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/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,gBAAgB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9E,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,GAAG,CAAC;AAEhD,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/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/index.js

@@ -1,3 +0,0 @@
-export * from "./baseProps";
-export * from "./label";
-export * from "./validation";

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/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/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/types.d.ts

@@ -1,78 +0,0 @@
-/** Base interface for component props */
-export interface BaseElementProps {
-    /** Additional class names */
-    className?: string;
-    /** Title */
-    title?: string;
-    /** Extra data-* attributes */
-    data?: DataAttributes;
-}
-/**
- * Html data-* attributes
- * @description All keys with defined values will be mapped injected into html element as data-{key} attributes
-*/
-export interface DataAttributes {
-    /** Single data-* attribute value */
-    [key: string]: any;
-}
-/** Input component size variety */
-export declare enum ElementSize {
-    /** Font size is 0.75rem */
-    Small = "small",
-    /** Font size is 1rem. Default */
-    Normal = "normal",
-    /** Font size is 1.25rem */
-    Medium = "medium",
-    /** Font size is 1.5rem */
-    Large = "large"
-}
-/** Input component border-color type */
-export declare enum ElementColor {
-    /** color: transparent */
-    Default = "default",
-    /** color: seawave green */
-    Primary = "primary",
-    /** color: blue-violet */
-    Link = "link",
-    /** color: sky-blue */
-    Info = "info",
-    /** color: green */
-    Success = "success",
-    /** color: yellow */
-    Warning = "warning",
-    /** color: red */
-    Danger = "danger"
-}
-/** Position of element */
-export declare enum ElementPosition {
-    /** Left aligned */
-    Left = "left",
-    /** Center aligned */
-    Center = "center",
-    /** Right aligned */
-    Right = "right"
-}
-/** Element position, but without center placement */
-export declare type ElementFloatPosition = ElementPosition.Left | ElementPosition.Right;
-/** Allowed icon position */
-export declare type IconPosition = "left" | "right";
-/** Icon for component  */
-export interface ElementIcon {
-    /**
-     * Icon name. Must be without `bi-`
-     * @example ["Arrow repeat", "arrow-repeat"]
-     * // Icon name to icon class name.
-     * // For class name check bootstrap icons website
-    */
-    name: string;
-    /** Additional classname */
-    className?: string;
-    /** Icon size */
-    size?: ElementSize;
-    /**
-     * Position
-     * Works only with other content
-    */
-    position?: IconPosition;
-}
-//# sourceMappingURL=types.d.ts.map

package/components/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/types.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,MAAM,WAAW,gBAAgB;IAC7B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,8BAA8B;IAC9B,IAAI,CAAC,EAAE,cAAc,CAAC;CACzB;AAED;;;EAGE;AACF,MAAM,WAAW,cAAc;IAC3B,oCAAoC;IACpC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,mCAAmC;AACnC,oBAAY,WAAW;IACnB,2BAA2B;IAC3B,KAAK,UAAU;IAEf,iCAAiC;IACjC,MAAM,WAAW;IAEjB,2BAA2B;IAC3B,MAAM,WAAW;IAEjB,0BAA0B;IAC1B,KAAK,UAAU;CAClB;AAED,wCAAwC;AACxC,oBAAY,YAAY;IACpB,yBAAyB;IACzB,OAAO,YAAY;IAEnB,2BAA2B;IAC3B,OAAO,YAAY;IAEnB,yBAAyB;IACzB,IAAI,SAAS;IAEb,sBAAsB;IACtB,IAAI,SAAS;IAEb,mBAAmB;IACnB,OAAO,YAAY;IAEnB,oBAAoB;IACpB,OAAO,YAAY;IAEnB,iBAAiB;IACjB,MAAM,WAAW;CACpB;AAED,0BAA0B;AAC1B,oBAAY,eAAe;IACvB,mBAAmB;IACnB,IAAI,SAAS;IAEb,qBAAqB;IACrB,MAAM,WAAW;IAEjB,oBAAoB;IACpB,KAAK,UAAU;CAClB;AAED,qDAAqD;AACrD,oBAAY,oBAAoB,GAAG,eAAe,CAAC,IAAI,GAAG,eAAe,CAAC,KAAK,CAAC;AAEhF,4BAA4B;AAC5B,oBAAY,YAAY,GAClB,MAAM,GACN,OAAO,CAAC;AAEd,0BAA0B;AAC1B,MAAM,WAAW,WAAW;IACxB;;;;;MAKE;IACF,IAAI,EAAE,MAAM,CAAC;IAEb,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,gBAAgB;IAChB,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;;MAGE;IACF,QAAQ,CAAC,EAAE,YAAY,CAAC;CAC3B"}

package/components/types.js

@@ -1,41 +0,0 @@
-/** Input component size variety */
-export var ElementSize;
-(function (ElementSize) {
-    /** Font size is 0.75rem */
-    ElementSize["Small"] = "small";
-    /** Font size is 1rem. Default */
-    ElementSize["Normal"] = "normal";
-    /** Font size is 1.25rem */
-    ElementSize["Medium"] = "medium";
-    /** Font size is 1.5rem */
-    ElementSize["Large"] = "large";
-})(ElementSize || (ElementSize = {}));
-/** Input component border-color type */
-export var ElementColor;
-(function (ElementColor) {
-    /** color: transparent */
-    ElementColor["Default"] = "default";
-    /** color: seawave green */
-    ElementColor["Primary"] = "primary";
-    /** color: blue-violet */
-    ElementColor["Link"] = "link";
-    /** color: sky-blue */
-    ElementColor["Info"] = "info";
-    /** color: green */
-    ElementColor["Success"] = "success";
-    /** color: yellow */
-    ElementColor["Warning"] = "warning";
-    /** color: red */
-    ElementColor["Danger"] = "danger";
-})(ElementColor || (ElementColor = {}));
-;
-/** Position of element */
-export var ElementPosition;
-(function (ElementPosition) {
-    /** Left aligned */
-    ElementPosition["Left"] = "left";
-    /** Center aligned */
-    ElementPosition["Center"] = "center";
-    /** Right aligned */
-    ElementPosition["Right"] = "right";
-})(ElementPosition || (ElementPosition = {}));

package/utils/formValidation.d.ts

@@ -1,16 +0,0 @@
-import { ElementColor, ValidationState } from "../components";
-/**
- * Get current validation state values
- * @param style Component style color
- * @param validationState Current form item validation state
- * @returns [Is validation applicable; classname attribute value; validation messages]
- */
-export declare const getValidationValues: (style?: ElementColor, validationState?: ValidationState) => [boolean, string, Array<string>];
-/**
- * Get classname attribute value based on current validation state and form item component style prop
- * @param style Component style color
- * @param validationState Current form item validation state
- * @returns Classname attribute value
- */
-export declare const getStyleClassName: (style?: ElementColor, validationState?: ValidationState) => string;
-//# sourceMappingURL=formValidation.d.ts.map

package/utils/formValidation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"formValidation.d.ts","sourceRoot":"","sources":["../../src/utils/formValidation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,eAAe,EAAoB,MAAM,iBAAiB,CAAC;AAElF;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,WAAY,YAAY,oBAAoB,eAAe,KAAG,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC,CAO5H,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,WAAY,YAAY,oBAAoB,eAAe,KAAG,MAgB3F,CAAC"}

package/utils/formValidation.js

@@ -1,35 +0,0 @@
-import { isNullOrUndefined } from "@bodynarf/utils";
-import { ValidationStatus } from "../components";
-/**
- * Get current validation state values
- * @param style Component style color
- * @param validationState Current form item validation state
- * @returns [Is validation applicable; classname attribute value; validation messages]
- */
-export const getValidationValues = (style, validationState) => {
-    const validationStateDefined = !isNullOrUndefined(validationState) && validationState.status !== ValidationStatus.None;
-    const styleClassName = getStyleClassName(style, validationState);
-    const messages = validationState?.messages ?? [];
-    return [validationStateDefined, styleClassName, messages];
-};
-/**
- * Get classname attribute value based on current validation state and form item component style prop
- * @param style Component style color
- * @param validationState Current form item validation state
- * @returns Classname attribute value
- */
-export const getStyleClassName = (style, validationState) => {
-    if (isNullOrUndefined(validationState)) {
-        return isNullOrUndefined(style) ? "" : `is-${style}`;
-    }
-    const { status } = validationState;
-    switch (status) {
-        case ValidationStatus.Valid: {
-            return "is-success";
-        }
-        case ValidationStatus.Invalid: {
-            return "is-danger";
-        }
-    }
-    return isNullOrUndefined(style) ? "" : `is-${style}`;
-};