@evergis/uilib-gl 1.0.0

package/dist/organisms/Table/hooks/useRenderSettingMenu/index.d.ts

@@ -0,0 +1,2 @@
+import { UseRenderSettingMenuHook } from "./types";
+export declare const useRenderSettingMenu: UseRenderSettingMenuHook;

package/dist/organisms/Table/hooks/useRenderSettingMenu/styled.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const IconToggle: import("styled-components").StyledComponent<import("react").FC<import("../../../../molecules/IconToggle").IIconToggleProps>, import("styled-components").DefaultTheme, {}, never>;

package/dist/organisms/Table/hooks/useRenderSettingMenu/types.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TableProps } from "../../types";
+export declare type UseRenderSettingMenuProps = Pick<TableProps, "columns" | "excludedData" | "onExcludeData" | "excludedSettingsColumns" | "allText">;
+export declare type UseRenderSettingMenuHook = (props: UseRenderSettingMenuProps) => JSX.Element;

package/dist/organisms/Table/hooks/useTableResize.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { Column, TableColumnParam } from "../types";
+interface TableResizeResponse {
+    refs: React.RefObject<HTMLDivElement>[];
+    params: TableColumnParam[];
+    isResizing: boolean;
+}
+export declare const useTableResize: (columns: Column[]) => TableResizeResponse;
+export {};

package/dist/organisms/Table/hooks/useTableScroll.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { BodyScrollParams } from "../types";
+interface TableScrollResponse {
+    tableRef: React.RefObject<HTMLEmbedElement>;
+    bodyScroll: BodyScrollParams;
+}
+export declare const useTableScroll: () => TableScrollResponse;
+export {};

package/dist/organisms/Table/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Table";
+export * from "./styled";
+export * from "./types";

package/dist/organisms/Table/styled.d.ts

@@ -0,0 +1,33 @@
+interface TableContainerProps {
+    width?: TableComponentProps["tableWidth"];
+    scrolled?: boolean;
+    filtersOn?: boolean;
+    $loading?: boolean;
+}
+interface TableComponentProps {
+    tableWidth?: number | string;
+    tableHeight?: number | string;
+    showTable?: boolean;
+}
+export declare const LoadingContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    showTable?: boolean | undefined;
+    filtersOn?: boolean | undefined;
+}, never>;
+export declare const setWidth: (width?: string | number | undefined) => string;
+export declare const TableComponent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TableComponentProps, never>;
+export declare const HeaderCellPrefix: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const HeaderCellComponent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    noSort?: boolean | undefined;
+}, never>;
+export declare const FilterContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const TableFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const TableFooterSummary: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const TableFooterControls: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const TableContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TableContainerProps, never>;
+export declare const SpecialHeadCellContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SpecialBodyCellContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Tbody: import("styled-components").StyledComponent<"tbody", import("styled-components").DefaultTheme, {
+    showTable?: boolean | undefined;
+}, never>;
+export declare const ColName: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export {};

package/dist/organisms/Table/types.d.ts

@@ -0,0 +1,79 @@
+import { ReactNode, Dispatch, SetStateAction } from "react";
+import { FilterInputType } from "../FilterInput";
+import { IOption } from "../Menu";
+export interface Row {
+    id: number | string;
+    data: Record<string, ReactNode>;
+    className?: string;
+    menuOptions?: IOption[];
+}
+export interface TableProps {
+    width?: number | string;
+    height?: number | string;
+    columns: Column[];
+    data: Row[];
+    filtersOn?: boolean;
+    sort?: Sort;
+    onToggleSort: (id: Column["id"], type?: SortType) => void;
+    onPageChange?: (page: number) => void;
+    totalRowsCount?: number;
+    pageSize?: number;
+    paginationSlots?: number;
+    paginationDisabled?: boolean;
+    paginationOnClient?: boolean;
+    currentPage?: number;
+    loading?: boolean;
+    menuOptions?: IOption[];
+    columnParams?: TableColumnParam[];
+    onMenuSelect?: (row: Row, options: IOption[]) => void;
+    onColumnResize?: (params: TableColumnParam[]) => void;
+    special?: SpecialColumn | boolean;
+    className?: string;
+    totalText?: string;
+    onRowClick?: (row: Row) => void;
+    onSelect?: Dispatch<SetStateAction<(string | number)[]>>;
+    selectedData?: (string | number)[];
+    excludedData?: (string | number)[];
+    onExcludeData?: (excludedData: (string | number)[]) => void;
+    excludedSettingsColumns?: (string | number)[];
+    showTableAtLoading?: boolean;
+    prevTitleText?: string;
+    nextTitleText?: string;
+    allText?: string;
+}
+declare type Accessor = (row: any) => ReactNode;
+export interface Column {
+    id: string;
+    accessor: string | Accessor;
+    Header: ReactNode;
+    width?: number | string;
+    alias?: string;
+    type?: FilterInputType;
+    filter?: (column: Column) => ReactNode;
+    noSort?: boolean;
+    className?: string;
+    tdClassName?: string;
+    prefix?: ReactNode;
+}
+export interface Sort {
+    [key: string]: SortType | undefined;
+}
+export declare type SortType = "asc" | "desc";
+export interface HeaderCellProps {
+    column: Column;
+    sortType?: SortType;
+    onToggleSort: TableProps["onToggleSort"];
+}
+export interface BodyScrollParams {
+    x: number;
+    y: number;
+}
+export interface TableColumnParam {
+    id: string;
+    width: number;
+}
+export interface SpecialColumn extends Pick<Column, "width"> {
+    header?: ReactNode;
+    render?: (row: Row) => ReactNode;
+}
+export {};

package/dist/organisms/Tabs/Tab.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { ITabProps } from "./types";
+export declare const Tab: FC<ITabProps>;

package/dist/organisms/Tabs/Tabs.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { ITabsProps } from "./types";
+export declare const Tabs: FC<ITabsProps>;

package/dist/organisms/Tabs/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Tabs";
+export { TabContainer, TabContainerLine, TabBlock } from "./styled";
+export * from "./types";

package/dist/organisms/Tabs/styled.d.ts

@@ -0,0 +1,8 @@
+import { ITabContainerProps, ITabLineProps, ITabProps } from "./types";
+export declare const TabBlock: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ITabProps, never>;
+export declare const TabLine: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ITabLineProps, never>;
+export declare const FadingIcon: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, import("../../atoms/Icon").IIconProps, never>;
+export declare const MainContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ITabContainerProps, never>;
+export declare const TabContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ITabContainerProps, never>;
+export declare const TabContainerLine: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ITabLineProps, never>;
+export declare const ScrollButtonContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/organisms/Tabs/types.d.ts

@@ -0,0 +1,57 @@
+import { MouseEvent } from "react";
+import { IconTypesKeys } from "../../atoms/Icon";
+import { ITheme } from "../../theme/ITheme";
+export interface ITabContainerProps {
+    align?: string;
+    offset?: number;
+    scrollable?: boolean | undefined;
+}
+export interface ITabLineProps {
+    width?: number;
+}
+export interface ITabProps {
+    icon?: IconTypesKeys;
+    align?: string;
+    selected?: boolean;
+    hover?: boolean;
+    disabled?: boolean;
+    scrollable?: boolean;
+    onClick: (e: MouseEvent<HTMLDivElement>) => void;
+    ref?: (div: HTMLDivElement) => void;
+}
+export interface ITabLineProps {
+    selected?: boolean;
+}
+export interface ITabOptions {
+    value: string;
+    icon: IconTypesKeys;
+    text: string;
+    disabled?: boolean;
+}
+export interface ITabsProps {
+    align?: string;
+    theme?: ITheme;
+    data: ITabOptions[];
+    className?: string;
+    selectedTab?: string;
+    onChange: (value: string, e: MouseEvent<HTMLDivElement>) => void;
+    onSelectedChange?: (value: string, e: MouseEvent<HTMLDivElement>) => void;
+    showArrows?: boolean;
+}
+export interface ITabsParams {
+    clientWidth: number;
+    scrollLeft: number;
+    scrollWidth: number;
+    left: number;
+    right: number;
+}
+export interface ILineBlockProps {
+    count: number;
+    selected: number;
+    lineWidth: number;
+    offset: number;
+    align: string | undefined;
+}
+export interface ILineContainerProps {
+    width: number;
+}

package/dist/organisms/Tabs/utils.d.ts

@@ -0,0 +1 @@
+export declare const calculateAlign: (align: string | undefined, scrollable: boolean | undefined) => "flex-start" | "flex-end" | "center" | "space-between";

package/dist/organisms/Tippy/Tippy.d.ts

@@ -0,0 +1,26 @@
+import { Component } from "react";
+import { Instance } from "tippy.js";
+import { ITooltipProps } from "./types";
+export declare class Tippy extends Component<ITooltipProps> {
+    static defaultProps: {
+        delay: number[];
+        duration: number[];
+        isManualTrigger: boolean;
+        distance: number;
+        indent: number;
+        arrow: boolean;
+    };
+    tip?: Instance;
+    container: HTMLDivElement | undefined;
+    onRef: (node: null | HTMLElement) => void;
+    setContent(): void;
+    manualTrigger(): void;
+    addListeners(): void;
+    removeListeners(): void;
+    closeOnOutsideEvent: (e: MouseEvent | UIEvent | TouchEvent) => void;
+    closeOnScrollEvent: (e: MouseEvent | UIEvent | TouchEvent) => void;
+    componentDidMount(): void;
+    componentDidUpdate({ content: prevContent, isVisible: prevIsVisible, hidden: prevIsHidden }: ITooltipProps): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+}

package/dist/organisms/Tippy/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Tippy";
+export * from "./types";

package/dist/organisms/Tippy/types.d.ts

@@ -0,0 +1,19 @@
+import { ReactElement, ReactNode } from "react";
+import { Instance, Props } from "tippy.js";
+export declare type TippyProps = Omit<Props, "content">;
+export interface ITooltipProps extends Partial<Omit<TippyProps, "theme">> {
+    flip?: boolean;
+    distance?: number;
+    className?: string;
+    onRequestClose?: (e?: MouseEvent | UIEvent | TouchEvent | undefined) => void;
+    children: ReactNode;
+    onCreate?: (tip?: Instance) => void;
+    isVisible?: boolean;
+    content: ReactElement | string;
+    isManualTrigger?: boolean;
+    light?: boolean;
+    dark?: boolean;
+    indent?: number;
+    hasContentScroll?: boolean;
+    hidden?: boolean;
+}

package/dist/organisms/Tippy/utils.d.ts

@@ -0,0 +1,2 @@
+import { ITooltipProps, TippyProps } from "./types";
+export declare const getTippyProps: ({ onRequestClose, onCreate, children, content, isManualTrigger, isVisible, light, dark, hasContentScroll, hidden, className, indent, distance, flip, ...rest }: ITooltipProps) => Partial<TippyProps>;

package/dist/organisms/Tooltip/Tooltip.d.ts

@@ -0,0 +1,2 @@
+import { Tippy, ITooltipProps } from "../Tippy";
+export declare const Tooltip: import("styled-components").StyledComponent<typeof Tippy, import("styled-components").DefaultTheme, ITooltipProps, never>;

package/dist/organisms/Tooltip/index.d.ts

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

package/dist/organisms/Tooltip/styled.d.ts

@@ -0,0 +1 @@
+export declare const tippyMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;

package/dist/organisms/Tree/Tree.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { TreeProps } from "./types";
+export declare const Tree: FC<TreeProps>;

package/dist/organisms/Tree/TreeItem.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { TreeItemComponentProps } from "./types";
+export declare const TreeItem: FC<TreeItemComponentProps>;

package/dist/organisms/Tree/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Tree";
+export * from "./styled";
+export * from "./types";

package/dist/organisms/Tree/styled.d.ts

@@ -0,0 +1,19 @@
+export declare const TreeContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const TreeItems: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
+    isExpanded?: boolean | undefined;
+}, never>;
+export declare const TreeItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
+export declare const TreeRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").IFlexProps & {
+    disabled?: boolean | undefined;
+    hasChildren?: boolean | undefined;
+}, never>;
+export declare const ExpandButton: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, import("../../atoms/Icon").IIconProps & {
+    isExpanded?: boolean | undefined;
+    hasChildren?: boolean | undefined;
+}, never>;
+export declare const TreeContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").IFlexProps, never>;
+export declare const ItemIcon: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, import("../../atoms/Icon").IIconProps, never>;
+export declare const TreeText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const TreeDescription: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    isFolder?: boolean | undefined;
+}, never>;

package/dist/organisms/Tree/types.d.ts

@@ -0,0 +1,50 @@
+import { FC, ReactNode } from "react";
+import { IconTypesKeys } from "../../atoms/Icon";
+export declare type TreeId = string | number;
+export declare type TreeItemProps<T = any> = {
+    id: TreeId;
+    data?: T;
+    text: string;
+    description?: string;
+    className?: string;
+    icon?: ReactNode | IconTypesKeys;
+    customIcon?: boolean;
+    chip?: string | number;
+    disabled?: boolean;
+    selectable?: boolean;
+    children?: TreeItemProps[];
+    additionalInfo?: ReactNode;
+    onClick?: VoidFunction;
+};
+export interface TreeItemComponentProps<T = any> {
+    item: TreeItemProps<T>;
+    hasChildren: boolean;
+    isChildExpanded?: boolean;
+    isIndeterminate?: boolean;
+    isSelected?: boolean;
+    isDisabled?: boolean;
+    chipValue?: string;
+    selectable?: boolean;
+    expandIcon?: string;
+    collapseIcon?: string;
+    childIcon?: string;
+    renderTree: (children?: TreeItemProps<T>[], isChildExpanded?: boolean) => ReactNode;
+    onChange: (item: TreeItemProps<T>) => void;
+    onClick: (id: TreeId, hasChildren: boolean) => void;
+}
+export declare type TreeProps = {
+    className?: string;
+    data: TreeItemProps[];
+    expanded?: TreeId[];
+    allExpanded?: boolean;
+    allSelected?: boolean;
+    selectable?: boolean;
+    selected?: TreeId[];
+    expandIcon?: IconTypesKeys;
+    collapseIcon?: IconTypesKeys;
+    childIcon?: IconTypesKeys;
+    setExpanded?: (ids: TreeId[]) => void;
+    setSelected?: (ids: TreeId[]) => void;
+    customChip?: boolean;
+    Item?: FC<TreeItemComponentProps>;
+};

package/dist/organisms/Uploader/DragAndDrop.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { DragAndDropProps } from "./types";
+export declare const DragAndDrop: FC<DragAndDropProps>;

package/dist/organisms/Uploader/Uploader.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { UploaderProps } from "./types";
+export declare const Uploader: FC<UploaderProps>;

package/dist/organisms/Uploader/UploaderItem.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { UploaderItemProps } from "./types";
+export declare const UploaderItem: FC<UploaderItemProps>;

package/dist/organisms/Uploader/UploaderTitle.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { UploaderTitleProps } from "./types";
+export declare const UploaderTitle: FC<UploaderTitleProps>;

package/dist/organisms/Uploader/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Uploader";
+export * from "./UploaderTitle";
+export * from "./types";

package/dist/organisms/Uploader/styled.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+export declare const Title: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const UploaderItemArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const UploaderItemsContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    hasBorder?: boolean | undefined;
+}, never>;
+export declare const ItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").IFlexProps, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    width?: string | undefined;
+    minHeight?: string | undefined;
+    disabled?: boolean | undefined;
+    error?: boolean | undefined;
+}, never>;
+export declare const DragAreaWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const FileInfoTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").IFlexProps & {
+    isFinished: boolean;
+    error: boolean;
+}, never>;
+export declare const FileInfoName: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const FileInfoProgress: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const FileInfoComment: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    error?: boolean | undefined;
+}, never>;
+export declare const AdditionalInfo: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const DropHereTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SelectFromComputerTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const UploaderTitleContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").IFlexProps, never>;
+export declare const UploaderTitleImage: import("styled-components").StyledComponent<import("react").FC<import("../../atoms/Image").ImageProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const FileSymbolContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").IFlexProps, never>;
+export declare const FileExt: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").IFlexProps, never>;

package/dist/organisms/Uploader/types.d.ts

@@ -0,0 +1,43 @@
+import { MutableRefObject } from "react";
+export declare type FileInfo = {
+    id: string;
+    name: string;
+    symbol?: JSX.Element;
+    progress?: number;
+    total?: number;
+    comment?: string;
+    type?: string;
+    error?: string;
+};
+export declare type DragAndDropProps = {
+    width?: string;
+    minHeight?: string;
+    handleDrop: (files: FileList) => void;
+    handleClick: () => void;
+    disabled?: boolean;
+    error?: boolean;
+};
+export declare type UploaderItemProps = FileInfo & {
+    done?: boolean;
+    doneText?: string;
+    error?: string;
+    onItemDelete?: (name: string) => void;
+};
+export declare type UploaderProps = {
+    title?: JSX.Element | string;
+    onUpload: (file: File | File[]) => void;
+    onDelete: (id: string) => void;
+    currentRef?: MutableRefObject<HTMLInputElement>;
+    accept?: string;
+    fileItems?: FileInfo[];
+    additionalInfo?: string;
+    width?: string;
+    minHeight?: string;
+    isMultiple?: boolean;
+    hasBorder?: boolean;
+    disabled?: boolean;
+};
+export declare type UploaderTitleProps = {
+    dropText?: string;
+    selectText?: string;
+};