@uxf/ui 11.119.0 → 11.120.0

package/button/button.stories.js

@@ -97,6 +97,7 @@ function Default() {
         react_1.default.createElement("hr", null))))))))))));
 }
 function OnlyForE2ETests() {
+    const [lastClicked, setLastClicked] = (0, react_1.useState)(null);
     const onClick = console.log;
     return (react_1.default.createElement("div", { className: "space-y-2 p-20" },
         react_1.default.createElement("div", { "data-testid": "card-a" },
@@ -104,7 +105,12 @@ function OnlyForE2ETests() {
         react_1.default.createElement("div", { "data-testid": "card-b" },
             react_1.default.createElement(button_1.Button, { onClick: onClick }, "Confirm")),
         react_1.default.createElement("div", { "data-testid": "card-c" },
-            react_1.default.createElement(button_1.Button, { onClick: onClick }, "Confirm"))));
+            react_1.default.createElement(button_1.Button, { onClick: onClick }, "Confirm")),
+        react_1.default.createElement(button_1.Button, { onClick: () => setLastClicked("Nevyřešené") }, "Nevy\u0159e\u0161en\u00E9"),
+        react_1.default.createElement(button_1.Button, { onClick: () => setLastClicked("Vyřešené") },
+            react_1.default.createElement(icon_1.Icon, { name: "check" }),
+            "Vy\u0159e\u0161en\u00E9"),
+        lastClicked !== null && react_1.default.createElement("div", { "data-testid": "last-clicked" }, lastClicked)));
 }
 function LoadingButton() {
     const clickHandler = () => new Promise((resolve) => setTimeout(resolve, 3000));

package/combobox/combobox.stories.js

@@ -86,16 +86,23 @@ const e2eLoadOptions = (data) => async (query) => {
     await delay(300);
     return data.filter((option) => !query || option.label.toLowerCase().includes(query.toLowerCase()));
 };
+const STAV_OPTIONS = [
+    { id: "nevyresene", label: "Nevyřešené" },
+    { id: "vyresene", label: "Vyřešené" },
+];
 function OnlyForE2ETests() {
     const [fruit, setFruit] = (0, react_1.useState)(null);
     const [country, setCountry] = (0, react_1.useState)(null);
     const [color, setColor] = (0, react_1.useState)(null);
     const [size, setSize] = (0, react_1.useState)(null);
+    const [stav, setStav] = (0, react_1.useState)(null);
     return (react_1.default.createElement("div", { className: "space-y-4 p-4" },
         react_1.default.createElement(index_1.Combobox, { isClearable: true, label: "Fruit", loadOptions: e2eLoadOptions(FRUITS), name: "fruit", onChange: setFruit, placeholder: "Select fruit...", value: fruit }),
         react_1.default.createElement(index_1.Combobox, { isClearable: true, label: "Country", loadOptions: e2eLoadOptions(COUNTRIES), name: "country", onChange: setCountry, placeholder: "Select country...", value: country }),
         react_1.default.createElement(index_1.Combobox, { isClearable: true, label: "Color", loadOptions: e2eLoadOptions(COLORS), name: "color", onChange: setColor, placeholder: "Select color...", value: color }),
-        react_1.default.createElement(index_1.Combobox, { isClearable: true, label: "Size", loadOptions: e2eLoadOptions(SIZES), name: "size", onChange: setSize, placeholder: "Select size...", value: size })));
+        react_1.default.createElement(index_1.Combobox, { isClearable: true, label: "Size", loadOptions: e2eLoadOptions(SIZES), name: "size", onChange: setSize, placeholder: "Select size...", value: size }),
+        react_1.default.createElement(index_1.Combobox, { isClearable: true, label: "Stav", loadOptions: e2eLoadOptions(STAV_OPTIONS), name: "stav", onChange: setStav, placeholder: "Vyberte stav...", value: stav }),
+        stav !== null && react_1.default.createElement("div", { "data-testid": "selected-stav" }, stav.id)));
 }
 function AsynchronousOptions() {
     const [value, setValue] = (0, react_1.useState)(null);

package/flash-messages/flash-messages.stories.d.ts

@@ -1,2 +1,3 @@
 import React from "react";
 export declare function Default(): React.JSX.Element;
+export declare function OnlyForE2ETests(): React.JSX.Element;

package/flash-messages/flash-messages.stories.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = Default;
+exports.OnlyForE2ETests = OnlyForE2ETests;
 const button_1 = require("@uxf/ui/button");
 const icon_1 = require("@uxf/ui/icon");
 const react_1 = __importDefault(require("react"));
@@ -50,3 +51,8 @@ function Default() {
                 message: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa ex fuga neque. Delectus error, esse eum exercitationem iste iure maiores mollitia officia quasi reiciendis saepe voluptates voluptatum? Commodi, nulla, quo!",
             }) }, "Long text")));
 }
+function OnlyForE2ETests() {
+    return (react_1.default.createElement("div", { className: "inline-flex flex-col space-y-4" },
+        react_1.default.createElement(button_1.Button, { onClick: () => (0, flash_messages_service_1.flashMessage)({ autoDismiss: false, message: "Vyřešené", variant: "info" }) }, "Zobrazit Vy\u0159e\u0161en\u00E9"),
+        react_1.default.createElement(button_1.Button, { onClick: () => (0, flash_messages_service_1.flashMessage)({ autoDismiss: false, message: "Nevyřešené", variant: "info" }) }, "Zobrazit Nevy\u0159e\u0161en\u00E9")));
+}

package/icon-button/icon-button.stories.d.ts

@@ -1,2 +1,3 @@
 import React from "react";
 export declare function Default(): React.JSX.Element;
+export declare function OnlyForE2ETests(): React.JSX.Element;

package/icon-button/icon-button.stories.js

@@ -34,6 +34,9 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = Default;
+exports.OnlyForE2ETests = OnlyForE2ETests;
+const button_1 = require("@uxf/ui/button");
+const icon_1 = require("@uxf/ui/icon");
 const storybook_config_1 = require("@uxf/ui/utils/storybook-config");
 const react_1 = __importStar(require("react"));
 const toggle_1 = require("../toggle");
@@ -65,3 +68,12 @@ function Default() {
                 config.variants.map((variant) => (react_1.default.createElement(react_1.Fragment, { key: variant }, config.sizes.map((size) => (react_1.default.createElement("div", { className: "flex items-center justify-center gap-2", key: `${size}${color}${variant}` },
                     react_1.default.createElement(icon_button_1.IconButton, { color: color, iconName: "user", isDisabled: isDisabled, isLoading: isLoading, label: "User", onClick: onClick, size: size, variant: variant })))))))))))));
 }
+function OnlyForE2ETests() {
+    const [lastClicked, setLastClicked] = (0, react_1.useState)(null);
+    return (react_1.default.createElement("div", { className: "space-y-4 p-8" },
+        react_1.default.createElement(icon_button_1.IconButton, { iconName: "xmark", label: "Zru\u0161it", onClick: () => setLastClicked("Zrušit"), title: "Zru\u0161it" }),
+        react_1.default.createElement(icon_button_1.IconButton, { iconName: "check", label: "Potvrdit", onClick: () => setLastClicked("Potvrdit"), title: "Potvrdit" }),
+        react_1.default.createElement(button_1.Button, { isIconButton: true, onClick: () => setLastClicked("Smazat"), title: "Smazat" },
+            react_1.default.createElement(icon_1.Icon, { name: "trash" })),
+        lastClicked !== null && react_1.default.createElement("div", { "data-testid": "last-clicked" }, lastClicked)));
+}

package/multi-select/multi-select.stories.d.ts

@@ -1,2 +1,3 @@
 import React from "react";
 export declare function Default(): React.JSX.Element;
+export declare function OnlyForE2ETests(): React.JSX.Element;

package/multi-select/multi-select.stories.js

@@ -34,6 +34,7 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = Default;
+exports.OnlyForE2ETests = OnlyForE2ETests;
 const react_1 = __importStar(require("react"));
 const action_1 = require("../utils/action");
 const multi_select_1 = require("./multi-select");
@@ -67,3 +68,13 @@ function Default() {
                 option.label), value: value }),
         react_1.default.createElement(multi_select_1.MultiSelect, { isDisabled: true, label: "Disabled", name: "disabled", onChange: onChange, options: options, value: value })));
 }
+const e2eOptions = [
+    { id: "nevyresene", label: "Nevyřešené" },
+    { id: "vyresene", label: "Vyřešené" },
+];
+function OnlyForE2ETests() {
+    const [value, setValue] = (0, react_1.useState)(null);
+    return (react_1.default.createElement("div", { className: "p-8" },
+        react_1.default.createElement(multi_select_1.MultiSelect, { label: "Stav", name: "stav", onChange: (v) => setValue(v), options: e2eOptions, placeholder: "Vyberte...", value: value }),
+        value !== null && react_1.default.createElement("div", { "data-testid": "selected-value" }, value.join(","))));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/ui",
-    "version": "11.119.0",
+    "version": "11.120.0",
     "description": "",
     "publishConfig": {
         "access": "public"
@@ -24,9 +24,9 @@
         "@floating-ui/react": "^0.27.17",
         "@headlessui/react": "1.7.19",
         "@uxf/core": "11.114.0",
-        "@uxf/core-react": "11.119.0",
-        "@uxf/datepicker": "11.119.0",
-        "@uxf/localize": "11.119.0",
+        "@uxf/core-react": "11.120.0",
+        "@uxf/datepicker": "11.120.0",
+        "@uxf/localize": "11.120.0",
         "@uxf/styles": "11.114.0",
         "dayjs": "^1.11.19",
         "react": ">= 18.2.0",
@@ -40,9 +40,9 @@
         "@types/react": "18.3.27",
         "@types/react-dom": "18.3.7",
         "@uxf/core": "11.114.0",
-        "@uxf/core-react": "11.119.0",
-        "@uxf/datepicker": "11.119.0",
-        "@uxf/localize": "11.119.0",
+        "@uxf/core-react": "11.120.0",
+        "@uxf/datepicker": "11.120.0",
+        "@uxf/localize": "11.120.0",
         "@uxf/styles": "11.114.0",
         "dayjs": "^1.11.19",
         "react-dropzone": "^14.4.0"

package/radio-group/radio-group.stories.d.ts

@@ -1,2 +1,3 @@
 import React from "react";
 export declare function Default(): React.JSX.Element;
+export declare function OnlyForE2ETests(): React.JSX.Element;

package/radio-group/radio-group.stories.js

@@ -34,6 +34,7 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = Default;
+exports.OnlyForE2ETests = OnlyForE2ETests;
 const react_1 = __importStar(require("react"));
 const action_1 = require("../utils/action");
 const index_1 = require("./index");
@@ -63,3 +64,13 @@ function Default() {
         react_1.default.createElement(index_1.RadioGroup, { id: "radiogroup", label: "Radio group variant row, radioSize lg", name: "radio-group-variant-row", onChange: onChange, options: options, radioSize: "lg", value: value, variant: "row" })));
     return react_1.default.createElement("div", { className: "rounded p-8" }, testRadioGroups);
 }
+const e2eOptions = [
+    { id: "nevyresene", label: "Nevyřešené" },
+    { id: "vyresene", label: "Vyřešené" },
+];
+function OnlyForE2ETests() {
+    const [value, setValue] = (0, react_1.useState)(null);
+    return (react_1.default.createElement("div", { className: "p-8" },
+        react_1.default.createElement(index_1.RadioGroup, { id: "stav", label: "Stav", name: "stav", onChange: setValue, options: e2eOptions, value: value }),
+        value !== null && react_1.default.createElement("div", { "data-testid": "selected-value" }, value)));
+}

package/select/select.stories.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
 export declare function Default(): React.JSX.Element;
+export declare function OnlyForE2ETests(): React.JSX.Element;
 export declare function ComponentStructure(): React.JSX.Element;

package/select/select.stories.js

@@ -37,6 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = Default;
+exports.OnlyForE2ETests = OnlyForE2ETests;
 exports.ComponentStructure = ComponentStructure;
 const react_1 = __importStar(require("react"));
 const action_1 = require("../utils/action");
@@ -80,6 +81,16 @@ function Default() {
     return (react_1.default.createElement("div", { className: "flex flex-col lg:flex-row" },
         react_1.default.createElement("div", { className: "space-y-2 p-20 lg:w-1/2" }, storyComboboxes)));
 }
+const e2eOptions = [
+    { id: "nevyresene", label: "Nevyřešené" },
+    { id: "vyresene", label: "Vyřešené" },
+];
+function OnlyForE2ETests() {
+    const [value, setValue] = (0, react_1.useState)(null);
+    return (react_1.default.createElement("div", { className: "p-8" },
+        react_1.default.createElement(index_1.Select, { label: "Stav", name: "stav", onChange: setValue, options: e2eOptions, placeholder: "Vyberte...", value: value }),
+        value !== null && react_1.default.createElement("div", { "data-testid": "selected-value" }, String(value))));
+}
 function ComponentStructure() {
     const [value, onChange] = (0, react_1.useState)(null);
     return (react_1.default.createElement(component_structure_analyzer_1.default, null,

package/typography/typography.stories.d.ts

@@ -1,2 +1,3 @@
 import React from "react";
+export declare function OnlyForE2ETests(): React.JSX.Element;
 export declare function Default(): React.JSX.Element;

package/typography/typography.stories.js

@@ -3,8 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.OnlyForE2ETests = OnlyForE2ETests;
 exports.Default = Default;
 const react_1 = __importDefault(require("react"));
+function OnlyForE2ETests() {
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("h1", null, "Text bez pevn\u00E9 mezery"),
+        react_1.default.createElement("h1", null, "Text s\u00A0pevnou mezerou")));
+}
 function Default() {
     return (react_1.default.createElement("div", { className: "space-y-4 dark:text-white" },
         react_1.default.createElement("h1", { className: "uxf-typo-h1" }, ".uxf-typo-h1"),