@appquality/unguess-design-system 2.12.71 → 2.12.72

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v2.12.72 (Thu Feb 09 2023)
+
+#### 🐛 Bug Fix
+
+- Fix dropdown header item [#206](https://github.com/AppQuality/unguess-design-system/pull/206) ([@cannarocks](https://github.com/cannarocks))
+
+#### Authors: 1
+
+- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
+
+---
+
 # v2.12.71 (Thu Feb 09 2023)
 
 #### 🐛 Bug Fix

package/build/index.js

@@ -1868,6 +1868,8 @@ const StyledLabel$2 = styled__default["default"](reactForms.Label) ``;
  **/
 const Label = (props) => jsxRuntime.jsx(StyledLabel$2, Object.assign({}, props));
 
+const MenuHeaderItem = (props) => (jsxRuntime.jsx(reactDropdowns.HeaderItem, Object.assign({}, props)));
+
 const UgSelect = styled__default["default"](reactDropdowns.Select) `
   ${(props) => props.isPrimary &&
     `
@@ -1894,9 +1896,12 @@ const StyledDropdown = styled__default["default"].div `
     display: block;
   }
 `;
+const StyledMenuHeaderItem = styled__default["default"](MenuHeaderItem) `
+  pointer-events: none;
+`;
 const Dropdown = (props) => (jsxRuntime.jsx(StyledDropdown, { children: jsxRuntime.jsx(reactDropdowns.Dropdown, Object.assign({}, props)) }));
 const Message = (props) => jsxRuntime.jsx(reactDropdowns.Message, Object.assign({}, props));
-Dropdown.HeaderItem = HeaderItem;
+Dropdown.HeaderItem = StyledMenuHeaderItem;
 Dropdown.Separator = Separator;
 
 const StyledAutocomplete = styled__default["default"](Autocomplete) `
@@ -1943,8 +1948,6 @@ const CounterMultiselect = ({ options, label, i18n, onChange, isCompact, }) => {
                                 : (_a = i18n === null || i18n === void 0 ? void 0 : i18n.noItems) !== null && _a !== void 0 ? _a : "No items" }))] }), jsxRuntime.jsx(Menu, Object.assign({ isCompact: isCompact }, { children: matchingOptions.length === 0 ? (jsxRuntime.jsx(Item$1, Object.assign({ disabled: true }, { children: (_b = i18n === null || i18n === void 0 ? void 0 : i18n.noMatches) !== null && _b !== void 0 ? _b : "No matches found" }))) : (matchingOptions.map((option) => (jsxRuntime.jsx(Item$1, Object.assign({ value: option }, option, { children: jsxRuntime.jsx("span", { children: option.label }) }), option.itemId)))) }))] })) }));
 };
 
-const MenuHeaderItem = (props) => (jsxRuntime.jsx(reactDropdowns.HeaderItem, Object.assign({}, props)));
-
 const editorStyle = styled.css `
   > * + * {
     margin-top: 0.75em;

package/build/stories/dropdowns/select/index.d.ts

@@ -13,7 +13,7 @@ import { SelectArgs, DropdownArgs, MessageArgs } from "./_types";
 declare const Select: (props: SelectArgs) => JSX.Element;
 declare const Dropdown: {
     (props: PropsWithChildren<DropdownArgs>): JSX.Element;
-    HeaderItem: (props: import("../../navigation/header/header-item/_types").HeaderItemArgs) => JSX.Element;
+    HeaderItem: import("styled-components").StyledComponent<(props: import("../menuheader/_types").HeaderItemArgs) => JSX.Element, any, {}, never>;
     Separator: (props: import("react").LiHTMLAttributes<HTMLLIElement>) => JSX.Element;
 };
 declare const Message: (props: MessageArgs) => JSX.Element;

package/build/stories/dropdowns/select/index.stories.d.ts

@@ -18,7 +18,7 @@ export declare const Default: Story<MenuStoryArgs>;
 export declare const Validation: Story<MenuStoryArgs>;
 declare const _default: ComponentMeta<{
     (props: import("react").PropsWithChildren<DropdownArgs>): JSX.Element;
-    HeaderItem: (props: import("../../navigation/header/header-item/_types").HeaderItemArgs) => JSX.Element;
+    HeaderItem: import("styled-components").StyledComponent<(props: import("../menuheader/_types").HeaderItemArgs) => JSX.Element, any, {}, never>;
     Separator: (props: import("react").LiHTMLAttributes<HTMLLIElement>) => JSX.Element;
 }>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "2.12.71",
+  "version": "2.12.72",
   "dependencies": {
     "@nivo/bar": "^0.80.0",
     "@nivo/bullet": "^0.80.0",