foss/excalidraw
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

languageList moved out of canvasActions and renamed to showLanguageList

Browse Source
This commit is contained in:
zsviczian 2022-11-04 19:57:22 +01:00
parent 02c1236962
commit 4c39abf07f
4 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/LayerUI.tsx
View File

@ -262,7 +262,7 @@ const LayerUI = ({
}} }}
> >
<div>{actionManager.renderAction("toggleTheme")}</div> <div>{actionManager.renderAction("toggleTheme")}</div>
{UIOptions.canvasActions.languageList !== false && ( {UIOptions.showLanguageList !== false && (
<div style={{ padding: "0 0.625rem" }}> <div style={{ padding: "0 0.625rem" }}>
<LanguageList style={{ width: "100%" }} /> <LanguageList style={{ width: "100%" }} />
</div> </div>

1
src/constants.ts
View File

@ -155,7 +155,6 @@ export const DEFAULT_UI_OPTIONS: AppProps["UIOptions"] = {
saveToActiveFile: true, saveToActiveFile: true,
toggleTheme: null, toggleTheme: null,
saveAsImage: true, saveAsImage: true,
languageList: true,
}, },
}; };

7
src/packages/excalidraw/README.md
View File

@ -703,7 +703,7 @@ This prop sets the name of the drawing which will be used when exporting the dra
#### `UIOptions` #### `UIOptions`
This prop can be used to customise UI of Excalidraw. Currently we support customising [`canvasActions`](#canvasActions) and [`dockedSidebarBreakpoint`](dockedSidebarBreakpoint). It accepts the below parameters This prop can be used to customise UI of Excalidraw. Currently we support customising [`canvasActions`](#canvasActions), [`dockedSidebarBreakpoint`](dockedSidebarBreakpoint), and ['showLanguageList`](showLanguageList). It accepts the below parameters
<pre> <pre>
{ canvasActions: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L208"> CanvasActions<a/> } { canvasActions: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L208"> CanvasActions<a/> }
@ -720,7 +720,6 @@ This prop can be used to customise UI of Excalidraw. Currently we support custom
| `saveToActiveFile` | boolean | true | Implies whether to show `Save button` to save to current file | | `saveToActiveFile` | boolean | true | Implies whether to show `Save button` to save to current file |
| `toggleTheme` | boolean &#124; null | null | Implies whether to show `Theme toggle`. When defined as `boolean`, takes precedence over [`props.theme`](#theme) to show `Theme toggle` | | `toggleTheme` | boolean &#124; null | null | Implies whether to show `Theme toggle`. When defined as `boolean`, takes precedence over [`props.theme`](#theme) to show `Theme toggle` |
| `saveAsImage` | boolean | true | Implies whether to show `Save as image button` | | `saveAsImage` | boolean | true | Implies whether to show `Save as image button` |
| `languageList` | boolean | true | Implies whether to show the `Language Selector Dropdown list` |
##### `dockedSidebarBreakpoint` ##### `dockedSidebarBreakpoint`
@ -728,6 +727,10 @@ This prop indicates at what point should we break to a docked, permanent sidebar
![image](https://user-images.githubusercontent.com/11256141/174664866-c698c3fa-197b-43ff-956c-d79852c7b326.png) ![image](https://user-images.githubusercontent.com/11256141/174664866-c698c3fa-197b-43ff-956c-d79852c7b326.png)
### `showLanguageList`
Boolean prop. If set to `true` the `language selector dropdown list` will be hidden in the app menu. If `false` or `undefined` the language dropdown will be rendered.
#### `exportOpts` #### `exportOpts`
The below attributes can be set in `UIOptions.canvasActions.export` to customize the export dialog. If `UIOptions.canvasActions.export` is `false` the export button will not be rendered. The below attributes can be set in `UIOptions.canvasActions.export` to customize the export dialog. If `UIOptions.canvasActions.export` is `false` the export button will not be rendered.

3
src/types.ts
View File

@ -303,6 +303,7 @@ export interface ExcalidrawProps {
UIOptions?: { UIOptions?: {
dockedSidebarBreakpoint?: number; dockedSidebarBreakpoint?: number;
canvasActions?: CanvasActions; canvasActions?: CanvasActions;
showLanguageList?: boolean;
}; };
detectScroll?: boolean; detectScroll?: boolean;
handleKeyboardGlobally?: boolean; handleKeyboardGlobally?: boolean;
@ -367,7 +368,6 @@ type CanvasActions = {
saveToActiveFile?: boolean; saveToActiveFile?: boolean;
toggleTheme?: boolean | null; toggleTheme?: boolean | null;
saveAsImage?: boolean; saveAsImage?: boolean;
languageList?: boolean;
}; };
export type AppProps = Merge< export type AppProps = Merge<
@ -376,6 +376,7 @@ export type AppProps = Merge<
UIOptions: { UIOptions: {
canvasActions: Required<CanvasActions> & { export: ExportOpts }; canvasActions: Required<CanvasActions> & { export: ExportOpts };
dockedSidebarBreakpoint?: number; dockedSidebarBreakpoint?: number;
showLanguageList?: boolean;
}; };
detectScroll: boolean; detectScroll: boolean;
handleKeyboardGlobally: boolean; handleKeyboardGlobally: boolean;