@ws-ui/shared 1.12.4 → 1.13.0-rc2

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';

package/dist/hooks/index.d.ts

@@ -9,3 +9,11 @@ export * from './useIdentity';
 export * from './useStateObject';
 export * from './useDoubleClick';
 export * from './use-enhanced-state/useEnhancedState';
+export * from './use-ds-renderer';
+export * from './use-ds-change-renderer';
+export * from './use-boolean';
+export * from './use-callback-ref';
+export * from './use-controllable-state';
+export * from './use-safe-layout-effect';
+export * from './use-update-effect';
+export * from './use-form-control-props';

package/dist/hooks/use-boolean.d.ts

@@ -0,0 +1,5 @@
+export declare function useBoolean(defaultValue?: boolean): readonly [boolean, {
+    on: () => void;
+    off: () => void;
+    toggle: () => void;
+}];

package/dist/hooks/use-callback-ref.d.ts

@@ -0,0 +1 @@
+export declare function useCallbackRef<T extends (...args: any[]) => any>(callback: T | undefined): T;

package/dist/hooks/use-controllable-state.d.ts

@@ -0,0 +1,7 @@
+import { Dispatch, SetStateAction } from 'react';
+export declare function useControllableProp<T>(prop: T | undefined, state: T): readonly [boolean, T];
+export declare function useControllableState<T>({ value, defaultValue, onChange, }: {
+    value?: T;
+    defaultValue: T;
+    onChange?: (value: T) => void;
+}): readonly [T, Dispatch<SetStateAction<T>>];

package/dist/hooks/use-ds-change-renderer.d.ts

@@ -0,0 +1,10 @@
+interface IUseOnDsChange {
+    datasourceId: string;
+    isDsBuild?: boolean;
+    onChange?: (newValue: any) => void;
+}
+export declare const useDsChangeRenderer: ({ datasourceId, isDsBuild, onChange, }: IUseOnDsChange) => {
+    loaded: boolean;
+    setCurrentSource: (property: string, value: any) => void;
+};
+export {};

package/dist/hooks/use-ds-renderer.d.ts

@@ -0,0 +1,7 @@
+declare const useDsRendererAdapter: (datasourceId: string) => {
+    actions: {
+        setProperty: (property: string, value: any) => void;
+        getValue: () => datasources.DataSource | undefined;
+    };
+};
+export { useDsRendererAdapter };

package/dist/hooks/use-form-control-props.d.ts

@@ -0,0 +1,15 @@
+type FormControlLikeProps = {
+    disabled?: boolean;
+    isDisabled?: boolean;
+    readOnly?: boolean;
+    isReadOnly?: boolean;
+    required?: boolean;
+    isRequired?: boolean;
+    isInvalid?: boolean;
+};
+export declare function useFormControlProps<T extends FormControlLikeProps>(props: T): T & {
+    isDisabled: boolean | undefined;
+    isReadOnly: boolean | undefined;
+    isRequired: boolean | undefined;
+};
+export {};

package/dist/hooks/use-safe-layout-effect.d.ts

@@ -0,0 +1,2 @@
+import { useEffect } from 'react';
+export declare const useSafeLayoutEffect: typeof useEffect;

package/dist/hooks/use-update-effect.d.ts

@@ -0,0 +1,2 @@
+import { DependencyList, EffectCallback } from 'react';
+export declare function useUpdateEffect(effect: EffectCallback, deps: DependencyList): void;