@kangtae49/just-layout 0.0.6 → 0.0.7

package/dist/index.d.ts

@@ -1 +1,470 @@
-export {}
+import { Container } from 'inversify';
+import { ContainerModule } from 'inversify';
+import { default as default_2 } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+import { RefObject } from 'react';
+import { Spec } from 'immutability-helper';
+
+export declare const container: Container;
+
+export declare type GetTabIconFn = (justId: JustId, layoutId: string) => default_2.JSX.Element;
+
+export declare type GetTabMenuFn = (layoutId: string, branch: JustBranch, justStack: JustStack, isFullScreenView: boolean) => default_2.JSX.Element;
+
+export declare type GetTabTitleFn = ({ justId, layoutId, justBranch, isFullScreenView, winInfo }: TabTitleProps) => default_2.JSX.Element;
+
+export declare type GetViewFn = (justId: JustId, layoutId: string) => default_2.JSX.Element;
+
+export declare type GetWinInfoFn = (justId: JustId) => WinInfo;
+
+export declare type JSONObject = {
+    [key: string]: JSONValue;
+};
+
+declare type JSONPrimitive = string | number | boolean | null | undefined;
+
+export declare type JSONValue = JSONPrimitive | JSONValue[] | {
+    [key: string]: JSONValue;
+};
+
+export declare const JUST_LAYOUT_TYPES: {
+    JustLayoutService: symbol;
+    JustLayoutStore: symbol;
+    JustLayoutFactory: symbol;
+};
+
+export declare type JustBranch = JustSplitDirection[];
+
+export declare type JustDirection = 'row' | 'column';
+
+export declare const JustDraggableTitle: typeof JustDraggableTitle_2 & {
+    displayName: string;
+};
+
+declare function JustDraggableTitle_2(props: Props): JSX.Element;
+
+export declare interface JustId extends JSONObject {
+    title: string;
+    viewId: string;
+    dupId?: string;
+    params?: Record<string, JSONValue>;
+}
+
+export declare type JustLayoutFactory = (id: string) => JustLayoutStore;
+
+export declare const justLayoutModule: ContainerModule;
+
+export declare class JustLayoutService {
+    insertWinIdToStack: (layout: JustNode | null, payload: JustPayloadMoveWinStack) => JustNode | null;
+    insertWinIdToSplit: (layout: JustNode | null, payload: JustPayloadMoveWinSplit) => JustNode | null;
+    removeWinId: (layout: JustNode | null, justId: JustId) => JustNode | null;
+    removeAllTabs: (layout: JustNode | null, branch: JustBranch) => JustNode | null;
+    activeWinId: (layout: JustNode | null, justId: JustId) => JustNode | null;
+    getActiveWinIds: (layout: JustNode | null) => JustId[];
+    removeEmpty: (layout: JustNode | null) => JustNode | null;
+    findEmptyBranch: (layout: JustNode | null, parentNode: JustNode | null, branch: JustBranch) => JustBranch | null;
+    moveWinIdToStack: (layout: JustNode | null, payload: JustPayloadMoveWinStack) => JustNode | null;
+    moveWinIdToSplit: (layout: JustNode | null, payload: JustPayloadMoveWinSplit) => JustNode | null;
+    getBranch: (layout: JustNode | null, justId: JustId, branch: JustBranch) => JustBranch | null;
+    getBranchByWinId: (layout: JustNode | null, justId: JustId) => JustBranch | null;
+    getNodeInfoByNodeName: (layout: JustNode | null, nodeName: string, curBranch: JustBranch) => NodeInfo | null;
+    getTabNodeInfoByNodeName: (layout: JustNode | null, nodeName: string, curBranch: JustBranch) => NodeInfo | null;
+    getNodeByWinId: (layout: JustNode | null, justId: JustId) => JustNode | null;
+    getTabBranch: (layout: JustNode | null, curBranch: JustBranch) => JustBranch | null;
+    getTabNodeInfo: (layout: JustNode | null, curBranch: JustBranch) => NodeInfo | null;
+    addTabWin: (layout: JustNode | null, branch: JustBranch, justId: JustId, index: number) => JustNode | null;
+    queryWinIdsByViewId: (layout: JustNode | null, viewId: string, justIds: JustId[]) => JustId[];
+    queryDupWinIdsByWinId: (layout: JustNode | null, justId: JustId, justIds: JustId[]) => JustId[];
+    queryWinIdsByStack: (layout: JustNode | null, branch: JustBranch) => JustId[];
+    getNodeByBranch: <T extends JustNode>(obj: JustNode, path: JustBranch) => T;
+    updateNodeOfBranch: (layout: JustNode | null, branch: JustBranch, value: any) => JustNode | null;
+    updateNodeOfWinId: (layout: JustNode | null, justId: JustId, value: any) => JustNode | null;
+    hasWinId: (layout: JustNode | null, justId: JustId) => boolean;
+    updateNode: (layout: JustNode | null, updateSpec: JustUpdateSpec) => JustNode | null;
+    buildSpecFromUpdateSpec: (branch: JustBranch, updateSpec: JustUpdateSpec) => JustUpdateSpec;
+    getNodeAtBranch: (node: JustNode | null, branch: JustBranch) => JustNode | null;
+    getBranchRightTop: (node: JustNode | null) => JustBranch;
+    updateSplitSize: (node: JustNode | null, branch: JustBranch, size: number) => JustNode | null;
+}
+
+export declare class JustLayoutStore {
+    service: JustLayoutService;
+    layout: JustNode | null;
+    lastActiveId: JustId | null;
+    lastActiveTm: number;
+    fullScreenLayout: JustNode | null;
+    fullScreenHideTitle: boolean;
+    tabTitleMap: Map<string, string>;
+    tabTitleTooltipMap: Map<string, string>;
+    constructor(service: JustLayoutService);
+    setLayout: (payload: JustNode | null) => void;
+    setTabTitle: (justId: JustId, title: string) => void;
+    getTabTitle: (justId: JustId) => string | undefined;
+    setTabTitleTooltip: (justId: JustId, tooltip: string) => void;
+    getTabTitleTooltip: (justId: JustId) => string | undefined;
+    setFullScreenLayoutByBranch: (payload: JustBranch | null) => void;
+    setFullScreenHideTitle: (flag: boolean) => void;
+    addTab: (payload: JustPayloadAddTab) => void;
+    addTabByNodeName: (payload: JustPayloadAddTabByNodeName) => void;
+    queryWinIdsByViewId: (viewId: string) => JustId[];
+    cloneTab: (payload: JustPayloadCloneTab) => void;
+    removeWin: (payload: JustPayloadRemove) => void;
+    removeAllTabs: (payload: JustPayloadAllTabs) => void;
+    activeWin: (payload: JustPayloadActive) => void;
+    activePrevWin: () => void;
+    activeNextWin: () => void;
+    updateResize: (payload: JustPayloadResize) => void;
+    moveWin: (payload: JustPayloadMoveWin) => void;
+    toggleSideMenu: () => void;
+    toggleWin: ({ nodeName }: PayloadToggleWin) => void;
+    showWin: ({ nodeName, show }: PayloadShowWin) => void;
+    getSizeByNodeName: ({ nodeName }: PayloadGetSize) => number | null | undefined;
+    getBranchByJustId: ({ justId }: PayloadGetBranchByJustId) => JustBranch | null;
+    isPrimaryHide: ({ nodeName }: PayloadIsPrimayHide) => boolean | null | undefined;
+    openWin: ({ justId }: PayloadOpenWin) => void;
+    openWinByNodeName: ({ justId, nodeName }: PayloadOpenWinByNodeName) => void;
+    getWinIds: ({ viewId }: PayloadGetWinIds) => JustId[];
+    getDupWinIds: ({ justId }: PayloadGetDupWinIds) => JustId[];
+    getWinIdsByBranch: ({ branch }: PayloadGetWinIdsByBranch) => JustId[];
+    getNodeAtBranch: ({ branch }: PayloadGetNodeAtBranch) => JustNode | null;
+    openWinMenu: ({ justId, nodeName }: PayloadOpenWinMenu) => void;
+    fullScreenWin: (justBranch: JustBranch, isFullScreenView: boolean, hideTitle?: boolean) => Promise<void>;
+}
+
+export declare const JustLayoutView: typeof JustLayoutView_2 & {
+    displayName: string;
+};
+
+declare function JustLayoutView_2({ layoutId, getWinInfo, getTabMenu, initialValue }: Props_2): JSX.Element;
+
+export declare type JustNode = JustStack | JustSplit;
+
+export declare interface JustNodeBase {
+    type: JustType;
+    name?: string;
+    dndAccept?: string[];
+    hideTitle?: boolean;
+}
+
+export declare const JustNodeView: typeof JustNodeView_2 & {
+    displayName: string;
+};
+
+declare function JustNodeView_2({ layoutId, isFullScreenView, hideTitle, dndAccept, node, justBranch, getWinInfo, getTabMenu }: Props_3): JSX.Element;
+
+export declare interface JustPayloadActive {
+    justId: JustId;
+}
+
+export declare interface JustPayloadAddTab {
+    justId: JustId;
+}
+
+export declare interface JustPayloadAddTabByNodeName {
+    justId: JustId;
+    nodeName: string;
+}
+
+export declare interface JustPayloadAllTabs {
+    branch: JustBranch;
+}
+
+export declare interface JustPayloadCloneTab {
+    justId: JustId;
+    cloneJustId: JustId;
+}
+
+export declare interface JustPayloadInsert {
+    branch: JustBranch;
+    justId: JustId;
+    direction: JustDirection;
+    pos: JustPos;
+    index: number;
+    size?: number;
+}
+
+export declare type JustPayloadMoveWin = JustPayloadMoveWinStack | JustPayloadMoveWinSplit;
+
+export declare interface JustPayloadMoveWinSplit {
+    pos: "first" | "second";
+    justId: JustId;
+    branch: JustBranch;
+    direction: JustDirection;
+    size?: number;
+}
+
+export declare interface JustPayloadMoveWinStack {
+    pos: "stack";
+    justId: JustId;
+    branch: JustBranch;
+    index: number;
+}
+
+export declare interface JustPayloadRemove {
+    justId: JustId;
+}
+
+export declare interface JustPayloadResize {
+    branch: JustBranch;
+    size: number;
+}
+
+export declare type JustPos = JustSplitDirection | 'stack';
+
+export declare type JustSplit = JustSplitPercentage | JustSplitPixels;
+
+export declare interface JustSplitBase extends JustNodeBase {
+    type: JustSplitType;
+    direction: JustDirection;
+    first: JustNode;
+    second: JustNode;
+    size: number;
+    minSize?: number;
+}
+
+export declare type JustSplitDirection = 'first' | 'second';
+
+export declare interface JustSplitPercentage extends JustSplitBase {
+    type: 'split-percentage';
+}
+
+export declare interface JustSplitPixels extends JustSplitBase {
+    type: 'split-pixels';
+    primary: JustSplitDirection;
+    primaryDefaultSize: number;
+    primaryHide?: boolean;
+    noSplitter?: boolean;
+}
+
+export declare const JustSplitter: typeof JustSplitter_2 & {
+    displayName: string;
+};
+
+declare function JustSplitter_2({ node, containerRef, onChange, onRelease }: Props_4): JSX.Element;
+
+export declare type JustSplitType = 'split-percentage' | 'split-pixels';
+
+export declare interface JustStack extends JustNodeBase {
+    type: 'stack';
+    tabs: JustId[];
+    active: JustId | null;
+}
+
+export declare const JustTabMenu: typeof JustTabMenu_2 & {
+    displayName: string;
+};
+
+declare function JustTabMenu_2({ layoutId, justBranch, isFullScreenView }: Prop): JSX.Element;
+
+export declare const JustTabTitle: typeof JustTabTitle_2 & {
+    displayName: string;
+};
+
+declare function JustTabTitle_2({ layoutId, justId, winInfo }: Props_5): JSX.Element;
+
+export declare type JustType = 'stack' | JustSplitType;
+
+export declare type JustUpdateSpec = Spec<JustNode>;
+
+export declare class JustUtil {
+    static toString(justId: JustId): string;
+    static getParamString(justId: JustId, key: string): string | undefined;
+    static getParam<T>(justId: JustId, key: string): T | undefined;
+    static isEquals(justId1: JustId | null | undefined, justId2: JustId | null | undefined): boolean;
+    static indexOf(tab: JustId[], justId: JustId): number;
+    static includes(tab: JustId[], justId: JustId): boolean;
+    static withoutDup(justId: JustId): JustId;
+    static replaceDup(justId: JustId): JustId;
+}
+
+export declare const JustWinBodyView: typeof JustWinBodyView_2 & {
+    displayName: string;
+};
+
+declare function JustWinBodyView_2(props: Props_6): JSX.Element;
+
+export declare const JustWinTitleView: typeof JustWinTitleView_2 & {
+    displayName: string;
+};
+
+declare function JustWinTitleView_2({ layoutId, isFullScreenView, dndAccept, justBranch, justStack, getWinInfo, getTabMenu }: Props_7): JSX.Element;
+
+export declare const JustWinView: typeof JustWinView_2 & {
+    displayName: string;
+};
+
+declare function JustWinView_2({ layoutId, isFullScreenView, hideTitle, dndAccept, justBranch, justStack, getWinInfo, getTabMenu }: Props_8): JSX.Element;
+
+export declare interface NodeInfo {
+    node: JustNode;
+    branch: JustBranch;
+}
+
+declare interface PayloadGetBranchByJustId {
+    justId: JustId;
+}
+
+declare interface PayloadGetDupWinIds {
+    justId: JustId;
+}
+
+declare interface PayloadGetNodeAtBranch {
+    branch: JustBranch;
+}
+
+declare interface PayloadGetSize {
+    nodeName: string;
+}
+
+declare interface PayloadGetWinIds {
+    viewId: string;
+}
+
+declare interface PayloadGetWinIdsByBranch {
+    branch: JustBranch;
+}
+
+declare interface PayloadIsPrimayHide {
+    nodeName: string;
+}
+
+declare interface PayloadOpenWin {
+    justId: JustId;
+}
+
+declare interface PayloadOpenWinByNodeName {
+    justId: JustId;
+    nodeName: string;
+}
+
+declare interface PayloadOpenWinMenu {
+    justId: JustId;
+    nodeName: string;
+}
+
+declare interface PayloadShowWin {
+    nodeName: string;
+    show: boolean;
+}
+
+declare interface PayloadToggleWin {
+    nodeName: string;
+}
+
+declare interface Prop {
+    layoutId: string;
+    justBranch: JustBranch;
+    justStack: JustStack;
+    isFullScreenView: boolean;
+}
+
+declare interface Props extends default_2.Attributes {
+    layoutId: string;
+    isFullScreenView: boolean;
+    dndAccept: string[];
+    justBranch: JustBranch;
+    justId: JustId;
+    winInfo: WinInfo;
+    justStack: JustStack;
+    rect: DOMRect | null;
+}
+
+declare interface Props_2 extends default_2.Attributes {
+    layoutId: string;
+    getWinInfo: GetWinInfoFn;
+    initialValue: JustNode;
+    getTabMenu?: GetTabMenuFn;
+}
+
+declare interface Props_3 extends React_2.Attributes {
+    layoutId: string;
+    isFullScreenView: boolean;
+    justBranch: JustBranch;
+    node: JustNode | null;
+    getWinInfo: GetWinInfoFn;
+    getTabMenu?: GetTabMenuFn;
+    hideTitle?: boolean;
+    dndAccept: string[];
+}
+
+declare interface Props_4 extends default_2.Attributes {
+    layoutId: string;
+    node: JustSplit;
+    justBranch: JustBranch;
+    containerRef: RefObject<HTMLDivElement | null>;
+    onChange?: (splitSize: SplitSize) => void;
+    onRelease?: (splitSize: SplitSize) => void;
+}
+
+declare interface Props_5 extends default_2.Attributes {
+    justId: JustId;
+    layoutId: string;
+    justBranch: JustBranch;
+    isFullScreenView: boolean;
+    winInfo: WinInfo;
+}
+
+declare interface Props_6 extends default_2.Attributes {
+    layoutId: string;
+    dndAccept: string[];
+    justBranch: JustBranch;
+    justStack: JustStack;
+    getWinInfo: GetWinInfoFn;
+}
+
+declare interface Props_7 extends default_2.Attributes {
+    layoutId: string;
+    isFullScreenView: boolean;
+    dndAccept: string[];
+    justBranch: JustBranch;
+    justStack: JustStack;
+    getWinInfo: GetWinInfoFn;
+    getTabMenu?: GetTabMenuFn;
+}
+
+declare interface Props_8 extends default_2.Attributes {
+    layoutId: string;
+    isFullScreenView: boolean;
+    hideTitle?: boolean;
+    dndAccept: string[];
+    justBranch: JustBranch;
+    justStack: JustStack;
+    getWinInfo: GetWinInfoFn;
+    getTabMenu?: GetTabMenuFn;
+}
+
+declare type SplitSize = SplitSizePercentage | SplitSizePiexels;
+
+declare interface SplitSizePercentage {
+    type: JustSplitType;
+    size: number;
+}
+
+declare interface SplitSizePiexels {
+    type: JustSplitType;
+    primary: JustSplitDirection;
+    size: number;
+}
+
+export declare function stableStringify(obj: any): string;
+
+export declare const storeCache: Map<string, any>;
+
+export declare interface TabTitleProps {
+    justId: JustId;
+    layoutId: string;
+    justBranch: JustBranch;
+    isFullScreenView: boolean;
+    winInfo: WinInfo;
+}
+
+export declare const useJustLayoutStore: (id: string) => JustLayoutStore;
+
+export declare interface WinInfo {
+    getTabTitle?: GetTabTitleFn;
+    getTabIcon: GetTabIconFn;
+    getView: GetViewFn;
+}
+
+export { }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kangtae49/just-layout",
   "private": false,
-  "version": "0.0.6",
+  "version": "0.0.7",
   "type": "module",
   "files": [
     "dist"

package/dist/just-layout.css

@@ -1 +0,0 @@
-.just-layout{width:100%;height:100%;background-color:#272d30;--layout-bg-color: #272d30;--title-bg-color: #191a1c;--title-font-color: rgb(255, 255, 255, .7);--splitter-border-color1: #1e1f22;--splitter-border-color2: #1e1f22;--splitter-bg-color: #1e1f22;overflow:hidden}.just-node{display:flex;flex:1;width:100%;height:100%}.just-win{display:flex;flex-direction:column;flex:1;width:100%;height:100%}.just-win .just-win-title{flex:0 0 40px;display:flex;box-sizing:border-box}.just-win .just-win-body{flex:1;min-height:0;width:100%;height:100%}.just-win-title .just-title-list{flex:1;overflow-x:overlay;display:flex;box-sizing:border-box;height:100%}.just-win-title .just-title-list:hover{padding-bottom:0}.just-title-list::-webkit-scrollbar{height:4px}.just-title-list::-webkit-scrollbar-thumb{background:#4d4d4d;background-clip:padding-box}.just-title-list::-webkit-scrollbar-thumb:hover{background:#ffc233}.just-title-list::-webkit-scrollbar-track{background:transparent}.just-win-title .just-title-menus{display:flex;align-items:center;padding-right:3px}.just-title-menus .just-menu-item.active{background-color:#3574f066}.just-title-menu{flex:0 0 26px;height:26px;display:flex;align-items:center;justify-content:center;padding:3px;border-radius:3px;box-sizing:border-box}.just-title-menu:hover{background-color:#ffffff1a}.just-title-menu svg{color:#fff}.just-layout .just-column{display:flex;flex-direction:column;width:100%;height:100%}.just-layout .just-row{display:flex;flex-direction:row;width:100%;height:100%}.just-layout .just-first,.just-layout .just-second{display:flex;overflow:hidden}.just-layout .just-primary{flex-grow:0;flex-shrink:0;min-width:0}.just-layout .just-secondary{flex:1}.just-layout .just-splitter{flex:0 0 3px;padding:0;margin:0;box-sizing:border-box}.just-row>.just-splitter{cursor:ew-resize}.just-column>.just-splitter{cursor:ns-resize}.dragging{cursor:move;border:1px dashed gray;box-sizing:border-box}.just-win-title{display:flex;background-color:var(--title-bg-color)}.just-draggable-title{display:flex;margin:0;padding:4px;height:36px;align-items:center;white-space:nowrap;background-color:var(--title-bg-color);color:var(--title-font-color);font-size:12px;border-top:4px solid transparent;box-sizing:border-box}.just-draggable-title.just-active{border-top:4px solid #008080;border-left:1px solid #43454a;border-right:1px solid #43454a;border-bottom:1px solid #43454a;box-sizing:border-box;background-color:#2b2d30}.just-draggable-title:hover{background-color:#2b2d30}.just-draggable-title.last-active{background:linear-gradient(135deg,#174aaeb3,#08186acc)}.just-draggable-title .just-icon{display:flex;flex:0 0 25px;align-items:center;justify-content:center}.just-icon svg{width:16px;height:16px}.just-close:hover svg{color:#fff}.just-draggable-title .just-title{flex:1;height:100%;display:flex;align-items:center}.just-draggable-title.just-title-menus .szh-menu svg{color:#ffc233}.just-title-menus .szh-menu-container{display:flex;background-color:#2b2d30}.just-title-menus .szh-menu{background-color:#2b2d30;color:#fff;padding:5px;border:1px solid #393b40;display:flex;flex-direction:column;justify-content:center;outline:none;z-index:99999!important}.just-title-menus .szh-menu__item{background-color:#2b2d30;flex:0 0 26px;display:flex;font-size:12px;border-radius:3px;padding:0;outline:none}.just-title-menus .szh-menu__item:hover{background-color:#3574f066}.just-menu-item{display:flex;margin:0;padding:3px;height:100%;align-items:center;white-space:nowrap;background-color:var(--title-bg-color);color:var(--title-font-color);font-size:12px;box-sizing:border-box}.just-menu-item.just-active{border-bottom:4px solid #3574f0;box-sizing:border-box}.just-menu-item .just-icon{display:flex;flex:0 0 25px;align-items:center;justify-content:center}.just-icon svg{width:16px;height:16px;color:#ffffff4d}.just-menu-item .just-title{flex:1;height:100%;display:flex;align-items:center}.just-menu-item>div{height:100%}.just-overlay{position:absolute;z-index:9999;background-color:#00000080;pointer-events:none}