@gusarov-studio/rubik-ui 9.3.0 → 9.4.0

package/dist/FileTabs/FileTabTriggerDragLayer.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { FileTab } from "./types";
+interface FileTabsTriggerDragLayerProps {
+    tab: FileTab;
+}
+declare const FileTabsTriggerDragLayer: React.FC<FileTabsTriggerDragLayerProps>;
+export { FileTabsTriggerDragLayer, type FileTabsTriggerDragLayerProps };

package/dist/FileTabs/FileTabs.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import type { FileTab, WidthValue } from "./types";
+import "./FileTabs.scss";
+interface FileTabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onClick"> {
+    tabs: FileTab[];
+    activeTabId: FileTab["id"];
+    onTabSelect: (tab: FileTab, event?: React.MouseEvent) => void;
+    onContextClick?: (tab: FileTab, event?: React.MouseEvent) => void;
+    onReorder?: (reorderedFileTabs: FileTab[]) => void;
+    onClose: (tab: FileTab, event?: React.MouseEvent) => void;
+    onAddClick?: (event?: React.MouseEvent) => void;
+    minTabSize?: WidthValue;
+    maxTabSize?: WidthValue;
+    draggable?: boolean;
+    dropdownInvisibleTabs?: boolean;
+}
+declare const FileTabs: React.ForwardRefExoticComponent<FileTabsProps & React.RefAttributes<HTMLDivElement>>;
+export { FileTabs, type FileTabsProps };

package/dist/FileTabs/FileTabsDragLayer.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const FileTabsDragLayer: React.FC;
+export { FileTabsDragLayer };

package/dist/FileTabs/FileTabsTrigger.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import type { FileTab, DropSideType, WidthValue } from "./types";
+interface FileTabsTriggerProps {
+    tab: FileTab;
+    active: boolean;
+    onTabSelect: (tab: FileTab, event?: React.MouseEvent) => void;
+    onContextClick?: (tab: FileTab, event?: React.MouseEvent) => void;
+    reorder: (draggedTabId: string, targetTabId: string, dropSide: DropSideType | null) => void;
+    onClose: (tab: FileTab, event?: React.MouseEvent) => void;
+    draggable?: boolean;
+    minTabSize?: WidthValue;
+    maxTabSize?: WidthValue;
+    setAutoScrollable?: (cadDrop: boolean) => void;
+}
+declare const FileTabsTrigger: React.ForwardRefExoticComponent<FileTabsTriggerProps & React.RefAttributes<HTMLDivElement>>;
+export { FileTabsTrigger, type FileTabsTriggerProps };

package/dist/FileTabs/constants/dropSide.d.ts

@@ -0,0 +1,5 @@
+declare const dropSide: {
+    readonly LEFT: "left";
+    readonly RIGHT: "right";
+};
+export { dropSide };

package/dist/FileTabs/constants/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./dropSide";
+export * from "./triggerClassname";

package/dist/FileTabs/constants/triggerClassname.d.ts

@@ -0,0 +1,2 @@
+declare const triggerClassname = "r-file-tabs__trigger";
+export { triggerClassname };

package/dist/FileTabs/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./useDragFileTab";
+export * from "./useDropFileTab";
+export * from "./useFocusScrolling";
+export * from "./useScrollbarSync";

package/dist/FileTabs/hooks/useDragFileTab.d.ts

@@ -0,0 +1,6 @@
+import { type ConnectDragSource } from "react-dnd";
+import type { FileTab } from "../types";
+declare const useDragFileTab: (tab: FileTab, draggable?: boolean) => [{
+    isDragging: boolean;
+}, ConnectDragSource];
+export { useDragFileTab };

package/dist/FileTabs/hooks/useDropFileTab.d.ts

@@ -0,0 +1,15 @@
+import { type RefObject } from "react";
+import { type DragElementWrapper } from "react-dnd";
+import type { FileTab, DropSideType } from "../types";
+interface UseDropFileTabParams {
+    tab: FileTab;
+    triggerRef: RefObject<HTMLElement>;
+    reorder: (draggedTabId: string, targetTabId: string, hoverSide: DropSideType | null) => void;
+    setAutoScrollable?: (cadDrop: boolean) => void;
+}
+declare const useDropFileTab: ({ tab, triggerRef, reorder, setAutoScrollable, }: UseDropFileTabParams) => [{
+    isOver: boolean;
+    canDrop: boolean;
+    dropSide: DropSideType | null;
+}, DragElementWrapper<HTMLElement>];
+export { useDropFileTab };

package/dist/FileTabs/hooks/useFocusScrolling.d.ts

@@ -0,0 +1,3 @@
+import { type RefObject } from "react";
+declare const useFocusScrolling: (containerRef: RefObject<HTMLDivElement>) => void;
+export { useFocusScrolling };

package/dist/FileTabs/hooks/useScrollbarSync.d.ts

@@ -0,0 +1,12 @@
+import { type RefObject } from "react";
+import type { FileTab, WidthValue } from "../types";
+interface UseScrollbarSyncParams {
+    unpinnedRef: RefObject<HTMLDivElement>;
+    scrollbarContainerRef: RefObject<HTMLDivElement>;
+    scrollbarContentRef: RefObject<HTMLDivElement>;
+    tabs: FileTab[];
+    minTabSize?: WidthValue;
+    maxTabSize?: WidthValue;
+}
+declare const useScrollbarSync: ({ unpinnedRef, scrollbarContainerRef, scrollbarContentRef, tabs, minTabSize, maxTabSize, }: UseScrollbarSyncParams) => void;
+export { useScrollbarSync };

package/dist/FileTabs/index.d.ts

@@ -0,0 +1 @@
+export * from "./FileTabs";

package/dist/FileTabs/types.d.ts

@@ -0,0 +1,15 @@
+import type React from "react";
+import type { ValueOf } from "../types/ValueOf";
+import type { dropSide } from "./constants";
+import type { CSSUnit } from "../types/CSSUnit";
+interface FileTab {
+    id: string;
+    type: string;
+    label: string;
+    icon?: React.ReactNode;
+    closeable?: boolean;
+    pinned?: boolean;
+}
+type DropSideType = ValueOf<typeof dropSide>;
+type WidthValue = CSSUnit | "0" | `calc(${string})` | number | "unset";
+export type { FileTab, DropSideType, WidthValue };

package/dist/FileTabs/utils/getDropSide.d.ts

@@ -0,0 +1,2 @@
+import type { DropTargetMonitor } from "react-dnd";
+export declare const getDropSide: (monitor: DropTargetMonitor, element: HTMLElement) => "left" | "right" | null;

package/dist/FileTabs/utils/getItemStyles.d.ts

@@ -0,0 +1,4 @@
+import type { XYCoord } from "react-dnd";
+import type React from "react";
+declare const getItemStyles: (currentOffset: XYCoord) => React.CSSProperties;
+export { getItemStyles };

package/dist/FileTabs/utils/index.d.ts

@@ -0,0 +1,3 @@
+import { getDropSide } from "./getDropSide";
+import { getItemStyles } from "./getItemStyles";
+export { getDropSide, getItemStyles };

package/dist/index.d.ts

@@ -12,6 +12,7 @@ export * from "./CloseButton";
 export * from "./ContextMenu";
 export * from "./Dropdown";
 export * from "./FeatureIcon";
+export * from "./FileTabs";
 export * from "./Icon";
 export * from "./IconButton";
 export * from "./InputSlider";