@appquality/unguess-design-system 3.1.104 → 3.1.105

package/CHANGELOG.md

@@ -1,3 +1,20 @@
+# v3.1.105 (Mon Sep 23 2024)
+
+#### 🐛 Bug Fix
+
+- release new version [#407](https://github.com/AppQuality/unguess-design-system/pull/407) ([@Kariamos](https://github.com/Kariamos) [@d-beezee](https://github.com/d-beezee) [@iacopolea](https://github.com/iacopolea))
+- hide language selector [#405](https://github.com/AppQuality/unguess-design-system/pull/405) ([@Kariamos](https://github.com/Kariamos))
+- fix: Update settingValue type to string in UserMenuArgs and SettingsP… [#404](https://github.com/AppQuality/unguess-design-system/pull/404) ([@Kariamos](https://github.com/Kariamos))
+- feat: Add hue colors docs [#406](https://github.com/AppQuality/unguess-design-system/pull/406) ([@d-beezee](https://github.com/d-beezee))
+
+#### Authors: 3
+
+- [@d-beezee](https://github.com/d-beezee)
+- Iacopo Leardini ([@iacopolea](https://github.com/iacopolea))
+- Marco ([@Kariamos](https://github.com/Kariamos))
+
+---
+
 # v3.1.104 (Tue Jul 02 2024)
 
 #### 🐛 Bug Fix

package/build/index.js

@@ -6845,14 +6845,14 @@ const StyledBody$2 = styled__default["default"].div `
 `;
 const StyledButtonContainer = styled__default["default"].div `
   ${flexStart}
-  & button { 
+  & button {
     justify-content: flex-start;
   }
 `;
 const LanguageItem = (props) => {
     var _a;
     const content = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(PreviousButton, Object.assign({ onClick: () => props.setActive(""), isBasic: true }, { children: props.title })), jsxRuntime.jsx(Separator, {}), jsxRuntime.jsx(StyledBody$2, { children: jsxRuntime.jsx(StyledButtonContainer, { children: Object.keys(props.languages).map((key) => (jsxRuntime.jsxs(Button, Object.assign({ isBasic: true, isStretched: true, value: key, onClick: () => props.onSelectLanguage(key) }, { children: [jsxRuntime.jsx(Button.StartIcon, { children: props.currentLanguage === key ? jsxRuntime.jsx(SvgCheckLg, {}) : jsxRuntime.jsx(SvgEmpty, {}) }), jsxRuntime.jsx(Span, Object.assign({ isBold: props.currentLanguage === key }, { children: props.languages[key].label }))] })))) }) })] }));
-    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(MenuItem, Object.assign({ content: content, value: props.value, selectedItem: props.selectedItem, setActive: props.setActive, icon: jsxRuntime.jsx(SvgTranslationExists, { fill: theme.palette.blue[600] }) }, { children: jsxRuntime.jsxs(MenuItemBody, { children: [props.title, jsxRuntime.jsxs(MD, Object.assign({ style: { color: theme.palette.grey[600] } }, { children: [(_a = props.currentLanguageLabel) !== null && _a !== void 0 ? _a : "Now:", " " + props.languages[props.currentLanguage].label] }))] }) })) }));
+    return props.disabled ? null : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(MenuItem, Object.assign({ content: content, value: props.value, selectedItem: props.selectedItem, setActive: props.setActive, icon: jsxRuntime.jsx(SvgTranslationExists, { fill: theme.palette.blue[600] }) }, { children: jsxRuntime.jsxs(MenuItemBody, { children: [props.title, jsxRuntime.jsxs(MD, Object.assign({ style: { color: theme.palette.grey[600] } }, { children: [(_a = props.currentLanguageLabel) !== null && _a !== void 0 ? _a : "Now:", " " + props.languages[props.currentLanguage].label] }))] }) })) }));
 };
 
 const ProfileContainer = styled__default["default"].div `
@@ -6909,12 +6909,12 @@ const SettingsOutroText = styled__default["default"](reactNotifications.Paragrap
 `;
 const SettingsItem = (props) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    const [value, setValue] = React.useState(props.settingValue || 0);
+    const [value, setValue] = React.useState(props.settingValue || "0");
     const onToggleSettings = (value) => {
         setValue(value);
         props.onSetSettings && props.onSetSettings(value);
     };
-    const content = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(PreviousButton, Object.assign({ onClick: () => props.setActive(""), isBasic: true }, { children: (_a = props.i18n) === null || _a === void 0 ? void 0 : _a.settingsTitle })), jsxRuntime.jsx(Separator, {}), jsxRuntime.jsxs(StyledBody$1, { children: [props.i18n && props.i18n.settingsIntroText && (jsxRuntime.jsx(SettingsIntroText, { children: jsxRuntime.jsx(SM, { children: props.i18n.settingsIntroText }) })), jsxRuntime.jsxs(Field, { children: [jsxRuntime.jsx(TriggerTitle, Object.assign({ isBold: true }, { children: (_c = (_b = props.i18n) === null || _b === void 0 ? void 0 : _b.settingsToggle) === null || _c === void 0 ? void 0 : _c.title })), jsxRuntime.jsx(Toggle, Object.assign({ checked: value === 1, onChange: () => onToggleSettings(value === 1 ? 0 : 1) }, { children: jsxRuntime.jsx(Label, { children: value === 1
+    const content = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(PreviousButton, Object.assign({ onClick: () => props.setActive(""), isBasic: true }, { children: (_a = props.i18n) === null || _a === void 0 ? void 0 : _a.settingsTitle })), jsxRuntime.jsx(Separator, {}), jsxRuntime.jsxs(StyledBody$1, { children: [props.i18n && props.i18n.settingsIntroText && (jsxRuntime.jsx(SettingsIntroText, { children: jsxRuntime.jsx(SM, { children: props.i18n.settingsIntroText }) })), jsxRuntime.jsxs(Field, { children: [jsxRuntime.jsx(TriggerTitle, Object.assign({ isBold: true }, { children: (_c = (_b = props.i18n) === null || _b === void 0 ? void 0 : _b.settingsToggle) === null || _c === void 0 ? void 0 : _c.title })), jsxRuntime.jsx(Toggle, Object.assign({ checked: value === "1", onChange: () => onToggleSettings(value === "1" ? "0" : "1") }, { children: jsxRuntime.jsx(Label, { children: value === "1"
                                         ? (_e = (_d = props.i18n) === null || _d === void 0 ? void 0 : _d.settingsToggle) === null || _e === void 0 ? void 0 : _e.on
                                         : (_g = (_f = props.i18n) === null || _f === void 0 ? void 0 : _f.settingsToggle) === null || _g === void 0 ? void 0 : _g.off }) }))] }), props.i18n && props.i18n.settingsOutroText && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(SettingsOutroText, { children: [jsxRuntime.jsx(SM, { children: props.i18n.settingsOutroText.paragraph_1 }), jsxRuntime.jsx(SM, { children: props.i18n.settingsOutroText.paragraph_2 })] }), jsxRuntime.jsx(SettingsOutroText, { children: jsxRuntime.jsx(SM, { children: props.i18n.settingsOutroText.paragraph_3 }) })] }))] })] }));
     return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(MenuItem, Object.assign({ content: content, value: props.value, selectedItem: props.selectedItem, setActive: props.setActive, icon: jsxRuntime.jsx(SvgGearFill, { color: theme.palette.blue[600] }) }, { children: (_h = props.i18n) === null || _h === void 0 ? void 0 : _h.settingsTitle })) }));
@@ -6927,6 +6927,7 @@ const StyledList = styled__default["default"].ul `
 const UserMenu = (props) => {
     var _a, _b, _c, _d, _e, _f;
     const [item, setActiveItem] = React.useState("");
+    const disableMenuLanguageSettings = props.disableMenuLanguageSettings || false;
     const toggleItem = (item) => {
         setActiveItem(item);
     };
@@ -6937,7 +6938,7 @@ const UserMenu = (props) => {
                             settingsIntroText: (_c = props.i18n) === null || _c === void 0 ? void 0 : _c.settingsIntroText,
                             settingsOutroText: (_d = props.i18n) === null || _d === void 0 ? void 0 : _d.settingsOutroText,
                             settingsToggle: (_e = props.i18n) === null || _e === void 0 ? void 0 : _e.settingsToggle,
-                        }, onSetSettings: props.onSetSettings }), 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: () => {
+                        }, onSetSettings: props.onSetSettings }), jsxRuntime.jsx(LanguageItem, { disabled: disableMenuLanguageSettings, 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) {

package/build/stories/profile-modal/_types.d.ts

@@ -36,6 +36,7 @@ export interface UserMenuArgs extends LiHTMLAttributes<HTMLLIElement> {
     };
     currentLanguage: string;
     logoutTitle?: string;
+    disableMenuLanguageSettings?: boolean;
     privacy: {
         title?: string;
         url?: string;
@@ -47,7 +48,7 @@ export interface UserMenuArgs extends LiHTMLAttributes<HTMLLIElement> {
     onLogout: () => void;
     onCopyEmail?: () => void;
     chatSupport?: boolean;
-    settingValue?: number;
+    settingValue?: string;
     i18n?: {
         settingsTitle?: string;
         settingsIntroText?: string;
@@ -62,5 +63,5 @@ export interface UserMenuArgs extends LiHTMLAttributes<HTMLLIElement> {
             off: string;
         };
     };
-    onSetSettings: (value: number) => void;
+    onSetSettings: (value: string) => void;
 }

package/build/stories/profile-modal/items/languageMenuItem.d.ts

@@ -8,6 +8,7 @@ interface LanguagesProps extends MenuItemProps {
     currentLanguage: string;
     currentLanguageLabel?: string;
     onSelectLanguage: (lang: string) => void;
+    disabled?: boolean;
 }
-export declare const LanguageItem: (props: LanguagesProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LanguageItem: (props: LanguagesProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/build/stories/profile-modal/items/settingsMenuItem.d.ts

@@ -1,7 +1,7 @@
 import { MenuItemProps } from "../_types";
 interface SettingsProps extends MenuItemProps {
-    settingValue?: number;
-    onSetSettings?: (value: number) => void;
+    settingValue?: string;
+    onSetSettings?: (value: string) => void;
     i18n?: {
         settingsTitle?: string;
         settingsIntroText?: string;

package/build/stories/theme/colors.stories.d.ts

@@ -0,0 +1,20 @@
+import { HTMLAttributes } from "react";
+interface ColorProps extends HTMLAttributes<HTMLDivElement> {
+}
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ColorProps>;
+declare const _default: {
+    title: string;
+    argTypes: {
+        cards: {
+            table: {
+                disable: boolean;
+            };
+        };
+    };
+    parameters: {
+        chromatic: {
+            delay: number;
+        };
+    };
+};
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "3.1.104",
+  "version": "3.1.105",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",