@appquality/unguess-design-system 2.12.69 → 2.12.71

package/CHANGELOG.md

@@ -1,3 +1,28 @@
+# 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
+
+- Iubenda issues [#203](https://github.com/AppQuality/unguess-design-system/pull/203) ([@cannarocks](https://github.com/cannarocks))
+
+#### Authors: 1
+
+- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
+
+---
+
 # v2.12.69 (Fri Feb 03 2023)
 
 #### 🐛 Bug Fix

package/build/index.js

@@ -1895,7 +1895,9 @@ const StyledDropdown = styled__default["default"].div `
   }
 `;
 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 = HeaderItem;
+Dropdown.Separator = Separator;
 
 const StyledAutocomplete = styled__default["default"](Autocomplete) `
   ${(props) => props.hasSelectedItems &&
@@ -4671,7 +4673,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;
 
@@ -4824,7 +4826,7 @@ const StyledList = styled__default["default"].ul `
   padding: 0;
   margin: 0;
 `;
-const StyledAnchor = styled__default["default"](Anchor) `
+styled__default["default"](Anchor) `
   &:hover {
     text-decoration: none;
   }
@@ -4837,7 +4839,14 @@ const UserMenu = (props) => {
     };
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [item === "" && jsxRuntime.jsx(UserContainer, Object.assign({}, props.user)), jsxRuntime.jsxs(StyledList, { children: [item === "" && props.onFeedbackClick && jsxRuntime.jsx(Separator, {}), props.onFeedbackClick && (jsxRuntime.jsx(MenuItem, Object.assign({ selectedItem: item, icon: jsxRuntime.jsx(SvgThumbsUp, {}), setActive: () => props.onFeedbackClick
                             ? props.onFeedbackClick()
-                            : console.log("feedback fired") }, { children: jsxRuntime.jsxs(MenuItemBody, { children: [props.feedbackTitle || "Give us your feedback", jsxRuntime.jsx(MD, Object.assign({ style: { color: theme.palette.grey[600] } }, { children: props.feedbackSubTitle || "Help us improve UNGUESS!" }))] }) }))), item === "" && jsxRuntime.jsx(Separator, {}), jsxRuntime.jsx(HelpItem, { value: "csm", selectedItem: item, setActive: (i) => toggleItem(i), title: props.csmTitle || "Need Help?", contactLabel: props.csmContactLabel || "Contact your CSM", csm: props.csm, toggleChat: props.onToggleChat, chatSupportLabel: props === null || props === void 0 ? void 0 : props.chatSupportLabel, copyLabel: props === null || props === void 0 ? void 0 : props.copyLabel }), jsxRuntime.jsx(LanguageItem, { title: props.languageTitle || "Change Language", value: "language-selector", selectedItem: item, setActive: (i) => toggleItem(i), languages: props.languages, currentLanguage: props.currentLanguage, currentLanguageLabel: props.currentLanguageLabel, onSelectLanguage: (lang) => props.onSelectLanguage(lang) }), jsxRuntime.jsx(MenuItem, Object.assign({ selectedItem: item, icon: jsxRuntime.jsx(SvgLockLockedFill, { color: theme.palette.blue[600] }), setActive: () => { } }, { children: jsxRuntime.jsx(StyledAnchor, Object.assign({ className: "iubenda-cs-preferences-link", onClick: () => { var _a; return window.open(((_a = props.privacy) === null || _a === void 0 ? void 0 : _a.url) || "#"); }, style: {} }, { children: ((_a = props.privacy) === null || _a === void 0 ? void 0 : _a.title) || "Privacy settings" })) })), jsxRuntime.jsx(MenuItem, Object.assign({ selectedItem: item, icon: jsxRuntime.jsx(SvgExit, { color: theme.palette.red[600] }), setActive: () => props.onLogout() }, { children: props.logoutTitle || "Log out" }))] })] }));
+                            : console.log("feedback fired") }, { children: jsxRuntime.jsxs(MenuItemBody, { children: [props.feedbackTitle || "Give us your feedback", jsxRuntime.jsx(MD, Object.assign({ style: { color: theme.palette.grey[600] } }, { children: props.feedbackSubTitle || "Help us improve UNGUESS!" }))] }) }))), item === "" && jsxRuntime.jsx(Separator, {}), jsxRuntime.jsx(HelpItem, { value: "csm", selectedItem: item, setActive: (i) => toggleItem(i), title: props.csmTitle || "Need Help?", contactLabel: props.csmContactLabel || "Contact your CSM", csm: props.csm, toggleChat: props.onToggleChat, chatSupportLabel: props === null || props === void 0 ? void 0 : props.chatSupportLabel, copyLabel: props === null || props === void 0 ? void 0 : props.copyLabel }), jsxRuntime.jsx(LanguageItem, { title: props.languageTitle || "Change Language", value: "language-selector", selectedItem: item, setActive: (i) => toggleItem(i), languages: props.languages, currentLanguage: props.currentLanguage, currentLanguageLabel: props.currentLanguageLabel, onSelectLanguage: (lang) => props.onSelectLanguage(lang) }), jsxRuntime.jsx(MenuItem, Object.assign({ selectedItem: item, icon: jsxRuntime.jsx(SvgLockLockedFill, { color: theme.palette.blue[600] }), setActive: () => {
+                            if (document.querySelector(".iubenda-cs-preferences-link")) {
+                                const iubendaBtn = document.querySelector(".iubenda-cs-preferences-link");
+                                if (iubendaBtn) {
+                                    iubendaBtn.click();
+                                }
+                            }
+                        } }, { children: ((_a = props.privacy) === null || _a === void 0 ? void 0 : _a.title) || "Privacy settings" })), jsxRuntime.jsx(MenuItem, Object.assign({ selectedItem: item, icon: jsxRuntime.jsx(SvgExit, { color: theme.palette.red[600] }), setActive: () => props.onLogout() }, { children: props.logoutTitle || "Log out" }))] })] }));
 };
 
 const StyledModal = styled__default["default"](Modal) `

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: (props: import("../../navigation/header/header-item/_types").HeaderItemArgs) => JSX.Element;
+    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: (props: import("../../navigation/header/header-item/_types").HeaderItemArgs) => JSX.Element;
+    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.69",
+  "version": "2.12.71",
   "dependencies": {
     "@nivo/bar": "^0.80.0",
     "@nivo/bullet": "^0.80.0",