dt-shared-front 2.2.34 → 2.2.36

package/dist/components/auto-complete/auto-complete.d.ts

@@ -5,8 +5,13 @@ export interface ISelectOption<T> {
     value: string | number | null | undefined;
     data?: T;
 }
-declare type IAutoCompleteProps<T> = Omit<AutoCompleteProps, 'options' | 'onChange'> & {
+export interface ISelectOptionsGroup<T> {
+    label: string;
+    options: ISelectOption<T>[];
+}
+export interface IAutoCompleteProps<T> extends Omit<AutoCompleteProps, 'options' | 'onChange'> {
     options?: T[] | T;
+    optionsGroup?: ISelectOptionsGroup<T>[];
     labels?: {
         [key: string]: string;
     };
@@ -15,12 +20,13 @@ declare type IAutoCompleteProps<T> = Omit<AutoCompleteProps, 'options' | 'onChan
     labelKey?: string;
     labelPlaceholder?: string;
     onServerSearch?: (val: string) => Promise<T[]>;
+    onServerSearchGroup?: (val: string) => Promise<ISelectOptionsGroup<T>[]>;
     onRenderOption?: (item: T) => React.ReactNode;
+    onRenderOptionGroup?: (item: ISelectOptionsGroup<T>) => React.ReactNode;
     onChange?: (option: T, options?: T[]) => void;
     debounceTimeout?: number;
     stacked?: boolean;
     popupClassName?: string;
     icon?: any;
-};
-export declare function AutoComplete<T>({ labels, labelKey, valueKey, onServerSearch, icon, debounceTimeout, labelPlaceholder, onRenderOption, popupClassName, ...props }: IAutoCompleteProps<T>): React.JSX.Element;
-export {};
+}
+export declare function AutoComplete<T>({ labels, labelKey, valueKey, onServerSearch, icon, debounceTimeout, labelPlaceholder, onRenderOption, onRenderOptionGroup, onServerSearchGroup, popupClassName, optionsGroup: optionsGroupFromProps, ...props }: IAutoCompleteProps<T>): React.JSX.Element;

package/dist/components/auto-complete/auto-complete.stories.d.ts

@@ -0,0 +1,17 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { AutoComplete } from './auto-complete';
+declare const meta: Meta<typeof AutoComplete>;
+declare type Option = {
+    label: string;
+    value: string;
+    data: {
+        meta: string;
+    };
+};
+export default meta;
+declare type Story = StoryObj<typeof AutoComplete<Option>>;
+export declare const Default: Story;
+export declare const DefaultWithCustomOptions: Story;
+export declare const DefaultWithOptionsGroup: Story;
+export declare const DefaultWithCustomOptionsGroup: Story;
+export declare const DefaultBorderless: Story;

package/dist/components/auto-complete/index.d.ts

@@ -1 +1 @@
-export { AutoComplete } from './auto-complete';
+export { AutoComplete, IAutoCompleteProps } from './auto-complete';

package/dist/components/dropdown/dropdown.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Dropdown } from './dropdown';
+declare const meta: Meta<typeof Dropdown>;
+export default meta;
+declare type Story = StoryObj<typeof Dropdown>;
+export declare const AllDefault: Story;

package/dist/components/input/input.d.ts

@@ -62,4 +62,4 @@ export declare const Input: React.ForwardRefExoticComponent<{
     onPointerUp?: (e: any) => void;
     onChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;
     onSearch?: ((val: string) => void) | ((val: string) => Promise<void>);
-} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "variant" | "size" | "onChange"> & React.RefAttributes<HTMLInputElement>>;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "variant"> & React.RefAttributes<HTMLInputElement>>;

package/dist/components/input/input.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Input } from './input';
+declare const meta: Meta<typeof Input>;
+export default meta;
+declare type Story = StoryObj<typeof Input>;
+export declare const Default: Story;
+export declare const DefaultWithIcon: Story;
+export declare const DefaultWithLoading: Story;
+export declare const AllDefault: Story;

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

@@ -0,0 +1,3 @@
+export { Popover } from './popover';
+export { PopoverProvider, usePopover } from './popover.provider';
+export type { PropsWithPopover } from './popover';

package/dist/components/popover/popover-tooltip.d.ts

@@ -0,0 +1,20 @@
+import React, { ReactNode } from 'react';
+import { TooltipPosition } from './popover-tooltip.utils';
+export declare type IPopoverTootipRef = {
+    open?: (target: HTMLElement) => void;
+    close?: () => void;
+};
+declare type IPopoverTootipProps = {
+    content: ReactNode;
+    className?: string;
+    onOpenChange?: (val: boolean) => void;
+    placement?: keyof typeof TooltipPosition;
+    trigger?: any;
+    closeOutsideClick?: boolean;
+    closeOutsideScroll?: boolean;
+    showClose?: boolean;
+};
+export declare const PopoverTooltip: React.ForwardRefExoticComponent<IPopoverTootipProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<IPopoverTootipRef>>;
+export {};

package/dist/components/popover/popover-tooltip.utils.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties } from 'react';
+export declare enum TooltipPosition {
+    left = "left",
+    top = "top",
+    right = "right",
+    bottom = "bottom"
+}
+export declare const isCurrent: (e: Event, element: Element) => any;
+export declare const findTargetElement: (element: Element) => Element;
+export declare const getScrollTopParent: (element: HTMLElement) => HTMLElement | null;
+export declare const recalcArrowStyles: (targetElement: Element, tooltipProperties: CSSProperties, position: TooltipPosition) => CSSProperties;
+export declare const recalcStyles: (targetElement: Element, tooltipElement: HTMLDivElement, position: TooltipPosition) => CSSProperties;

package/dist/components/popover/popover.d.ts

@@ -0,0 +1,26 @@
+import React, { ElementType, MouseEvent, PropsWithRef } from 'react';
+import { ComponentProps, MutableRefObject } from 'react';
+export declare type PropsWithPopover<P, D = any> = P & {
+    data: D;
+    popover: IPopoverRef<D>;
+};
+export interface IPopoverRef<D = any> {
+    open: (e: MouseEvent, data?: D) => void;
+    close: () => void;
+}
+export declare type IPopoverProps<C extends ElementType> = {
+    [key in keyof ComponentProps<C>]?: ComponentProps<C>[key];
+} & {
+    component?: C;
+    showClose?: boolean;
+    closeOutsideClick?: boolean;
+    closeOutsideScroll?: boolean;
+};
+export declare const Popover: <C extends React.ElementType<any, keyof React.JSX.IntrinsicElements>>(props: React.PropsWithRef<(React.ComponentProps<C> extends infer T ? { [key in keyof T]?: React.ComponentProps<C>[key]; } : never) & {
+    component?: C;
+    showClose?: boolean;
+    closeOutsideClick?: boolean;
+    closeOutsideScroll?: boolean;
+} & {
+    ref?: MutableRefObject<IPopoverRef>;
+}>) => React.JSX.Element;

package/dist/components/popover/popover.provider.d.ts

@@ -0,0 +1,5 @@
+import React, { ElementType } from 'react';
+import { PropsWithChildren } from 'react';
+import { IPopoverProps, IPopoverRef } from './popover';
+export declare const PopoverProvider: ({ children }: PropsWithChildren<any>) => React.JSX.Element;
+export declare function usePopover<C extends ElementType>(component: C, initialProps?: IPopoverProps<C>): React.RefObject<IPopoverRef<any>>;

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

@@ -1,2 +1,3 @@
 export { Select } from './select';
 export type { ISelectOption } from './select';
+export type { SelectModal } from './select-modal';

package/dist/components/select/select-modal.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { PropsWithModal } from '@shared/modal';
+interface IContactsModalData {
+    title?: string;
+    filter: any;
+    items: any[];
+    onClick: (item: any, option: any) => void;
+}
+export declare const SelectModal: ({ modal, data }: PropsWithModal<{}, IContactsModalData>) => React.JSX.Element;
+export {};

package/dist/components/select/select.d.ts

@@ -27,6 +27,8 @@ declare type ISelectProps<T> = Omit<SelectProps, 'options' | 'onChange'> & {
     stacked?: boolean;
     popupClassName?: string;
     suffixIcon?: any;
+    isMobileModal?: boolean;
+    modalTitle?: string;
 };
-export declare function Select<T = any>({ debounceTimeout, onServerSearch, onServerSearchGroup, onRenderOption, valueKey, labelKey, labelPlaceholder, labels, popupClassName, suffixIcon, stacked, error, ...props }: ISelectProps<T>): React.JSX.Element;
+export declare function Select<T = any>({ debounceTimeout, onServerSearch, onServerSearchGroup, onRenderOption, valueKey, labelKey, labelPlaceholder, labels, popupClassName, suffixIcon, stacked, error, isMobileModal, modalTitle, ...props }: ISelectProps<T>): React.JSX.Element;
 export {};

package/dist/components/select/select.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Select } from './select';
+declare const meta: Meta<typeof Select>;
+export default meta;
+declare type Story = StoryObj<typeof Select>;
+export declare const AllDefault: Story;

package/dist/components/text-area/text-area.d.ts

@@ -26,4 +26,4 @@ export declare const TextArea: React.ForwardRefExoticComponent<{
     onClear?: () => void;
     onSearch?: (e: any) => void;
     onChange?: (value: string, event?: ChangeEvent<HTMLTextAreaElement>) => void;
-} & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "variant" | "size" | "onChange"> & React.RefAttributes<HTMLTextAreaElement>>;
+} & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange" | "size" | "variant"> & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/components/tooltip/tooltip.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Tooltip } from './tooltip';
+declare const meta: Meta<typeof Tooltip>;
+export default meta;
+declare type Story = StoryObj<typeof Tooltip>;
+export declare const AllDefault: Story;

package/dist/components/tooltip/tooltip.utils.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from "react";
+import { CSSProperties } from 'react';
 export declare enum TooltipPosition {
     left = "left",
     top = "top",

package/dist/index.d.ts

@@ -48,3 +48,6 @@ export { ViewsCount } from './components/views-count';
 export { Message } from './components/message';
 export { WarningBlock } from './components/warning-block';
 export { Steps } from './components/steps';
+export { Popover, PopoverProvider, usePopover } from './components/popover';
+export type { PropsWithPopover } from './components/popover';
+export type { IPopoverRef } from './components/popover/popover';