@bodynarf/react.components 1.5.1 → 1.5.3

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/multiline/index.tsx"],"names":[],"mappings":"AAEA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAKjD,mDAAmD;AACnD,oBAAY,cAAc,GAAG,qBAAqB,CAAC,MAAM,CAAC,GAAG;IACzD,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,CAAC;AAEF,wCAAwC;AACxC,QAAA,MAAM,SAAS,UAAW,cAAc,KAAG,WAQ1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/multiline/index.tsx"],"names":[],"mappings":"AAEA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAE,qBAAqB,EAAE,MAAM,IAAI,CAAC;AAK3C,mDAAmD;AACnD,oBAAY,cAAc,GAAG,qBAAqB,CAAC,MAAM,CAAC,GAAG;IACzD,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,CAAC;AAEF,wCAAwC;AACxC,QAAA,MAAM,SAAS,UAAW,cAAc,KAAG,WAQ1C,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/primitives/number/components/withLabel/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIpC,kCAAkC;AAClC,QAAA,MAAM,eAAe,4JAOlB,WAAW,KAAG,WA2GhB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/primitives/number/components/withLabel/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,kCAAkC;AAClC,QAAA,MAAM,eAAe,4JAOlB,WAAW,KAAG,WA2GhB,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from "react";
 import { generateGuid, getClassName, getValueOrDefault, isStringEmpty } from "@bodynarf/utils";
-import { InputSize } from "../../..";
+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, InputSize.Normal));
+    const elSizeClassName = "is-{0}".format(getValueOrDefault(size, ElementSize.Normal));
     const [isValidationDefined, styleClassName, validationMessages] = getValidationValues(style, validationState);
     const elClassName = getClassName([
         className,

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/primitives/number/components/withoutLabel/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIpC,qCAAqC;AACrC,QAAA,MAAM,kBAAkB,qJAOrB,WAAW,KAAG,WA6ChB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"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,WA6ChB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -1,7 +1,7 @@
 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 { InputSize } from "../../..";
+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, }) => {
@@ -9,7 +9,7 @@ const NumberWithoutLabel = ({ onValueChange, readonly, disabled, defaultValue, v
     const [isValidationDefined, styleClassName, validationMessages] = getValidationValues(style, validationState);
     const elClassName = getClassName([
         className,
-        "is-{0}".format(getValueOrDefault(size, InputSize.Normal)),
+        "is-{0}".format(getValueOrDefault(size, ElementSize.Normal)),
         rounded === true ? "is-rounded" : "",
         styleClassName,
         "input",

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseInputElementProps } from "..";
 /** Number component props type */
 export interface NumberProps extends BaseInputElementProps<number> {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/number/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,IAAI,CAAC;AAK3C,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;AAED,6BAA6B;AAC7B,QAAA,MAAM,MAAM,UAAW,WAAW,KAAG,WAOpC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/number/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,IAAI,CAAC;AAK3C,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;AAED,6BAA6B;AAC7B,QAAA,MAAM,MAAM,UAAW,WAAW,KAAG,WAOpC,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -3,13 +3,13 @@ import { useCallback, useState } from "react";
 import { generateGuid, getClassName, getValueOrDefault } from "@bodynarf/utils";
 import Icon from "../../../../icon";
 import { getValidationValues } from "../../../../../utils";
-import { InputSize } from "../../../";
+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, InputSize.Normal));
+    const elSizeClassName = "is-{0}".format(getValueOrDefault(size, ElementSize.Normal));
     const id = name || generateGuid();
     const elClassName = getClassName([
         className,

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

@@ -2,14 +2,14 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useCallback, useState } from "react";
 import { generateGuid, getClassName, getValueOrDefault } from "@bodynarf/utils";
 import Icon from "../../../../icon";
-import { InputSize } from "../../../types";
+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, InputSize.Normal));
+    const elSizeClassName = "is-{0}".format(getValueOrDefault(size, ElementSize.Normal));
     const id = name || generateGuid();
     const elClassName = getClassName([
         className,

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

@@ -1,7 +1,7 @@
 import "./style.scss";
-import { BaseInputElementProps } from "../types";
+import { BaseInputElementProps } from "..";
 /** Password component props type */
-export interface PasswordProps extends Omit<BaseInputElementProps<string>, 'defaultValue' | 'readonly'> {
+export interface PasswordProps extends Omit<BaseInputElementProps<string>, "defaultValue" | "readonly"> {
     /**
      * Is icon "Show password" visible.
      * Will show password on click

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/password/index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAKjD,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;AAED,+BAA+B;AAC/B,QAAA,MAAM,QAAQ,UAAW,aAAa,KAAG,WAMxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/password/index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,qBAAqB,EAAE,MAAM,IAAI,CAAC;AAK3C,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;AAED,+BAA+B;AAC/B,QAAA,MAAM,QAAQ,UAAW,aAAa,KAAG,WAMxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/primitives/text/components/textWithLabel/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,0CAA0C;AAC1C,QAAA,MAAM,aAAa,sJAMhB,SAAS,KAAG,WAwGd,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"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,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from "react";
 import { generateGuid, getClassName, getValueOrDefault, } from "@bodynarf/utils";
-import { InputSize } from "../../../types";
+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, InputSize.Normal));
+    const elSizeClassName = "is-{0}".format(getValueOrDefault(size, ElementSize.Normal));
     const [isValidationDefined, styleClassName, validationMessages] = getValidationValues(style, validationState);
     const elClassName = getClassName([
         className,

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/primitives/text/components/textWithoutLabel/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,6CAA6C;AAC7C,QAAA,MAAM,gBAAgB,+IAMnB,SAAS,KAAG,WA4Cd,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"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,WA4Cd,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -1,7 +1,7 @@
 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 { InputSize } from "../../../types";
+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, }) => {
@@ -9,7 +9,7 @@ const TextWithoutLabel = ({ onValueChange, readonly, disabled, defaultValue, val
     const [isValidationDefined, styleClassName, validationMessages] = getValidationValues(style, validationState);
     const elClassName = getClassName([
         className,
-        "is-{0}".format(getValueOrDefault(size, InputSize.Normal)),
+        "is-{0}".format(getValueOrDefault(size, ElementSize.Normal)),
         rounded === true ? "is-rounded" : "",
         styleClassName,
         "input",

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

@@ -1,5 +1,5 @@
 import "../../../common.scss";
-import { BaseInputElementProps } from "../types";
+import { BaseInputElementProps } from "..";
 /** Text input conponent props type */
 export declare type TextProps = BaseInputElementProps<string> & {
     /** Focus out event handler */

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/text/index.tsx"],"names":[],"mappings":"AAEA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAKjD,sCAAsC;AACtC,oBAAY,SAAS,GAAG,qBAAqB,CAAC,MAAM,CAAC,GAAG;IACpD,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,8BAA8B;AAC9B,QAAA,MAAM,IAAI,UAAW,SAAS,KAAG,WAOhC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/text/index.tsx"],"names":[],"mappings":"AAEA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAE,qBAAqB,EAAE,MAAM,IAAI,CAAC;AAK3C,sCAAsC;AACtC,oBAAY,SAAS,GAAG,qBAAqB,CAAC,MAAM,CAAC,GAAG;IACpD,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,8BAA8B;AAC9B,QAAA,MAAM,IAAI,UAAW,SAAS,KAAG,WAOhC,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -1,5 +1,5 @@
-import { InputColor, InputLabel, InputSize, ValidationState } from ".";
-import { BaseElementProps } from "../../types";
+import { InputLabel, ValidationState } from ".";
+import { BaseElementProps, ElementColor, ElementSize } from "../../types";
 /** Base properties for input components */
 export declare type BaseInputElementProps<TValue> = BaseElementProps & {
     /** Value change handler. Changed value must be stored outside of component */
@@ -15,13 +15,13 @@ export declare type BaseInputElementProps<TValue> = BaseElementProps & {
     /** Should be component int read only mode. Selecting is allowed */
     readonly?: boolean;
     /** Component size */
-    size?: InputSize;
+    size?: ElementSize;
     /** Label configuration */
     label?: InputLabel;
     /** Displaying loading state of component as spinner in right end of component */
     loading?: boolean;
     /** Style. Colors the border */
-    style?: InputColor;
+    style?: ElementColor;
     /** Name of element. Required for form elements */
     name?: string;
     /** Current validation state */

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

@@ -1 +1 @@
-{"version":3,"file":"baseProps.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/types/baseProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,GAAG,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,2CAA2C;AAC3C,oBAAY,qBAAqB,CAAC,MAAM,IAAI,gBAAgB,GAAG;IAC3D,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,SAAS,CAAC;IAEjB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB,iFAAiF;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,+BAA+B;IAC/B,eAAe,CAAC,EAAE,eAAe,CAAC;CACrC,CAAC"}
+{"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,oBAAY,qBAAqB,CAAC,MAAM,IAAI,gBAAgB,GAAG;IAC3D,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,CAAC"}

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

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

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

@@ -1 +1 @@
-{"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,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
+{"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,4 +1,3 @@
-export * from './baseProps';
-export * from './label';
-export * from './enums';
-export * from './validation';
+export * from "./baseProps";
+export * from "./label";
+export * from "./validation";

package/components/search/index.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
-import './search.scss';
-import { ElementSize } from '../types';
+import "./search.scss";
+import { ElementSize } from "../types";
 export declare type SearchProps = {
     /**
      * Search type: by typing, starts from minimum characters to search
      * or by clicking on button next to search bar.
      * Default `is byTyping`
     */
-    searchType: 'byTyping' | 'byButton';
+    searchType: "byTyping" | "byButton";
     /** Search caption */
     caption: string;
     /** Search handler */

package/components/search/index.js

@@ -1,15 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from 'react';
-import { generateGuid, getClassName } from '@bodynarf/utils';
-import './search.scss';
-import Button from '../button';
+import { useCallback, useState } from "react";
+import { generateGuid, getClassName } from "@bodynarf/utils";
+import "./search.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 [searchValue, setSearchValue] = useState(defaultValue || "");
     const onChange = useCallback((event) => {
         const elementValue = event.target.value;
-        if (searchType === 'byTyping') {
+        if (searchType === "byTyping") {
             onSearch(elementValue);
         }
         setSearchValue(elementValue);
@@ -18,20 +18,20 @@ export default function Search({ searchType, onSearch, caption, name, defaultVal
     const className = getClassName([
         "bbr-search",
         "control",
-        `is-${(size || 'normal')}`,
-        isLoading === true ? 'is-loading' : '',
-        searchType === 'byButton' ? 'is-expanded' : '',
+        `is-${(size || "normal")}`,
+        isLoading === true ? "is-loading" : "",
+        searchType === "byButton" ? "is-expanded" : "",
     ]);
     const inputClassName = getClassName([
         "input",
         "is-unselectable",
-        `is-${(size || 'normal')}`,
-        rounded === true ? 'is-rounded' : '',
+        `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 }) })] }));
+    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 }) }));
+        return (_jsx("div", { className: className, children: _jsx("input", { type: "search", name: elementName, defaultValue: searchValue, className: inputClassName, disabled: disabled, onChange: onChange, placeholder: caption }) }));
     }
 }

package/components/tag/index.d.ts

@@ -1,5 +1,4 @@
-import { InputColor, InputSize } from "../primitives";
-import { BaseElementProps } from "../types";
+import { ElementColor, ElementSize, BaseElementProps } from "..";
 import "./style.scss";
 /** Tag item prop types */
 interface TagProps extends BaseElementProps {
@@ -7,11 +6,11 @@ interface TagProps extends BaseElementProps {
     content: string;
     /**
      * Element size.
-     * `Small` isn't allowed
+     * `Small` isn"t allowed
     */
-    size?: InputSize;
+    size?: ElementSize;
     /** Element color */
-    style?: InputColor;
+    style?: ElementColor;
     /** Is element with rounded border */
     rounded?: boolean;
     /** Is element has light color */

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tag/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,cAAc,CAAC;AAEtB,0BAA0B;AAC1B,UAAU,QAAS,SAAQ,gBAAgB;IACvC,iBAAiB;IACjB,OAAO,EAAE,MAAM,CAAC;IAEhB;;;MAGE;IACF,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,oBAAoB;IACpB,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,0BAA0B;IAC1B,WAAW,CAAC,EAAE;QACV,iBAAiB;QACjB,KAAK,EAAE,MAAM,CAAC;QAEd,uBAAuB;QACvB,eAAe,EAAE,MAAM,CAAC;KAC3B,CAAC;CACL;AAED,sBAAsB;AACtB,QAAA,MAAM,GAAG,2FAMN,QAAQ,KAAG,WAmCb,CAAC;AAEF,eAAe,GAAG,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tag/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,IAAI,CAAC;AAEjE,OAAO,cAAc,CAAC;AAEtB,0BAA0B;AAC1B,UAAU,QAAS,SAAQ,gBAAgB;IACvC,iBAAiB;IACjB,OAAO,EAAE,MAAM,CAAC;IAEhB;;;MAGE;IACF,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,0BAA0B;IAC1B,WAAW,CAAC,EAAE;QACV,iBAAiB;QACjB,KAAK,EAAE,MAAM,CAAC;QAEd,uBAAuB;QACvB,eAAe,EAAE,MAAM,CAAC;KAC3B,CAAC;CACL;AAED,sBAAsB;AACtB,QAAA,MAAM,GAAG,2FAMN,QAAQ,KAAG,WAmCb,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/components/tag/index.js

@@ -1,22 +1,22 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getClassName, isNullOrUndefined } from "@bodynarf/utils";
-import { InputColor, InputSize } from "../primitives";
+import { ElementColor, ElementSize } from "..";
 import "./style.scss";
 /** Single tag item */
 const Tag = ({ content, size, style, rounded, lightColor, customColor, onClick, className, title, }) => {
-    size ??= InputSize.Normal;
-    style ??= InputColor.Default;
+    size ??= ElementSize.Normal;
+    style ??= ElementColor.Default;
     if (!isNullOrUndefined(customColor)) {
-        style = InputColor.Default;
+        style = ElementColor.Default;
     }
     const elClassName = getClassName([
         "bbr-tag",
         "tag",
-        style === InputColor.Default ? "" : `is-${style}`,
+        style === ElementColor.Default ? "" : `is-${style}`,
         !isNullOrUndefined(customColor) ? "bbr-tag--custom" : "",
         lightColor === true && isNullOrUndefined(customColor) ? "is-light" : "",
         rounded === true ? "is-rounded" : "",
-        size === InputSize.Normal || size === InputSize.Small ? "" : `is-${size}`,
+        size === ElementSize.Normal || size === ElementSize.Small ? "" : `is-${size}`,
         isNullOrUndefined(onClick) ? "" : "bbr-tag--clickable",
         className,
     ]);

package/components/types.d.ts

@@ -10,10 +10,36 @@ export declare type BaseElementProps = {
         [key: string]: any;
     };
 };
-/** Allowed element sizes */
-export declare type ElementSize = 'small' | 'medium' /** default size */ | 'large';
+/** 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"
+}
 /** Allowed icon position */
-export declare type IconPosition = 'left' | 'right';
+export declare type IconPosition = "left" | "right";
 /** Icon for component  */
 export declare type ElementIcon = {
     /**

package/components/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/types.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,oBAAY,gBAAgB,GAAG;IAC3B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,8BAA8B;IAC9B,IAAI,CAAC,EAAE;QACH,8CAA8C;QAC9C,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACtB,CAAC;CACL,CAAC;AAEF,4BAA4B;AAC5B,oBAAY,WAAW,GACjB,OAAO,GACP,QAAQ,CAAC,mBAAmB,GAC5B,OAAO,CAAC;AAEd,4BAA4B;AAC5B,oBAAY,YAAY,GAClB,MAAM,GACN,OAAO,CAAC;AAEd,0BAA0B;AAC1B,oBAAY,WAAW,GAAG;IACtB;;;;;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,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/types.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,oBAAY,gBAAgB,GAAG;IAC3B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,8BAA8B;IAC9B,IAAI,CAAC,EAAE;QACH,8CAA8C;QAC9C,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACtB,CAAC;CACL,CAAC;AAEF,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,4BAA4B;AAC5B,oBAAY,YAAY,GAClB,MAAM,GACN,OAAO,CAAC;AAEd,0BAA0B;AAC1B,oBAAY,WAAW,GAAG;IACtB;;;;;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,CAAC"}

package/components/types.js

@@ -1 +1,31 @@
-export {};
+/** 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 = {}));
+;

package/hooks/index.d.ts

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

package/hooks/index.js

@@ -1,2 +1,2 @@
-export * from './useComponentOutsideClick';
-export * from './usePagination';
+export * from "./useComponentOutsideClick";
+export * from "./usePagination";

package/hooks/useComponentOutsideClick.js

@@ -24,8 +24,8 @@ export const useComponentOutsideClick = (selector, clickHandleCondition, clickHa
     }, [clickHandleCondition, selector, clickHandleChange, dependencies]);
     useEffect(() => {
         if (isNullOrUndefined(clickListenCondition) || clickListenCondition === true) {
-            document.addEventListener('click', onDocumentClick);
-            return () => document.removeEventListener('click', onDocumentClick);
+            document.addEventListener("click", onDocumentClick);
+            return () => document.removeEventListener("click", onDocumentClick);
         }
         return () => { };
     }, [clickListenCondition, onDocumentClick]);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@bodynarf/react.components",
-    "version": "1.5.1",
+    "version": "1.5.3",
     "author": {
         "name": "Artem",
         "email": "bodynar@gmail.com"
@@ -30,7 +30,7 @@
         "typescript": "^4.7.3"
     },
     "dependencies": {
-        "@bodynarf/utils": "^1.0.14",
+        "@bodynarf/utils": "^1.1.1",
         "bulma": "^0.9.4",
         "react": "^18.1.0",
         "react-dom": "^18.1.0"

package/utils/formValidation.d.ts

@@ -1,16 +1,16 @@
-import { InputColor, ValidationState } from "../components/primitives";
+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?: InputColor, validationState?: ValidationState) => [boolean, string, Array<string>];
+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?: InputColor, validationState?: ValidationState) => string;
+export declare const getStyleClassName: (style?: ElementColor, validationState?: ValidationState) => string;
 //# sourceMappingURL=formValidation.d.ts.map

package/utils/formValidation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formValidation.d.ts","sourceRoot":"","sources":["../../src/utils/formValidation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAoB,MAAM,0BAA0B,CAAC;AAEzF;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,WAAY,UAAU,oBAAoB,eAAe,KAAG,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC,CAO1H,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,WAAY,UAAU,oBAAoB,eAAe,KAAG,MAgBzF,CAAC"}
+{"version":3,"file":"formValidation.d.ts","sourceRoot":"","sources":["../../src/utils/formValidation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,eAAe,EAAoB,MAAM,eAAe,CAAC;AAEhF;;;;;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,5 +1,5 @@
 import { isNullOrUndefined } from "@bodynarf/utils";
-import { ValidationStatus } from "../components/primitives";
+import { ValidationStatus } from "../components";
 /**
  * Get current validation state values
  * @param style Component style color

package/utils/index.d.ts

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

package/utils/index.js

@@ -1 +1 @@
-export * from './formValidation';
+export * from "./formValidation";