@uxf/core 11.51.0 → 11.52.2

package/README.md

@@ -86,261 +86,27 @@ cookie.set("cookie-name", "value", /* ttl in seconds (optional) */, /* options (
 cookie.delete("cookie-name", /* options (optional) */);
 ```
 
-## Hooks - @deprecated - will be moved to @uxf/core-react
-
-```tsx
-import { useBodyScrollLock } from "@uxf/core/hooks/useBodyScrollLock";
-import { useState } from "react";
-
-const innerRef = useRef<HTMLDivElement>(null);
-const [isOpen, setIsOpen] = useState<boolean>();
-
-const clearAllOnclose = false;
-
-useBodyScrollLock<HTMLDivElement>(innerRef, isOpen, {
-  allowTouchMove: undefined, // https://github.com/willmcpo/body-scroll-lock#allowtouchmove
-  clearAllOnClose: false, // optionally call clearAllBodyScrollLocks method on unmount
-  reserveScrollBarGap: undefined, // https://github.com/willmcpo/body-scroll-lock#reservescrollbargap
-});
-
-<div ref={innerRef}>Element which activates scroll lock on its parent elements.</div>
-```
-```tsx
-import { useIsMounted } from "@uxf/core/hooks/useIsMounted";
-
-const isMounted = useIsMounted();
-```
-```tsx
-import { useIsomorphicLayoutEffect } from "@uxf/core/hooks/useIsomorphicLayoutEffect";
-
-useIsomorphicLayoutEffect(() => {/* code */}, [/* deps */]);
-```
-
-```tsx
-import { useKey } from "@uxf/core/hooks/useKey";
-import { useRef } from "react";
-
-const targetRef = useRef<HTMLDivElement>(null);
-const disabled = false; // eg. for passing disabled state
-
-useKey<HTMLDivElement>("Enter", () => console.log("callback"), {
-  disabled,
-  targetRef, // if not provided, then `document` will be used
-  type: "keydown"
-});
-
-<div ref={targetRef} tabIndex={0}>Element with callback triggerable by enter key.</div>
-```
-```tsx
-import { useMinWindowWidth } from "@uxf/core/hooks/useMinWindowWidth";
-
-const isDesktop = useMinWindowWidth(1200);
-const isDesktopWithDebounce = useMinWindowWidth(1200, 200); // will be updated every 200 ms
-
-const example = isDesktop ? "desktop" : "tablet";
-const debouncedExample = isDesktopWithDebounce ? "debouncedDesktop" : "debouncedTablet";
-```
-
-```ts
-import { usePagination } from "@uxf/core/hooks/usePagination";
-
-const paginationItems = usePagination({ page: 1, count: 10 })
-```
-
-```tsx
-import { useRafState } from "@uxf/core/hooks/useRafState";
-
-const [state, setState] = useRafState<boolean>(false);
-```
-```tsx
-import { useOnUnmount } from "@uxf/core/hooks/useOnUnmount";
-
-const exampleCallback = () => {};
-
-useOnUnmount(exampleCallback());
-```
-```tsx
-import { useOnUpdate } from "@uxf/core/hooks/useOnUpdate";
-
-useOnUpdate(() => {/* code */}, [/* deps */]);
-```
-```tsx
-import { useWindowScroll } from "@uxf/core/hooks/useWindowScroll";
-
-const windowScroll = useWindowScroll();
-
-const example = windowScroll && windowScroll.y > 100 ? "scroled" : "on top";
-```
-```tsx
-import { useWindowSize } from "@uxf/core/hooks/useWindowSize";
-
-const windowSize = useWindowSize();
-
-const example = windowSize && windowSize.width > 1200 ? "desktop" : "tablet";
-```
-```tsx
-import { useFocusTrap } from "@uxf/core/hooks/useFocusTrap";
-import { useState } from "react";
-
-const [active, setActive] = useState<boolean>();
-
-const focusTrapRef = useFocusTrap(active);
-
-<div ref={focusTrapRef}>Element which trap focus inside if `active` is truthy.</div>
-```
-```tsx
-import { useFocusReturn } from "@uxf/core/hooks/useFocusReturn";
-import { useState } from "react";
-
-const [active, setActive] = useState<boolean>();
-
-// Returns focus to last active element, e.g. in Modal or Popover
-useFocusReturn(active);
-```
-```tsx
-import { useAnchorProps } from "@uxf/core/hooks/useAnchorProps";
-import { AnchorHTMLAttributes } from "react";
-
-// extends <a /> by `analyticsCallback`, `disabled`, `loading`, `submit` props
-const anchorProps = useAnchorProps<AnchorHTMLAttributes<HTMLAnchorElement>>({
-  analyticsCallback: () => console.log("analytics"),
-  disabled: false,
-  href: "https://www.google.com/",
-  loading: false,
-  onClick: () => console.log("success"),
-  type: "submit", // simulate <button type="submit" /> function
-});
-
-<a {...anchorProps}>Click me</a>
-
-// example with generics
-import { UseAnchorProps, useAnchorProps } from "@uxf/core/hooks/useAnchorProps";
-import { AnchorHTMLAttributes } from "react";
-
-interface Props extends UseAnchorProps, AnchorHTMLAttributes<HTMLAnchorElement> {
-  customProp?: boolean;
-}
-
-const anchorProps = useAnchorProps<Props>({
-  customProp: true,
-  loading: false,
-  href: "https://www.google.com/",
-});
-
-<a {...anchorProps}>Click me</a>
-
-```
-```tsx
-import { useButtonProps } from "@uxf/core/hooks/useButtonProps";
-import { ButtonHTMLAttributes } from "react";
-
-// extends <button /> by `analyticsCallback` and `loading` props
-const buttonProps = useButtonProps<ButtonHTMLAttributes<HTMLButtonElement>>({
-  analyticsCallback: () => console.log("analytics"),
-  disabled: false,
-  loading: false,
-  onClick: () => console.log("success"),
-  type: "submit",
-});
-
-<button {...buttonProps}>Click me</button>
-
-// example with generics
-import { UseButtonProps, useButtonProps } from "@uxf/core/hooks/useButtonProps";
-import { ButtonHTMLAttributes } from "react";
-
-interface Props extends UseButtonProps, ButtonHTMLAttributes<HTMLButtonElement> {
-  customProp?: boolean;
-}
-
-const buttonProps = useButtonProps<Props>({
-  customProp: true,
-  loading: false,
-  type: "submit",
-});
-
-<button {...buttonProps}>Click me</button>
-```
-```tsx
-import { useClickableProps } from "@uxf/core/hooks/useClickableProps";
-import { HTMLAttributes } from "react";
-
-// extends any HTML element by `analyticsCallback`, `disabled`, `loading`, `submit` props
-const clickableProps = useClickableProps<HTMLAttributes<HTMLDivElement>>({
-  analyticsCallback: () => console.log("analytics"),
-  disabled: false,
-  loading: false,
-  onClick: () => console.log("success"),
-  type: "submit", // simulate <button type="submit" /> function
-});
-
-<div {...clickableProps}>Click me</div>
-
-// example with generics
-import { UseClickableProps, useClickableProps } from "@uxf/core/hooks/useClickableProps";
-import { HTMLAttributes } from "react";
-
-interface Props extends UseClickableProps, HTMLAttributes<HTMLDivElement> {
-  customProp?: boolean;
-}
-
-const buttonProps = useClickableProps<Props>({
-  customProp: true,
-  hidden: false,
-  loading: false,
-});
-
-<button {...buttonProps}>Click me</button>
-```
-```tsx
-import { useMouseDragToScroll } from "@uxf/core/hooks/useMouseDragToScroll";
-
-const targetRef = useRef<HTMLDivElement>(null);
-
-const style = useMouseDragToScroll(scrollRef);
-
-<div style={style}>Drag to scroll</div>
-```
-```tsx
-import { useInputFocus } from "@uxf/core/hooks/useInputFocus";
-
-const focusRef = useRef<HTMLInputElement>(null); // or HTMLTextAreaElement
-const { onBlur, onFocus } = props;
-
-const input = useInputFocus(focusRef, onBlur, onFocus);
-
-<div>Input is {input.focused}</div>
-<button onClick={input.focus}>Focus input</button>
-<input onBlur={input.onBlur} onFocus={input.onFocus} ref={focusRef} />
-```
-```tsx
-import { useLatest } from "@uxf/core/hooks/useLatest";
-
-const latestState = useLatest(someUnstableWhatever);
+## Utils
 
-useEffect(() => {
-  latestState.current(); // use newest state of 'someUnstableWhatever' without affecting this effetct update
-}, [latestState])
-```
-```tsx
-import { usePrevious } from "@uxf/core/hooks/usePrevious";
+### adjustTextareaHeight
 
-const previousState = usePrevious(someUnstableWhatever);
+Dynamically adjusts the height of a `<textarea>` based on its content and an optional number of rows.
 
-useEffect(() => {
-  previousState.current(); // use state of 'someUnstableWhatever' from previous render without affecting this effetct update
-}, [previousState])
-```
+#### Parameters
+- **`element`**: The `<textarea>` to adjust.
+- **`rows`** (optional): Minimum visible rows. Default is `4`.
 
-## Next
-```tsx
-import { queryParamToString, queryParamToNumber } from "@uxf/core/next";
+#### Behavior
+- Resets height to `"auto"` to measure content height.
+- Adjusts height to fit content or the minimum height based on the `rows` parameter, calculated using `line-height` and `font-size`.
 
-queryParamToNumber(ctx.query.id);
-queryParamToString(ctx.query.name);
-```
+#### Usage
+```typescript
+adjustTextareaHeight(textarea); // Adjusts height (min 4 rows)
+adjustTextareaHeight(textarea, 6); // With 6-row minimum
+``` 
 
-## Utils
+> **Note**: Requires valid `line-height` and `font-size` styles for accurate sizing.
 
 ### cx, cxa
 It is our fork of `clsx` library https://github.com/lukeed/clsx

package/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Validators/FormValidator";
-export * from "./Validators/Validator";
+export * from "./validators/form-validator";
+export * from "./validators/validator";

package/index.js

@@ -15,5 +15,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 // TODO @vejvis - remove me
-__exportStar(require("./Validators/FormValidator"), exports);
-__exportStar(require("./Validators/Validator"), exports);
+__exportStar(require("./validators/form-validator"), exports);
+__exportStar(require("./validators/validator"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/core",
-    "version": "11.51.0",
+    "version": "11.52.2",
     "description": "UXF Core",
     "author": "Petr Vejvoda <vejvoda@uxf.cz>",
     "homepage": "https://gitlab.com/uxf-npm/core#readme",
@@ -22,12 +22,5 @@
     "bugs": {
         "url": "https://gitlab.com/uxf-npm/core/issues"
     },
-    "peerDependencies": {
-        "react": ">=18.2.0"
-    },
-    "devDependencies": {
-        "@types/react": "18.3.5",
-        "react": "18.3.1"
-    },
     "gitHead": "a2dee6aa67621f6eda17e63e88d0edf14f88455a"
 }

package/utils/adjust-textarea-height.d.ts

@@ -0,0 +1 @@
+export declare function adjustTextareaHeight(element: HTMLTextAreaElement, rows?: number): void;

package/utils/adjust-textarea-height.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.adjustTextareaHeight = adjustTextareaHeight;
+function adjustTextareaHeight(element, rows = 4) {
+    element.style.height = "auto";
+    if (rows >= 1) {
+        const contentHeight = element.scrollHeight;
+        const lineHeight = parseFloat(window.getComputedStyle(element).getPropertyValue("line-height"));
+        const fontSize = parseFloat(window.getComputedStyle(element).getPropertyValue("font-size"));
+        const targetHeight = parseInt((rows * fontSize * (lineHeight / fontSize)).toFixed(3), 10);
+        element.style.height = Math.max(targetHeight, contentHeight) + "px";
+    }
+}

package/utils/adjust-textarea-height.test.js

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// adjustTextareaHeight.spec.ts
+const adjust_textarea_height_1 = require("./adjust-textarea-height");
+describe("adjustTextareaHeight", () => {
+    let textarea;
+    beforeEach(() => {
+        textarea = document.createElement("textarea");
+        document.body.appendChild(textarea);
+    });
+    afterEach(() => {
+        document.body.removeChild(textarea);
+        jest.restoreAllMocks();
+    });
+    it('should reset the height of the textarea to "auto" before adjustment', () => {
+        textarea.style.height = "100px";
+        (0, adjust_textarea_height_1.adjustTextareaHeight)(textarea);
+        expect(textarea.style.height).toBe("auto");
+    });
+    it("should correctly adjust the height based on content height when rows are provided", () => {
+        jest.spyOn(window, "getComputedStyle").mockImplementation(() => ({
+            getPropertyValue: (property) => {
+                if (property === "line-height") {
+                    return "20px";
+                }
+                if (property === "font-size") {
+                    return "16px";
+                }
+                return "";
+            },
+        }));
+        textarea.style.height = "auto";
+        textarea.style.fontSize = "16px";
+        // Simulate some content with scrollHeight of 150px
+        Object.defineProperty(textarea, "scrollHeight", { value: 150, configurable: true });
+        (0, adjust_textarea_height_1.adjustTextareaHeight)(textarea, 4);
+        // Calculate expected target height
+        const fontSize = 16;
+        const lineHeight = 20;
+        const targetHeight = 4 * fontSize * (lineHeight / fontSize);
+        expect(textarea.style.height).toBe(`${Math.max(targetHeight, 150)}px`);
+    });
+    it("should handle a case when rows is not provided and default to 4", () => {
+        jest.spyOn(window, "getComputedStyle").mockImplementation(() => ({
+            getPropertyValue: (property) => {
+                if (property === "line-height") {
+                    return "24px";
+                }
+                if (property === "font-size") {
+                    return "16px";
+                }
+                return "";
+            },
+        }));
+        // Simulate some content with scrollHeight of 100px
+        Object.defineProperty(textarea, "scrollHeight", { value: 100, configurable: true });
+        (0, adjust_textarea_height_1.adjustTextareaHeight)(textarea);
+        // Default rows = 4
+        const fontSize = 16;
+        const lineHeight = 24;
+        const targetHeight = 4 * fontSize * (lineHeight / fontSize);
+        expect(textarea.style.height).toBe(`${Math.max(targetHeight, 100)}px`);
+    });
+    it("should not fail if rows is less than 1", () => {
+        jest.spyOn(window, "getComputedStyle").mockImplementation(() => ({
+            getPropertyValue: (property) => {
+                if (property === "line-height") {
+                    return "18px";
+                }
+                if (property === "font-size") {
+                    return "14px";
+                }
+                return "";
+            },
+        }));
+        // Simulate some content with scrollHeight of 80px
+        Object.defineProperty(textarea, "scrollHeight", { value: 80, configurable: true });
+        (0, adjust_textarea_height_1.adjustTextareaHeight)(textarea, 0);
+        // Target height should not be calculated when rows < 1,
+        // so only scrollHeight should matter
+        expect(textarea.style.height).toBe("auto");
+    });
+});

package/utils/build-array.test.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const build_array_1 = require("./build-array");
+test("buildArray", () => {
+    expect((0, build_array_1.buildArray)()).toStrictEqual([]);
+    expect((0, build_array_1.buildArray)().add("uxf")).toStrictEqual(["uxf"]);
+    expect((0, build_array_1.buildArray)().add("ux").add("fans")).toStrictEqual(["ux", "fans"]);
+    expect((0, build_array_1.buildArray)().add("ux").when(true, "fans")).toStrictEqual(["ux", "fans"]);
+    expect((0, build_array_1.buildArray)().add("ux").when(false, "fans")).toStrictEqual(["ux"]);
+});

package/utils/camel-case-to-dash.test.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const camel_case_to_dash_1 = require("./camel-case-to-dash");
+test("camelCaseToDash", () => {
+    expect((0, camel_case_to_dash_1.camelCaseToDash)("someName")).toBe("some-name");
+    expect((0, camel_case_to_dash_1.camelCaseToDash)("camelCaseString")).toBe("camel-case-string");
+    expect((0, camel_case_to_dash_1.camelCaseToDash)("seo")).toBe("seo");
+});

package/utils/image.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { ImageResponse, ImageSource, ResizerImageProps, StaticImageData } from "./resizer";
 export type Dimension = number | "auto";
 export type Format = "avif" | "webp" | "original";
@@ -16,24 +15,3 @@ export type GetImgSrcSetOptions = ResizerImageProps & {
     maxHiDpi?: 3 | 2 | 1;
 };
 export declare function getImgSrcSet(src: ImageSource, width?: Dimension, height?: Dimension, options?: GetImgSrcSetOptions): string | undefined;
-/**
- * @deprecated Use import from @uxf/ui instead.
- */
-export type ImageSourcesOptions = Omit<GetImgSrcSetOptions, "quality" | "toFormat"> & {
-    isAvifDisabled?: boolean;
-    isWebPDisabled?: boolean;
-};
-interface ImageSourcesProps {
-    breakpointIndex?: number;
-    breakpoints?: string[];
-    height: Dimension;
-    options?: ImageSourcesOptions;
-    quality?: Quality;
-    src: ImageSource;
-    width: Dimension;
-}
-/**
- * @deprecated Use import from @uxf/ui instead.
- */
-export declare function ImgSources(props: ImageSourcesProps): React.JSX.Element | null;
-export {};

package/utils/image.js

@@ -1,7 +1,4 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isSrcString = isSrcString;
 exports.isSrcImageResponse = isSrcImageResponse;
@@ -13,9 +10,6 @@ exports.getImgUniqueIdentifier = getImgUniqueIdentifier;
 exports.getImgElementHeight = getImgElementHeight;
 exports.getImgElementWidth = getImgElementWidth;
 exports.getImgSrcSet = getImgSrcSet;
-exports.ImgSources = ImgSources;
-const hide_1 = require("@uxf/core-react/components/hide");
-const react_1 = __importDefault(require("react"));
 const file_1 = require("./file");
 const is_empty_1 = require("./is-empty");
 const is_not_nil_1 = require("./is-not-nil");
@@ -124,38 +118,3 @@ function getImgSrcSet(src, width, height, options = {}) {
     }
     return (0, resizer_1.resizerImageUrl)(src, w, h, { toFormat, ...restOptions });
 }
-/**
- * @deprecated Use import from @uxf/ui instead.
- */
-function ImgSources(props) {
-    var _a, _b;
-    if (isSrcString(props.src) && (0, is_empty_1.isEmpty)(props.src)) {
-        return null;
-    }
-    if (isSrcImageResponse(props.src) && (0, is_empty_1.isEmpty)(props.src.uuid)) {
-        return null;
-    }
-    if (isSrcStaticImageData(props.src) && (0, is_empty_1.isEmpty)(props.src.src)) {
-        return null;
-    }
-    const media = (0, is_not_nil_1.isNotNil)(props.breakpoints) && (0, is_not_nil_1.isNotNil)(props.breakpointIndex)
-        ? `(min-width: ${props.breakpoints[props.breakpointIndex]})`
-        : undefined;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(hide_1.Hide, { when: Boolean((_a = props.options) === null || _a === void 0 ? void 0 : _a.isAvifDisabled) },
-            react_1.default.createElement("source", { media: media, srcSet: getImgSrcSet(props.src, props.width, props.height, {
-                    ...props.options,
-                    quality: getImgQuality(props.quality, "avif"),
-                    toFormat: "avif",
-                }), type: "image/avif" })),
-        react_1.default.createElement(hide_1.Hide, { when: Boolean((_b = props.options) === null || _b === void 0 ? void 0 : _b.isWebPDisabled) },
-            react_1.default.createElement("source", { media: media, srcSet: getImgSrcSet(props.src, props.width, props.height, {
-                    ...props.options,
-                    quality: getImgQuality(props.quality, "webp"),
-                    toFormat: "webp",
-                }), type: "image/webp" })),
-        react_1.default.createElement("source", { media: media, srcSet: getImgSrcSet(props.src, props.width, props.height, {
-                ...props.options,
-                quality: getImgQuality(props.quality, "original"),
-            }) })));
-}

package/utils/{isBrowser.test.js → is-browser.test.js}

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const isBrowser_1 = require("./isBrowser");
+const is_browser_1 = require("./is-browser");
 test("isBrowser", () => {
     // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     if (window === undefined) {
-        expect(isBrowser_1.isBrowser).toBeFalsy();
+        expect(is_browser_1.isBrowser).toBeFalsy();
     }
     else {
-        expect(isBrowser_1.isBrowser).toBeTruthy();
+        expect(is_browser_1.isBrowser).toBeTruthy();
     }
 });

package/utils/{isServer.js → is-server.js}

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isServer = void 0;
-const isBrowser_1 = require("./isBrowser");
-exports.isServer = !isBrowser_1.isBrowser;
+const is_browser_1 = require("./is-browser");
+exports.isServer = !is_browser_1.isBrowser;

package/utils/is-server.test.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const is_browser_1 = require("./is-browser");
+const is_server_1 = require("./is-server");
+test("isServer", () => {
+    if (is_browser_1.isBrowser) {
+        expect(is_server_1.isServer).toBeFalsy();
+    }
+    else {
+        expect(is_server_1.isServer).toBeTruthy();
+    }
+});

package/utils/trim-trailing-zeros.test.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const trimTrailingZeros_1 = require("./trimTrailingZeros");
+const trim_trailing_zeros_1 = require("./trim-trailing-zeros");
 test("trimTrailingZeros", () => {
-    expect((0, trimTrailingZeros_1.trimTrailingZeros)("1.0000")).toBe("1");
-    expect((0, trimTrailingZeros_1.trimTrailingZeros)("1.")).toBe("1.");
-    expect((0, trimTrailingZeros_1.trimTrailingZeros)("0")).toBe("0");
-    expect((0, trimTrailingZeros_1.trimTrailingZeros)("100")).toBe("100");
-    expect((0, trimTrailingZeros_1.trimTrailingZeros)("test .0")).toBe("test ");
+    expect((0, trim_trailing_zeros_1.trimTrailingZeros)("1.0000")).toBe("1");
+    expect((0, trim_trailing_zeros_1.trimTrailingZeros)("1.")).toBe("1.");
+    expect((0, trim_trailing_zeros_1.trimTrailingZeros)("0")).toBe("0");
+    expect((0, trim_trailing_zeros_1.trimTrailingZeros)("100")).toBe("100");
+    expect((0, trim_trailing_zeros_1.trimTrailingZeros)("test .0")).toBe("test ");
 });

package/{Validators/FormValidator.js → validators/form-validator.js}

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormValidator = void 0;
-const Validator_1 = require("./Validator");
+const validator_1 = require("./validator");
 const emptyValue = (value) => value === null || value === undefined || value === "";
 // required
 const required = (errorMessage) => (value) => emptyValue(value) ? errorMessage || "Vyplňte." : undefined;
 // email
-const isEmail = (errorMessage) => (value) => !emptyValue(value) && !Validator_1.Validator.isEmail(value) ? errorMessage || "E-mail není validní" : undefined;
+const isEmail = (errorMessage) => (value) => !emptyValue(value) && !validator_1.Validator.isEmail(value) ? errorMessage || "E-mail není validní" : undefined;
 // phone
-const isPhone = (errorMessage) => (value) => !emptyValue(value) && !Validator_1.Validator.isPhone(value) ? errorMessage || "Telefon není validní" : undefined;
+const isPhone = (errorMessage) => (value) => !emptyValue(value) && !validator_1.Validator.isPhone(value) ? errorMessage || "Telefon není validní" : undefined;
 const isLessThan = (maxValue, errorMessage) => (value) => {
     if (value === "") {
         return undefined;

package/validators/form-validator.test.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const form_validator_1 = require("./form-validator");
+test("required", () => {
+    expect(form_validator_1.FormValidator.required("error")("not empty")).toBeUndefined();
+    expect(form_validator_1.FormValidator.required("error")(0)).toBeUndefined();
+    expect(form_validator_1.FormValidator.required("error")(false)).toBeUndefined();
+    expect(form_validator_1.FormValidator.required("error")("")).toBe("error");
+    expect(form_validator_1.FormValidator.required("error")(null)).toBe("error");
+    expect(form_validator_1.FormValidator.required("error")(undefined)).toBe("error");
+});
+test("isEmail", () => {
+    expect(form_validator_1.FormValidator.isEmail("error")("")).toBeUndefined();
+    expect(form_validator_1.FormValidator.isEmail("error")("dev@uxf.cz")).toBeUndefined();
+    expect(form_validator_1.FormValidator.isEmail("error")("dev@uxfcz")).toBe("error");
+});
+test("isPhone", () => {
+    expect(form_validator_1.FormValidator.isPhone("error")("")).toBeUndefined();
+    expect(form_validator_1.FormValidator.isPhone("error")("777888999")).toBeUndefined();
+    expect(form_validator_1.FormValidator.isPhone("error")("dev@uxfcz")).toBe("error");
+});
+test("isLessThan", () => {
+    expect(form_validator_1.FormValidator.isLessThan(10, "error")("")).toBeUndefined();
+    expect(form_validator_1.FormValidator.isLessThan(10, "error")("9.9")).toBeUndefined();
+    expect(form_validator_1.FormValidator.isLessThan(10, "error")("10")).toBe("error");
+    expect(form_validator_1.FormValidator.isLessThan(10, "error")("100")).toBe("error");
+});
+test("isLessOrEqualThan", () => {
+    expect(form_validator_1.FormValidator.isLessOrEqualThan(10, "error")("")).toBeUndefined();
+    expect(form_validator_1.FormValidator.isLessOrEqualThan(10, "error")("9.9")).toBeUndefined();
+    expect(form_validator_1.FormValidator.isLessOrEqualThan(10, "error")("10")).toBeUndefined();
+    expect(form_validator_1.FormValidator.isLessOrEqualThan(10, "error")("10.001")).toBe("error");
+});
+test("isGreaterThan", () => {
+    expect(form_validator_1.FormValidator.isGreaterThan(10, "error")("")).toBeUndefined();
+    expect(form_validator_1.FormValidator.isGreaterThan(10, "error")("9")).toBe("error");
+    expect(form_validator_1.FormValidator.isGreaterThan(10, "error")("10")).toBe("error");
+    expect(form_validator_1.FormValidator.isGreaterThan(10, "error")("10.001")).toBeUndefined();
+});
+test("isGreaterOrEqualThan", () => {
+    expect(form_validator_1.FormValidator.isGreaterOrEqualThan(10, "error")("")).toBeUndefined();
+    expect(form_validator_1.FormValidator.isGreaterOrEqualThan(10, "error")("9")).toBe("error");
+    expect(form_validator_1.FormValidator.isGreaterOrEqualThan(10, "error")("10")).toBeUndefined();
+    expect(form_validator_1.FormValidator.isGreaterOrEqualThan(10, "error")("10.001")).toBeUndefined();
+});

package/validators/validator.test.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const validator_1 = require("./validator");
+test("isEmail", () => {
+    expect(validator_1.Validator.isEmail("dev@uxf.cz")).toBe(true);
+    expect(validator_1.Validator.isEmail("dev@uxf.c")).toBe(false);
+    expect(validator_1.Validator.isEmail("dev@uxf@c")).toBe(false);
+});
+test("isPhone", () => {
+    expect(validator_1.Validator.isPhone("+420777000111")).toBe(true);
+    expect(validator_1.Validator.isPhone("00420777000111")).toBe(true);
+    expect(validator_1.Validator.isPhone("777000111")).toBe(true);
+    expect(validator_1.Validator.isPhone("77700011")).toBe(false);
+    expect(validator_1.Validator.isPhone("+1777000111")).toBe(true);
+    expect(validator_1.Validator.isPhone("+22777000111")).toBe(true);
+    expect(validator_1.Validator.isPhone("+001777000111")).toBe(true);
+});