@appquality/unguess-design-system 2.12.70 → 2.12.72

package/CHANGELOG.md

@@ -1,3 +1,28 @@
+# 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
+
+- Add dropdown header item and separator [#205](https://github.com/AppQuality/unguess-design-system/pull/205) ([@cannarocks](https://github.com/cannarocks))
+- feat(dropdown): export header item and separator (skip ci) [#204](https://github.com/AppQuality/unguess-design-system/pull/204) ([@cannarocks](https://github.com/cannarocks))
+
+#### Authors: 1
+
+- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
+
+---
+
 # v2.12.70 (Fri Feb 03 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,8 +1896,13 @@ 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));
+const Message = (props) => jsxRuntime.jsx(reactDropdowns.Message, Object.assign({}, props));
+Dropdown.HeaderItem = StyledMenuHeaderItem;
+Dropdown.Separator = Separator;
 
 const StyledAutocomplete = styled__default["default"](Autocomplete) `
   ${(props) => props.hasSelectedItems &&
@@ -1941,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;
@@ -4671,7 +4676,7 @@ var SvgInfoFill = function SvgInfoFill(props) {
 
 const StyledButton$2 = styled__default["default"](Button) `
   color: ${(props) => props.theme.palette.grey[800]};
-  font-weight: ${(props) => props.theme.fontWeights.bold};
+  font-weight: ${(props) => props.theme.fontWeights.semibold};
   padding-left: 0;
   justify-content: flex-start;
 

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

@@ -11,6 +11,10 @@ import { SelectArgs, DropdownArgs, MessageArgs } from "./_types";
     - To select from a list on mobile, use a native Select instead
  */
 declare const Select: (props: SelectArgs) => JSX.Element;
-declare const Dropdown: (props: PropsWithChildren<DropdownArgs>) => JSX.Element;
+declare const Dropdown: {
+    (props: PropsWithChildren<DropdownArgs>): 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;
 export { Select, Dropdown, Message };

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

@@ -16,5 +16,9 @@ interface MenuStoryArgs {
 }
 export declare const Default: Story<MenuStoryArgs>;
 export declare const Validation: Story<MenuStoryArgs>;
-declare const _default: ComponentMeta<(props: import("react").PropsWithChildren<DropdownArgs>) => JSX.Element>;
+declare const _default: ComponentMeta<{
+    (props: import("react").PropsWithChildren<DropdownArgs>): 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.70",
+  "version": "2.12.72",
   "dependencies": {
     "@nivo/bar": "^0.80.0",
     "@nivo/bullet": "^0.80.0",