tycho-components 0.29.5 → 0.29.6

package/dist/common/AppKeyboard/AppKeyboard.d.ts

@@ -1,7 +1,12 @@
-import { ButtonDSModes } from "tycho-storybook/dist/Button/Button";
+import { ButtonDSModes, ButtonDSSizes, TooltipPlacements } from 'tycho-storybook';
 type Props = {
+    mode?: ButtonDSModes;
     buttonMode?: ButtonDSModes;
+    size?: ButtonDSSizes;
+    iconSize?: ButtonDSSizes;
+    tooltipPlacement?: TooltipPlacements;
+    title?: string;
     keyboardLayout?: string;
 };
-export default function AppKeyboard({ buttonMode, keyboardLayout, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function AppKeyboard({ mode, buttonMode, size, iconSize, tooltipPlacement, title, keyboardLayout, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/common/AppKeyboard/AppKeyboard.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { useTranslation } from "react-i18next";
-import { IconButton } from "tycho-storybook";
-import VirtualKeyboard from "../../shell/VirtualKeyboard";
-import { useCorpusUtils } from "../../configs/useCorpusUtils";
-export default function AppKeyboard({ buttonMode = "filled", keyboardLayout, }) {
-    const { t } = useTranslation("header");
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { IconButton, } from 'tycho-storybook';
+import VirtualKeyboard from '../../shell/VirtualKeyboard';
+import { useCorpusUtils } from '../../configs/useCorpusUtils';
+export default function AppKeyboard({ mode, buttonMode = 'filled', size = 'medium', iconSize, tooltipPlacement, title, keyboardLayout, }) {
+    const { t } = useTranslation('header');
     const { getCorpus } = useCorpusUtils();
     const [openKeyboard, setOpenKeyboard] = useState(false);
-    return (_jsxs(_Fragment, { children: [_jsx(IconButton, { onClick: () => setOpenKeyboard(!openKeyboard), name: "keyboard", size: "medium", title: t("tooltip.keyboard"), mode: buttonMode }), openKeyboard && (_jsx(VirtualKeyboard, { onClose: () => setOpenKeyboard(false), closeLabel: t("button.close"), defaultLayout: keyboardLayout || getCorpus().keyboardLayout || "english" }))] }));
+    return (_jsxs(_Fragment, { children: [_jsx(IconButton, { onClick: () => setOpenKeyboard(!openKeyboard), name: "keyboard", size: size, iconSize: iconSize, title: title || t('tooltip.keyboard'), mode: mode || buttonMode, tooltipPlacement: tooltipPlacement }), openKeyboard && (_jsx(VirtualKeyboard, { onClose: () => setOpenKeyboard(false), closeLabel: t('button.close'), defaultLayout: keyboardLayout || getCorpus().keyboardLayout || 'english' }))] }));
 }

package/dist/index.d.ts

@@ -1,5 +1,7 @@
 export * from './common';
 export * from './shell';
+export { default as HelpButton } from './shell/Header/HelpButton';
+export type { HelpAction } from './shell/Header/HelpButton/HelpButton';
 export * from './configs';
 export * from './functions';
 export * from './features';

package/dist/index.js

@@ -1,5 +1,6 @@
 export * from './common';
 export * from './shell';
+export { default as HelpButton } from './shell/Header/HelpButton';
 export * from './configs';
 export * from './functions';
 export * from './features';

package/dist/shell/Header/HeaderButtons/HeaderButtons.js

@@ -1,18 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { lazy, Suspense, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { IconButton } from 'tycho-storybook';
+import { lazy, Suspense } from 'react';
+import { AppKeyboard } from '../../../common';
 import LanguageSelector from '../../LanguageSelector';
-import VirtualKeyboard from '../../VirtualKeyboard';
-import { useCorpusUtils } from '../../../configs/useCorpusUtils';
 import { useLoggedUtils } from '../../../configs/useLoggedUtils';
 import HelpButton from '../HelpButton';
 import './styles.scss';
 const HeaderNotifications = lazy(() => import('../../../features/Comments/HeaderNotifications'));
 export default function HeaderButtons({ hideKeyboard, notifications, keyboardLayout, helpActions, mobile, hideNotifications = false, hideLanguageSelector = false, hideHelpButton = false, }) {
-    const { t } = useTranslation('header');
-    const { getCorpus } = useCorpusUtils();
     const { isLogged } = useLoggedUtils();
-    const [openKeyboard, setOpenKeyboard] = useState(false);
-    return (_jsxs("div", { className: "header-buttons", children: [!hideKeyboard && (_jsx(IconButton, { onClick: () => setOpenKeyboard(!openKeyboard), name: "keyboard", size: "large", title: t('tooltip.keyboard'), mode: mobile ? 'outlined' : 'filled' })), !hideHelpButton && (_jsx(HelpButton, { helpActions: helpActions, mobile: mobile })), !hideNotifications && notifications && isLogged() && (_jsx(Suspense, { fallback: null, children: _jsx(HeaderNotifications, { uid: notifications.ref, mode: notifications.mode, mobile: mobile }) })), !hideLanguageSelector && (_jsx(LanguageSelector, { openToTop: mobile ? true : false, mobile: mobile })), openKeyboard && (_jsx(VirtualKeyboard, { onClose: () => setOpenKeyboard(false), closeLabel: t('button.close'), defaultLayout: keyboardLayout || getCorpus().keyboardLayout || 'english' }))] }));
+    return (_jsxs("div", { className: "header-buttons", children: [!hideKeyboard && (_jsx(AppKeyboard, { size: "large", keyboardLayout: keyboardLayout, mode: mobile ? 'outlined' : 'filled' })), !hideHelpButton && (_jsx(HelpButton, { helpActions: helpActions, mobile: mobile })), !hideNotifications && notifications && isLogged() && (_jsx(Suspense, { fallback: null, children: _jsx(HeaderNotifications, { uid: notifications.ref, mode: notifications.mode, mobile: mobile }) })), !hideLanguageSelector && (_jsx(LanguageSelector, { openToTop: mobile ? true : false, mobile: mobile }))] }));
 }

package/dist/shell/Header/HelpButton/HelpButton.d.ts

@@ -1,3 +1,4 @@
+import { ButtonDSModes, ButtonDSSizes, TooltipPlacements } from 'tycho-storybook';
 export type HelpAction = {
     title: string;
     desc: string;
@@ -6,6 +7,11 @@ export type HelpAction = {
 type Props = {
     helpActions?: HelpAction[];
     mobile?: boolean;
+    mode?: ButtonDSModes;
+    size?: ButtonDSSizes;
+    iconSize?: ButtonDSSizes;
+    tooltipPlacement?: TooltipPlacements;
+    title?: string;
 };
-export default function HelpButton({ helpActions, mobile }: Props): import("react/jsx-runtime").JSX.Element;
+export default function HelpButton({ helpActions, mobile, mode, size, iconSize, tooltipPlacement, title, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/shell/Header/HelpButton/HelpButton.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { IconButton } from 'tycho-storybook';
+import { IconButton, } from 'tycho-storybook';
 import HelpModal from './HelpModal';
-export default function HelpButton({ helpActions, mobile }) {
+export default function HelpButton({ helpActions, mobile, mode, size = 'large', iconSize, tooltipPlacement, title, }) {
     const { t } = useTranslation('header');
     const [open, setOpen] = useState(false);
-    return (_jsxs(_Fragment, { children: [_jsx(IconButton, { name: "live_help", size: "large", title: t('tooltip.tutorials'), onClick: () => setOpen(true), mode: mobile ? 'outlined' : 'filled', "data-tour": "help-button" }), open && (_jsx(HelpModal, { onClose: () => setOpen(false), helpActions: helpActions }))] }));
+    return (_jsxs(_Fragment, { children: [_jsx(IconButton, { name: "live_help", size: size, iconSize: iconSize, title: title || t('tooltip.tutorials'), onClick: () => setOpen(true), mode: mode || (mobile ? 'outlined' : 'filled'), tooltipPlacement: tooltipPlacement, "data-tour": "help-button" }), open && (_jsx(HelpModal, { onClose: () => setOpen(false), helpActions: helpActions }))] }));
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tycho-components",
   "private": false,
-  "version": "0.29.5",
+  "version": "0.29.6",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {