@kanaries/graphic-walker 0.2.9 → 0.2.10

package/dist/App.d.ts

@@ -1,8 +1,6 @@
 import React from 'react';
 import { Specification } from 'visual-insights';
 import { IMutField, IRow } from './interfaces';
-import "tailwindcss/tailwind.css";
-import './index.css';
 export interface EditorProps {
     dataSource?: IRow[];
     rawFields?: IMutField[];

package/dist/components/callout.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from 'react';
+export interface CalloutProps {
+    target: string;
+    children: ReactNode;
+}
+declare const Callout: React.NamedExoticComponent<CalloutProps>;
+export default Callout;

package/dist/components/sizeSetting.d.ts

@@ -5,5 +5,6 @@ interface SizeSettingProps {
     width: number;
     height: number;
 }
+export declare const ResizeDialog: React.FC<SizeSettingProps>;
 declare const SizeSetting: React.FC<SizeSettingProps>;
 export default SizeSetting;

package/dist/components/toolbar/components.d.ts

@@ -0,0 +1,11 @@
+import { KeyboardEvent, MouseEvent } from "react";
+export declare const useHandlers: (action: () => void, disabled: boolean, triggerKeys?: string[], allowPropagation?: boolean) => {
+    onClick: (ev: MouseEvent) => void;
+    onKeyDown: (ev: KeyboardEvent) => void;
+    onMouseOut: (ev: MouseEvent) => void;
+};
+export declare const ToolbarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ToolbarSplitter: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ToolbarItemContainerElement: import("styled-components").StyledComponent<"div", any, {
+    split: boolean;
+}, never>;

package/dist/components/toolbar/index.d.ts

@@ -0,0 +1,15 @@
+import React, { CSSProperties } from "react";
+import { ToolbarItemProps } from "./toolbar-item";
+export interface ToolbarProps {
+    items: ToolbarItemProps[];
+    styles?: Partial<{
+        root: CSSProperties & Record<string, string>;
+        container: CSSProperties & Record<string, string>;
+        item: CSSProperties & Record<string, string>;
+        icon: CSSProperties & Record<string, string>;
+        splitIcon: CSSProperties & Record<string, string>;
+    }>;
+}
+declare const Toolbar: React.NamedExoticComponent<ToolbarProps>;
+export default Toolbar;
+export type { ToolbarItemProps };

package/dist/components/toolbar/toolbar-button.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { IToolbarItem, IToolbarProps } from "./toolbar-item";
+export interface ToolbarButtonItem extends IToolbarItem {
+    onClick?: () => void;
+}
+declare const ToolbarButton: React.NamedExoticComponent<IToolbarProps<ToolbarButtonItem>>;
+export default ToolbarButton;

package/dist/components/toolbar/toolbar-item.d.ts

@@ -0,0 +1,40 @@
+import React, { ReactNode } from "react";
+import { ToolbarButtonItem } from "./toolbar-button";
+import { ToolbarToggleButtonItem } from "./toolbar-toggle-button";
+import { ToolbarSelectButtonItem } from "./toolbar-select-button";
+import { useHandlers } from "./components";
+import { ToolbarProps } from ".";
+export interface IToolbarItem {
+    key: string;
+    icon: (props: React.ComponentProps<'svg'> & {
+        title?: string;
+        titleId?: string;
+    }) => JSX.Element;
+    label: string;
+    /** @default false */
+    disabled?: boolean;
+    menu?: ToolbarProps;
+    form?: JSX.Element;
+}
+export declare const ToolbarItemSplitter = "-";
+export type ToolbarItemProps = (ToolbarButtonItem | ToolbarToggleButtonItem | ToolbarSelectButtonItem | typeof ToolbarItemSplitter);
+export interface IToolbarProps<P extends Exclude<ToolbarItemProps, typeof ToolbarItemSplitter> = Exclude<ToolbarItemProps, typeof ToolbarItemSplitter>> {
+    item: P;
+    styles?: ToolbarProps['styles'];
+    openedKey: string | null;
+    setOpenedKey: (key: string | null) => void;
+    renderSlot: (node: ReactNode) => void;
+}
+export declare const ToolbarItemContainer: React.NamedExoticComponent<{
+    props: IToolbarProps;
+    handlers: ReturnType<typeof useHandlers> | null;
+    children: unknown;
+} & React.HTMLAttributes<HTMLDivElement>>;
+declare const ToolbarItem: React.NamedExoticComponent<{
+    item: ToolbarItemProps;
+    styles?: ToolbarProps['styles'];
+    openedKey: string | null;
+    setOpenedKey: (key: string | null) => void;
+    renderSlot: (node: ReactNode) => void;
+}>;
+export default ToolbarItem;

package/dist/components/toolbar/toolbar-select-button.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { IToolbarItem, IToolbarProps } from "./toolbar-item";
+export interface ToolbarSelectButtonItem<T extends string = string> extends IToolbarItem {
+    options: {
+        key: T;
+        icon: (props: React.SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+            titleId?: string | undefined;
+        }) => JSX.Element;
+        label: string;
+        /** @default false */
+        disabled?: boolean;
+    }[];
+    value: T;
+    onSelect: (value: T) => void;
+}
+declare const ToolbarSelectButton: React.NamedExoticComponent<IToolbarProps<ToolbarSelectButtonItem<string>>>;
+export default ToolbarSelectButton;

package/dist/components/toolbar/toolbar-toggle-button.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { IToolbarItem, IToolbarProps } from "./toolbar-item";
+export interface ToolbarToggleButtonItem extends IToolbarItem {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+}
+declare const ToolbarToggleButton: React.NamedExoticComponent<IToolbarProps<ToolbarToggleButtonItem>>;
+export default ToolbarToggleButton;

package/dist/components/tooltip.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export interface TooltipProps {
+    children: JSX.Element;
+    content: string | JSX.Element | JSX.Element[];
+    /** @default 250 */
+    showDelay?: number;
+    /** @default 250 */
+    hideDelay?: number;
+    /** @default 3_000 */
+    autoHide?: number;
+}
+declare const Tooltip: React.NamedExoticComponent<TooltipProps>;
+export default Tooltip;

package/dist/fields/datasetFields/dimFields.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DroppableProvided } from 'react-beautiful-dnd';
+import { DroppableProvided } from '@kanaries/react-beautiful-dnd';
 interface Props {
     provided: DroppableProvided;
 }

package/dist/fields/datasetFields/meaFields.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DroppableProvided } from 'react-beautiful-dnd';
+import { DroppableProvided } from '@kanaries/react-beautiful-dnd';
 interface Props {
     provided: DroppableProvided;
 }

package/dist/fields/filterField/filterPill.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DraggableProvided } from "react-beautiful-dnd";
+import { DraggableProvided } from "@kanaries/react-beautiful-dnd";
 interface FilterPillProps {
     provided: DraggableProvided;
     fIndex: number;

package/dist/fields/obComponents/obFContainer.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DroppableProvided } from "react-beautiful-dnd";
+import { DroppableProvided } from "@kanaries/react-beautiful-dnd";
 import { IDraggableStateKey } from '../../interfaces';
 interface FieldContainerProps {
     provided: DroppableProvided;

package/dist/fields/obComponents/obPill.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DraggableProvided } from 'react-beautiful-dnd';
+import { DraggableProvided } from '@kanaries/react-beautiful-dnd';
 import { IDraggableStateKey } from '../../interfaces';
 interface PillProps {
     provided: DraggableProvided;