@uxf/ui 11.110.1 → 11.111.0

package/menu/components/menu-item.js

@@ -45,7 +45,14 @@ const menu_item_button_1 = require("./menu-item-button");
 function MenuItem(props) {
     var _a, _b;
     const [isOpen, setIsOpen] = (0, react_1.useState)(props.activeTree.isActive);
-    const button = (react_1.default.createElement(menu_item_button_1.MenuItemButton, { LinkComponent: (_b = (_a = props.item.as) !== null && _a !== void 0 ? _a : props.LinkComponent) !== null && _b !== void 0 ? _b : "a", badge: props.item.badge, hasChildren: (0, is_not_nil_1.isNotNil)(props.item.children) && (0, is_not_empty_1.isNotEmpty)(props.item.children), href: props.item.href, icon: props.item.icon, isActive: props.activeTree.isActive, isOpen: isOpen, label: props.item.label, level: props.level, onClick: () => setIsOpen((prev) => !prev) }));
+    const button = (react_1.default.createElement(menu_item_button_1.MenuItemButton, { LinkComponent: (_b = (_a = props.item.as) !== null && _a !== void 0 ? _a : props.LinkComponent) !== null && _b !== void 0 ? _b : "a", badge: props.item.badge, hasChildren: (0, is_not_nil_1.isNotNil)(props.item.children) && (0, is_not_empty_1.isNotEmpty)(props.item.children), href: props.item.href, icon: props.item.icon, isActive: props.activeTree.isActive, isOpen: isOpen, label: props.item.label, level: props.level, onClick: () => {
+            if ((0, is_not_nil_1.isNotNil)(props.item.onClick)) {
+                props.item.onClick();
+            }
+            else {
+                setIsOpen((prev) => !prev);
+            }
+        } }));
     if ((0, is_nil_1.isNil)(props.item.children) || (0, is_empty_1.isEmpty)(props.item.children)) {
         return button;
     }

package/menu/menu.stories.js

@@ -34,6 +34,11 @@ const CONFIGURATION = [
         icon: "file",
         badge: react_1.default.createElement(badge_1.Badge, null, "5"),
     },
+    {
+        label: "Link with onClick",
+        icon: "file",
+        onClick: () => alert("clicked"),
+    },
 ];
 function Default() {
     return (react_1.default.createElement("div", { className: "fixed inset-y-0 left-0 w-60 bg-white p-1" },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/ui",
-    "version": "11.110.1",
+    "version": "11.111.0",
     "description": "",
     "publishConfig": {
         "access": "public"

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

@@ -49,6 +49,7 @@ const action_1 = require("../utils/action");
 function Default() {
     const [value, setValue] = (0, react_1.useState)("");
     const [timeValue, setTimeValue] = (0, react_1.useState)("");
+    const [prefillValue, setPrefillValue] = (0, react_1.useState)("Prefilled text value");
     const onChange = (0, action_1.action)("onChange", setValue);
     const onTimeChange = (0, action_1.action)("onTimeChange", setTimeValue);
     const onCopy = (0, action_1.action)("onCopy", async () => {
@@ -64,6 +65,7 @@ function Default() {
         react_1.default.createElement(text_input_1.TextInput, { helperText: "Error helper text", isReadOnly: true, label: "Read only input", leftAddon: "https://", leftElement: "\uD83C\uDF37", name: "readOnly", onChange: onChange, placeholder: "Some beautiful placeholder...", rightAddon: ".cz", rightElement: "\uD83D\uDD14", value: value }),
         react_1.default.createElement(text_input_1.TextInput, { helperText: "Error helper text", isDisabled: true, label: "Disabled input", leftAddon: "https://", leftElement: "\uD83C\uDF37", name: "disabled", onChange: onChange, placeholder: "Some beautiful placeholder...", rightAddon: ".cz", rightElement: "\uD83D\uDD14", value: value }),
         react_1.default.createElement(text_input_1.TextInput, { label: "Default html time input", name: "defaultHtmlTime", onChange: onTimeChange, placeholder: "Some beautiful placeholder...", type: "time", value: timeValue }),
+        react_1.default.createElement(text_input_1.TextInput, { label: "Input with prefilled value", name: "withValue", onChange: setPrefillValue, value: prefillValue }),
         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 })));
 }