@basthon/console-react 0.6.8 → 0.8.7

package/lib/components/app.d.ts

@@ -9,6 +9,7 @@ interface InnerAppProps {
     compactHeader?: boolean;
     header?: ReactNode;
     panelTitles?: PanelTitles;
+    hiddenButtons?: readonly string[];
     onChangeEditor?: () => void;
 }
 interface AppProps extends BasthonContextProps, InnerAppProps {

package/lib/components/app.js

@@ -6,11 +6,13 @@ import { useGUI } from "../hooks/gui";
 import stateManager from "../state-manager";
 import { DispatchContext } from "../hooks/dispatch";
 import { StateContext } from "../hooks/state";
+import { HiddenButtonsContext } from "../hooks/hidden-buttons";
 import { Header } from "./header";
 import { MainContainer } from "./main-container";
 import { Footer } from "./footer";
 import * as styles from "./styles.module.scss";
-const InnerApp = ({ initFromStorage, storedStates, forceTheme, compactHeader, header, panelTitles, onChangeEditor, children, }) => {
+const noHiddenButtons = [];
+const InnerApp = ({ initFromStorage, storedStates, forceTheme, compactHeader, header, panelTitles, hiddenButtons, onChangeEditor, children, }) => {
     const gui = useGUI();
     // state
     const [state, dispatch] = stateManager.useReducer(gui.language, initFromStorage ?? true, storedStates);
@@ -26,12 +28,12 @@ const InnerApp = ({ initFromStorage, storedStates, forceTheme, compactHeader, he
         };
     }, [theme]);
     // build component
-    return (_jsx(DispatchContext.Provider, { value: dispatch, children: _jsxs(StateContext.Provider, { value: { ...state, theme }, children: [children, _jsxs("div", { className: styles.root, children: [header !== undefined ? (header) : (_jsx(Header, { language: language, theme: theme, compact: compactHeader })), stateManager.ready(state) && (_jsx(MainContainer, { language: language, theme: theme, viewMode: stateManager.viewMode(state), rightPanel: stateManager.rightPanel(state), graphicsDirty: stateManager.graphicsDirty(state), editorContent: stateManager.editorContent(state), onChangeEditor: onChangeEditor, compactHeader: compactHeader, panelTitles: panelTitles })), _jsx(Footer, { theme: theme })] })] }) }));
+    return (_jsx(DispatchContext.Provider, { value: dispatch, children: _jsx(StateContext.Provider, { value: { ...state, theme }, children: _jsxs(HiddenButtonsContext.Provider, { value: hiddenButtons ?? noHiddenButtons, children: [children, _jsxs("div", { className: styles.root, children: [header !== undefined ? (header) : (_jsx(Header, { language: language, theme: theme, compact: compactHeader })), stateManager.ready(state) && (_jsx(MainContainer, { language: language, theme: theme, viewMode: stateManager.viewMode(state), rightPanel: stateManager.rightPanel(state), graphicsDirty: stateManager.graphicsDirty(state), editorContent: stateManager.editorContent(state), onChangeEditor: onChangeEditor, compactHeader: compactHeader, panelTitles: panelTitles })), _jsx(Footer, { theme: theme })] })] }) }) }));
 };
 /**
  * Main app setting up state manager, header, main container and footer.
  */
-const ConsoleApp = ({ initFromStorage, storedStates, forceTheme, compactHeader, header, panelTitles, onChangeEditor, children, ...props }) => {
+const ConsoleApp = ({ initFromStorage, storedStates, forceTheme, compactHeader, header, panelTitles, hiddenButtons, onChangeEditor, children, ...props }) => {
     // custom GUI classes should extend the console's GUI
     props.GUI ?? (props.GUI = GUI);
     const innerProps = {
@@ -41,6 +43,7 @@ const ConsoleApp = ({ initFromStorage, storedStates, forceTheme, compactHeader,
         compactHeader,
         header,
         panelTitles,
+        hiddenButtons,
         onChangeEditor,
     };
     return (_jsx(BasthonContext, { ...props, children: _jsx(InnerApp, { ...innerProps, children: children }) }));

package/lib/components/button.js

@@ -1,6 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useHiddenButtons } from "../hooks/hidden-buttons";
 import * as styles from "./styles.module.scss";
 const Button = ({ children, titled, blink, className: extraClassName, ...props }) => {
+    const hiddenButtons = useHiddenButtons();
+    if (props.id != null && hiddenButtons.includes(props.id))
+        return null;
     const classNames = [styles.btn];
     if (blink === true)
         classNames.push(styles["btn-eye-catcher"]);

package/lib/hooks/hidden-buttons.d.ts

@@ -0,0 +1,3 @@
+declare const HiddenButtonsContext: import("react").Context<readonly string[]>;
+declare const useHiddenButtons: () => readonly string[];
+export { HiddenButtonsContext, useHiddenButtons };

package/lib/hooks/hidden-buttons.js

@@ -0,0 +1,5 @@
+import { createContext, useContext } from "react";
+/* ids of the buttons that should not be displayed */
+const HiddenButtonsContext = createContext([]);
+const useHiddenButtons = () => useContext(HiddenButtonsContext);
+export { HiddenButtonsContext, useHiddenButtons };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@basthon/console-react",
-  "version": "0.6.8",
+  "version": "0.8.7",
   "description": "Basthon - Console React Component",
   "homepage": "https://basthon.fr",
   "bugs": {
@@ -53,7 +53,7 @@
     "clean": "rimraf lib/"
   },
   "dependencies": {
-    "@basthon/gui-react": "0.78.6",
+    "@basthon/gui-react": "0.78.7",
     "@fontsource/open-sans": "^5.2.7",
     "@fortawesome/fontawesome-svg-core": "7.3.0",
     "@fortawesome/free-regular-svg-icons": "7.3.0",