@ws-ui/shared 1.12.3 → 1.13.0-dev.1

package/dist/components/Grid.d.ts

@@ -0,0 +1,26 @@
+import { CSSProperties, HTMLAttributes } from 'react';
+type GridValue = number | string | undefined;
+export interface GridProps extends HTMLAttributes<HTMLDivElement> {
+    rowGap?: GridValue;
+    columnGap?: GridValue;
+    templateColumns?: string;
+    templateRows?: string;
+    height?: GridValue;
+    width?: GridValue;
+}
+export declare function Grid({ rowGap, columnGap, templateColumns, templateRows, height, width, style, ...props }: GridProps): import("react/jsx-runtime").JSX.Element;
+export interface GridItemProps extends HTMLAttributes<HTMLDivElement> {
+    colStart?: number;
+    colSpan?: number;
+    rowStart?: number;
+    rowSpan?: number;
+    sx?: CSSProperties;
+}
+export declare function GridItem({ colStart, colSpan, rowStart, rowSpan, sx, style, ...props }: GridItemProps): import("react/jsx-runtime").JSX.Element;
+export interface SimpleGridProps extends HTMLAttributes<HTMLDivElement> {
+    columns?: number;
+    spacingX?: GridValue;
+    spacingY?: GridValue;
+}
+export declare function SimpleGrid({ columns, spacingX, spacingY, style, ...props }: SimpleGridProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Image.d.ts

@@ -0,0 +1,5 @@
+import { ImgHTMLAttributes, ReactNode } from 'react';
+export interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'children'> {
+    fallback?: ReactNode;
+}
+export declare const Image: import('react').ForwardRefExoticComponent<ImageProps & import('react').RefAttributes<HTMLImageElement>>;

package/dist/components/Panel.d.ts

@@ -1,6 +1,7 @@
 import { FC, PropsWithChildren, ReactNode } from 'react';
-export declare const PANEL_INITIAL_HEIGHT = 30;
-export declare const PANEL_EXPANDED_HEIGHT = 500;
+export declare const PANEL_COLLAPSED_HEIGHT = 30;
+export declare const PANEL_INITIAL_OPEN_RATIO = 0.3;
+export declare const PANEL_MAX_RATIO = 0.6;
 export interface ICommonPanelProps {
     headerRightSide?: ReactNode;
 }

package/dist/components/SearchInput.d.ts

@@ -0,0 +1,12 @@
+interface ISearchInputProps {
+    onChange: (value: string) => void;
+    value: string;
+    placeholder?: string;
+    delay?: number;
+    containerClassName?: string;
+    onFocusInput?: () => void;
+    icon?: string;
+    'data-cy'?: string;
+}
+export declare const SearchInput: React.FC<ISearchInputProps>;
+export {};

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

@@ -0,0 +1,2 @@
+import { RefForwardingComponent, ToolbarIconProps } from './interfaces';
+export declare const ToolbarIcon: RefForwardingComponent<'span', ToolbarIconProps>;

package/dist/components/ToolbarIcon/interfaces.d.ts

@@ -0,0 +1,21 @@
+import { IconType } from '@ws-ui/ui-components';
+export type Omit<T, U> = Pick<T, Exclude<keyof T, keyof U>>;
+export type ReplaceProps<Inner extends React.ElementType, P> = Omit<React.ComponentPropsWithRef<Inner>, P> & P;
+export interface WithAsProps<As extends React.ElementType | string = React.ElementType> {
+    /** You can use a custom element for this component */
+    as?: As;
+}
+export interface RefForwardingComponent<T extends React.ElementType, P> {
+    <As extends React.ElementType = T>(props: React.PropsWithChildren<ReplaceProps<As, WithAsProps<As> & P>>, context?: any): React.ReactElement | null;
+    propTypes?: any;
+    contextTypes?: any;
+    displayName?: string;
+}
+export interface ToolbarIconProps<As extends React.ElementType | string = React.ElementType> {
+    label: string;
+    disabled?: boolean;
+    disableHover?: boolean;
+    Icon: IconType;
+    iconClassname?: string;
+    as?: As;
+}

package/dist/components/Tooltip.d.ts

@@ -1,11 +1,15 @@
-import { default as React } from 'react';
+import { FC } from 'react';
 import { Placement } from '@popperjs/core';
 interface ITooltip {
-    label: string;
+    label: string | JSX.Element;
     placement?: Placement;
     className?: string;
     isDisabled?: boolean;
     container?: Element;
 }
-export declare const Tooltip: React.FC<ITooltip>;
+export declare const Tooltip: FC<ITooltip>;
+export declare const PopperTooltip: FC<{
+    referenceElement: HTMLElement | null;
+    label: string;
+}>;
 export {};

package/dist/components/index.d.ts

@@ -5,12 +5,13 @@ export * from './Tree';
 export * from './Incase';
 export * from './Tips';
 export * from './Tips/provider';
-export * from './ControlledSwitch';
 export * from './Tooltip';
 export * from './AppLoader';
 export * from './Modal';
 export * from './ZoomComponent';
-export * from './FloatingTooltip';
 export * from './Panel';
-export * from './Checkbox';
 export * from './InvalidJsonError';
+export * from './SearchInput';
+export * from './ToolbarIcon';
+export * from './Grid';
+export * from './Image';