@uxf/ui 11.113.0 → 11.115.0

package/avatar-file-input/avatar-file-input.stories.js

@@ -42,13 +42,11 @@ function Default() {
     const [value, setValue] = (0, react_1.useState)(null);
     const onChange = (0, action_1.action)("onChange", (v) => {
         return new Promise(() => {
-            // eslint-disable-next-line no-console
             console.log("Changed:", v);
             setValue(v);
         });
     });
     const onUploadError = (err) => {
-        // eslint-disable-next-line no-console
         console.log("Upload error", err);
     };
     return (react_1.default.createElement("div", { className: "space-y-4 p-20" },

package/button/button.stories.js

@@ -45,7 +45,6 @@ function Basic() {
     const [isDisabled, setIsDisabled] = (0, react_1.useState)(false);
     const [isLoading, setIsLoading] = (0, react_1.useState)(false);
     const config = (0, storybook_config_1.useStorybookConfig)("Button");
-    // eslint-disable-next-line no-console
     const onClick = console.log;
     const gridColumnsCount = config.variants.length * config.sizes.length + 1;
     const gridTemplateColumns = `repeat(${gridColumnsCount}, 180px)`;
@@ -73,7 +72,6 @@ function Basic() {
 }
 function Default() {
     const config = (0, storybook_config_1.useStorybookConfig)("Button");
-    // eslint-disable-next-line no-console
     const onClick = console.log;
     return (react_1.default.createElement("div", { className: "space-y-2 p-20" }, config.variants.map((variant) => (react_1.default.createElement(react_1.Fragment, { key: variant }, config.colors.map((color) => (react_1.default.createElement(react_1.Fragment, { key: color }, config.sizes.map((size) => (react_1.default.createElement("div", { className: "space-y-2 pb-4", key: `${size}${color}${variant}` },
         react_1.default.createElement("div", { className: "text-sm dark:text-gray-100" },

package/button-group/button-group.stories.js

@@ -10,7 +10,6 @@ const icon_1 = require("../icon");
 const tooltip_1 = require("../tooltip");
 const index_1 = require("./index");
 function Default() {
-    // eslint-disable-next-line no-console
     const onClick = console.log;
     const component = (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(index_1.ButtonGroup, null,

package/button-list/button-list.js

@@ -46,7 +46,7 @@ const button_1 = require("../button");
 const use_dropdown_1 = require("../hooks/use-dropdown");
 const icon_1 = require("../icon");
 const MenuButton = (0, react_3.forwardRef)((props, ref) => {
-    // eslint-disable-next-line react/destructuring-assignment,@typescript-eslint/no-unused-vars
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const { as = "a", variant, color, isIconButton, isFullWidth, size, icon, label, className, ...restProps } = props;
     const Component = as;
     const anchorProps = (0, use_anchor_props_1.useAnchorProps)({

package/button-list/button-list.stories.js

@@ -30,27 +30,21 @@ function Default() {
             ], variant: "secondary", visibleButtonsCount: 4 }),
         react_1.default.createElement(index_1.ButtonList, { buttons: [
                 { label: "IconButton", isIconButton: true, icon: "camera" },
-                // eslint-disable-next-line no-console
                 { label: "First item", onClick: console.log },
                 { label: "Second item", color: "positive" },
                 { label: "Third item" },
-                // eslint-disable-next-line no-console
                 { label: "Fourth item", onClick: console.log },
             ], visibleButtonsCount: 3 }),
         react_1.default.createElement(index_1.ButtonList, { buttons: [
-                // eslint-disable-next-line no-console
                 { icon: "check", label: "First item", onClick: console.log },
                 { icon: "user", label: "Second item", color: "positive" },
                 { icon: "cloud", label: "Third item" },
-                // eslint-disable-next-line no-console
                 { icon: "xmarkLarge", label: "Fourth item", onClick: console.log },
             ], color: "negative", openButton: empty_object_1.EMPTY_OBJECT, size: "sm", variant: "secondary", visibleButtonsCount: 1 }),
         react_1.default.createElement(index_1.ButtonList, { buttons: [
-                // eslint-disable-next-line no-console
                 { icon: "check", label: "First item", onClick: console.log, color: "negative" },
                 { icon: "user", label: "Second item", color: "positive", size: "default" },
                 { icon: "cloud", label: "Third item" },
-                // eslint-disable-next-line no-console
                 { icon: "xmarkLarge", label: "Fourth item", onClick: console.log },
             ], color: "positive", openButton: { variant: "secondary", color: "default" }, size: "sm", visibleButtonsCount: 3 })));
     return (react_1.default.createElement("div", { className: "flex flex-col lg:flex-row" },

package/date-picker/date-picker-content.js

@@ -40,7 +40,6 @@ const date_picker_decade_1 = require("./date-picker-decade");
 const date_picker_month_1 = require("./date-picker-month");
 const date_picker_year_1 = require("./date-picker-year");
 const DatePickerContent = (props) => {
-    // eslint-disable-next-line react/destructuring-assignment
     const { goToDate, activeMonths } = (0, react_1.useContext)(date_picker_context_1.DatePickerContext);
     const onMonthChange = props.onMonthChange;
     const [viewMode, setViewMode] = (0, react_1.useState)("month");

package/date-range-picker/date-range-picker-content.js

@@ -40,7 +40,6 @@ const date_range_picker_decade_1 = require("./date-range-picker-decade");
 const date_range_picker_month_1 = require("./date-range-picker-month");
 const date_range_picker_year_1 = require("./date-range-picker-year");
 const DateRangePickerContent = (props) => {
-    // eslint-disable-next-line react/destructuring-assignment
     const { goToDate, activeMonths } = (0, react_1.useContext)(date_range_picker_context_1.DateRangePickerContext);
     const [viewMode, setViewMode] = (0, react_1.useState)("month");
     const onYearSelect = (0, react_1.useCallback)(() => setViewMode("decade"), [setViewMode]);

package/dropdown/dropdown.js

@@ -39,7 +39,6 @@ const use_anchor_props_1 = require("@uxf/core-react/clickable/use-anchor-props")
 const cx_1 = require("@uxf/core/utils/cx");
 const react_1 = __importStar(require("react"));
 const Item = (0, react_1.forwardRef)((props, ref) => {
-    // eslint-disable-next-line react/destructuring-assignment
     const { as = "a", children, className, ...restProps } = props;
     const Component = as;
     const anchorProps = (0, use_anchor_props_1.useAnchorProps)({

package/file-input/file-input.stories.js

@@ -42,7 +42,6 @@ function Default() {
     const [value, setValue] = (0, react_1.useState)(null);
     const onChange = (0, action_1.action)("onChange", setValue);
     const onUploadError = (err) => {
-        // eslint-disable-next-line no-console
         console.log("Upload error", err);
     };
     return (react_1.default.createElement("div", { className: "max-w-screen-sm space-y-2 p-20" },

package/icon-button/icon-button.js

@@ -38,7 +38,6 @@ const button_1 = require("@uxf/ui/button");
 const icon_1 = require("@uxf/ui/icon");
 const react_1 = __importStar(require("react"));
 exports.IconButton = (0, react_1.forwardRef)((props, ref) => {
-    // eslint-disable-next-line react/destructuring-assignment
     const { className, iconName, iconSize, label, ...buttonProps } = props;
     return (react_1.default.createElement(button_1.Button, { className: `uxf-icon-button ${className !== null && className !== void 0 ? className : ""}`, ref: ref, ...buttonProps },
         react_1.default.createElement(icon_1.Icon, { "aria-label": label, name: iconName, size: iconSize })));

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

@@ -42,7 +42,6 @@ function Default() {
     const [isDisabled, setIsDisabled] = (0, react_1.useState)(false);
     const [isLoading, setIsLoading] = (0, react_1.useState)(false);
     const config = (0, storybook_config_1.useStorybookConfig)("IconButton");
-    // eslint-disable-next-line no-console
     const onClick = console.log;
     const gridColumnsCount = config.variants.length * config.sizes.length + 1;
     const gridTemplateColumns = `repeat(${gridColumnsCount}, 100px)`;

package/input/input.js

@@ -48,6 +48,7 @@ function getChildrenById(children, componentName) {
         .filter(react_1.isValidElement)
         .find((ch) => ch.type.displayName === componentName);
 }
+// eslint-disable-next-line complexity
 exports.Input = (0, react_1.forwardRef)((props, ref) => {
     var _a, _b;
     const innerInputRef = (0, react_1.useRef)(null);

package/list-item/list-item.js

@@ -39,7 +39,6 @@ const cx_1 = require("@uxf/core/utils/cx");
 const react_1 = __importStar(require("react"));
 const icon_1 = require("../icon");
 exports.ListItem = (0, react_1.forwardRef)((props, ref) => {
-    // eslint-disable-next-line react/destructuring-assignment
     const { as = "a", className, children, endElement, endIcon, ...restProps } = props;
     const Component = as;
     const anchorProps = (0, use_anchor_props_1.useAnchorProps)({

package/list-item/list-item.stories.js

@@ -8,7 +8,6 @@ const react_1 = __importDefault(require("react"));
 const icon_1 = require("../icon");
 const index_1 = require("./index");
 function Default() {
-    // eslint-disable-next-line no-console
     const onClick = console.log;
     const storyListItem = (react_1.default.createElement("div", { className: "dark:text-white" },
         react_1.default.createElement(index_1.ListItem, { endIcon: "chevronRight", onClick: onClick }, "Jm\u00E9no p\u0159\u00EDjmen\u00ED"),

package/message/message.stories.js

@@ -15,7 +15,6 @@ const getConfirmForSize = (variant, colors) => {
                 cancelLabel: "Zrušit",
                 title: "Title",
                 description: "Description",
-                /* eslint-disable no-console */
                 onAccept: () => console.log("accepted"),
                 onCancel: () => console.log("canceled"),
                 color,
@@ -30,7 +29,6 @@ const getConfirmForSize = (variant, colors) => {
                 cancelLabel: "Rozumím",
                 title: "Title",
                 description: "Description",
-                /* eslint-disable no-console */
                 onCancel: () => console.log("canceled"),
                 color,
                 variant,
@@ -46,7 +44,6 @@ const getConfirmForSize = (variant, colors) => {
                 cancelLabel: "Zrušit",
                 title: "Title",
                 description: "Description",
-                /* eslint-disable no-console */
                 onAccept: () => console.log("accepted"),
                 onCancel: () => console.log("canceled"),
                 color,

package/multi-combobox/multi-combobox.stories.js

@@ -55,7 +55,6 @@ const options = [
 function Default() {
     const [value, setValue] = (0, react_1.useState)(null);
     const onChange = (0, action_1.action)("onChange", (v) => {
-        // eslint-disable-next-line no-console
         console.log("Select values: ", v);
         setValue(v);
     });
@@ -72,7 +71,6 @@ function Default() {
 function Async() {
     const [value, setValue] = (0, react_1.useState)(null);
     const onChange = (0, action_1.action)("onChange", (v) => {
-        // eslint-disable-next-line no-console
         console.log("Select values: ", v);
         setValue(v);
     });

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

@@ -54,7 +54,6 @@ const options = [
 function Default() {
     const [value, setValue] = (0, react_1.useState)(null);
     const onChange = (0, action_1.action)("onChange", (v) => {
-        // eslint-disable-next-line no-console
         console.log("Select values: ", v);
         setValue(v);
     });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/ui",
-    "version": "11.113.0",
+    "version": "11.115.0",
     "description": "",
     "publishConfig": {
         "access": "public"
@@ -23,11 +23,11 @@
     "peerDependencies": {
         "@floating-ui/react": "^0.27.17",
         "@headlessui/react": "1.7.19",
-        "@uxf/core": "11.111.2",
-        "@uxf/core-react": "11.111.2",
-        "@uxf/datepicker": "11.113.0",
-        "@uxf/localize": "11.111.2",
-        "@uxf/styles": "11.111.2",
+        "@uxf/core": "11.114.0",
+        "@uxf/core-react": "11.114.0",
+        "@uxf/datepicker": "11.114.0",
+        "@uxf/localize": "11.114.0",
+        "@uxf/styles": "11.114.0",
         "dayjs": "^1.11.19",
         "react": ">= 18.2.0",
         "react-dom": ">= 18.2.0",
@@ -39,11 +39,11 @@
         "@types/node": "24",
         "@types/react": "18.3.27",
         "@types/react-dom": "18.3.7",
-        "@uxf/core": "11.111.2",
-        "@uxf/core-react": "11.111.2",
-        "@uxf/datepicker": "11.113.0",
-        "@uxf/localize": "11.111.2",
-        "@uxf/styles": "11.111.2",
+        "@uxf/core": "11.114.0",
+        "@uxf/core-react": "11.114.0",
+        "@uxf/datepicker": "11.114.0",
+        "@uxf/localize": "11.114.0",
+        "@uxf/styles": "11.114.0",
         "dayjs": "^1.11.19",
         "react-dropzone": "^14.4.0"
     }

package/select/select.stories.js

@@ -57,7 +57,6 @@ const options = [
 function Default() {
     const [value, setValue] = (0, react_1.useState)(null);
     const onChange = (0, action_1.action)("onChange", (v) => {
-        // eslint-disable-next-line no-console
         console.log("Select value: ", v);
         setValue(v);
     });

package/text-input/text-input.stories.d.ts

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

package/text-input/text-input.stories.js

@@ -32,20 +32,23 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = Default;
-exports.ComponentStructure = ComponentStructure;
+exports.OnlyForE2ETests = OnlyForE2ETests;
 const copy_to_clipboard_1 = require("@uxf/core/utils/copy-to-clipboard");
 const button_1 = require("@uxf/ui/button");
+const combobox_1 = require("@uxf/ui/combobox");
 const flash_messages_service_1 = require("@uxf/ui/flash-messages/flash-messages-service");
 const icon_1 = require("@uxf/ui/icon");
 const text_input_1 = require("@uxf/ui/text-input");
-const component_structure_analyzer_1 = __importDefault(require("@uxf/ui/utils/component-structure-analyzer"));
 const react_1 = __importStar(require("react"));
 const action_1 = require("../utils/action");
+const PHONE_OPTIONS = [
+    { id: "CZ", label: "+420" },
+    { id: "SK", label: "+421" },
+    { id: "DE", label: "+49" },
+    { id: "AT", label: "+43" },
+];
 function Default() {
     const [value, setValue] = (0, react_1.useState)("");
     const [timeValue, setTimeValue] = (0, react_1.useState)("");
@@ -69,8 +72,9 @@ function Default() {
         react_1.default.createElement(text_input_1.TextInput, { label: "Copy to clipboard input", leftAddon: "I can be copied!", name: "copyToClipboard", onChange: onChange, placeholder: "Some beautiful placeholder...", rightAddon: react_1.default.createElement(button_1.Button, { className: "size-full rounded-l-none border-none", isDisabled: value === "", onClick: onCopy, variant: "secondary" },
                 react_1.default.createElement(icon_1.Icon, { className: "w-4", name: "copy" })), value: value })));
 }
-function ComponentStructure() {
-    const [value, onChange] = (0, react_1.useState)("");
-    return (react_1.default.createElement(component_structure_analyzer_1.default, null,
-        react_1.default.createElement(text_input_1.TextInput, { helperText: "Helper text", isInvalid: false, label: "Label", leftAddon: "https://", leftElement: "\uD83C\uDF37", name: "text-input", onChange: onChange, placeholder: "Placeholder", rightAddon: ".cz", rightElement: "\uD83D\uDD14", value: value })));
+function OnlyForE2ETests() {
+    const [phoneCountryCode, setPhoneCountryCode] = (0, react_1.useState)({ id: "CZ", label: "+420" });
+    const [phoneNumber, setPhoneNumber] = (0, react_1.useState)("");
+    return (react_1.default.createElement("div", { className: "space-y-2 p-20" },
+        react_1.default.createElement(text_input_1.TextInput, { label: "Text input with combobox", leftAddon: react_1.default.createElement(combobox_1.Combobox, { className: "w-24", hiddenLabel: true, label: "Phone country code", name: "phoneCountryCode", onChange: setPhoneCountryCode, options: PHONE_OPTIONS, value: phoneCountryCode }), name: "phoneNumber", onChange: setPhoneNumber, placeholder: "777777777", type: "tel", value: phoneNumber })));
 }

package/text-link/text-link.js

@@ -39,7 +39,6 @@ const use_anchor_props_1 = require("@uxf/core-react/clickable/use-anchor-props")
 const cx_1 = require("@uxf/core/utils/cx");
 const react_1 = __importStar(require("react"));
 exports.TextLink = (0, react_1.forwardRef)((props, ref) => {
-    // eslint-disable-next-line react/destructuring-assignment
     const { as = "a", className, children, variant, ...restProps } = props;
     const Component = as;
     const anchorProps = (0, use_anchor_props_1.useAnchorProps)({

package/text-link/text-link.stories.js

@@ -7,7 +7,6 @@ exports.Default = Default;
 const react_1 = __importDefault(require("react"));
 const index_1 = require("./index");
 function Default() {
-    // eslint-disable-next-line no-console
     const onClick = console.log;
     return (react_1.default.createElement("div", { className: "flex" },
         react_1.default.createElement("div", { className: "flex gap-4 p-20" },

package/time-picker/time-picker-hour.js

@@ -41,7 +41,6 @@ const use_hour_1 = require("@uxf/datepicker/hooks/use-hour");
 const react_1 = __importStar(require("react"));
 const TimePickerHour = (props) => {
     const hourRef = (0, react_1.useRef)(null);
-    // eslint-disable-next-line react/destructuring-assignment
     const { focusedHour, isHourFocused, isHourSelected, onHourSelect, onHourFocus, preventScroll } = (0, react_1.useContext)(time_picker_context_1.TimePickerContext);
     const { onClick, onKeyDown, tabIndex, isSelected } = (0, use_hour_1.useHour)({
         hour: props.hour,

package/time-picker/time-picker-minute.js

@@ -41,7 +41,6 @@ const use_minute_1 = require("@uxf/datepicker/hooks/use-minute");
 const react_1 = __importStar(require("react"));
 const TimePickerMinute = (props) => {
     const minuteRef = (0, react_1.useRef)(null);
-    // eslint-disable-next-line react/destructuring-assignment
     const { focusedMinute, isMinuteFocused, isMinuteSelected, onMinuteSelect, onMinuteFocus, preventScroll } = (0, react_1.useContext)(time_picker_context_1.TimePickerContext);
     const { isSelected, onClick, onKeyDown, tabIndex } = (0, use_minute_1.useMinute)({
         minute: props.minute,