@ssa-ui-kit/widgets 0.0.1-alpha

package/dist/components/MealPlanner/types.d.ts

@@ -0,0 +1,20 @@
+export interface MealPlannerCardProps {
+    name: string;
+    image: string;
+    calories: number;
+    carbs: number;
+    protein: number;
+    fat: number;
+}
+export type MealPlannerData = MealPlannerCardProps & {
+    id: number;
+};
+export interface MealPlannerItem {
+    time: string;
+    data: Array<MealPlannerData>;
+}
+export interface MealPlannerProps {
+    data: {
+        [mealName: string]: MealPlannerItem;
+    };
+}

package/dist/components/NavBar/NavBar.d.ts

@@ -0,0 +1,6 @@
+import { INavBarProps } from './types';
+/**
+ *
+ * UI Component that shows the navigation bar
+ */
+export declare const NavBar: ({ items }: INavBarProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/NavBar/NavBarBase.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const NavBarBase: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export default NavBarBase;

package/dist/components/NavBar/NavBarItem.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const NavBarItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export default NavBarItem;

package/dist/components/NavBar/NavBarLink.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const NavBarLink: import("@emotion/styled").StyledComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    active?: boolean | undefined;
+}, {}, {}>;
+export default NavBarLink;

package/dist/components/NavBar/NavBarList.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const NavBarList: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export default NavBarList;

package/dist/components/NavBar/NavBarWrapper.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const NavBarWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default NavBarWrapper;

package/dist/components/NavBar/NavToggle.d.ts

@@ -0,0 +1,4 @@
+declare const NavToggle: ({ htmlFor }: {
+    htmlFor: string;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export default NavToggle;

package/dist/components/NavBar/NavToggleWrapper.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const NavToggleWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default NavToggleWrapper;

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

@@ -0,0 +1,2 @@
+export { NavBar as default } from './NavBar';
+export * from './types';

package/dist/components/NavBar/types.d.ts

@@ -0,0 +1,7 @@
+import { IMapIcons } from '@ssa-ui-kit/core';
+export interface INavBarProps {
+    items: Array<{
+        path: string;
+        iconName: keyof IMapIcons;
+    }>;
+}

package/dist/components/NotificationCard/NotificationCard.d.ts

@@ -0,0 +1,5 @@
+import { NotificationCardProps } from './types';
+export declare const notificationTypes: Record<string, {
+    [key: string]: string;
+}>;
+export declare const NotificationCard: ({ title, children, text, isRead, type, time, onClick, }: NotificationCardProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

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

@@ -0,0 +1,2 @@
+export { NotificationCard } from './NotificationCard';
+export * from './types';

package/dist/components/NotificationCard/styles.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from '@emotion/react';
+export declare const childrenWrapper: (theme: Theme) => string;
+export declare const notifyCard: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const notifyBadge: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const notifyTitle: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const notifyText: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const notifyTime: (theme: Theme) => import("@emotion/react").SerializedStyles;

package/dist/components/NotificationCard/types.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface NotificationCardProps {
+    title: string;
+    text: string;
+    isRead: boolean;
+    type: 'Informational' | 'Warning' | 'Error';
+    time: string | number;
+    children?: React.ReactNode;
+    onClick?: () => void;
+}

package/dist/components/NotificationMenu/NotificationMenu.d.ts

@@ -0,0 +1,2 @@
+import { NotificationMenuProps } from './types';
+export declare const NotificationMenu: ({ trigger, notifications, children, onClick, isLoading, rightButton, leftButton, }: NotificationMenuProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/NotificationMenu/helpers.d.ts

@@ -0,0 +1,11 @@
+import { ButtonGroupItem } from '@ssa-ui-kit/core';
+import { NotificationCardProps } from '../NotificationCard';
+export interface DataProps {
+    notificationItems: NotificationCardProps[];
+    groupButtonItems: ButtonGroupItem[];
+}
+export declare const notificationData: DataProps;
+export declare const getMockData: () => Promise<DataProps>;
+export declare const divideOnSubArr: (arr: Array<NotificationCardProps>) => Record<string, NotificationCardProps[]>;
+export declare const readAll: (arr: Array<NotificationCardProps>) => NotificationCardProps[];
+export declare const disableButton: (arr: Array<ButtonGroupItem>, notifyArr: Array<NotificationCardProps>) => ButtonGroupItem[];

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

@@ -0,0 +1,2 @@
+export { NotificationMenu } from './NotificationMenu';
+export * from './types';

package/dist/components/NotificationMenu/stories/StoryComponent.d.ts

@@ -0,0 +1 @@
+export declare const StoryComponent: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/NotificationMenu/stories/StoryContent.d.ts

@@ -0,0 +1,6 @@
+interface CommonNotificationPops {
+    onClick: () => void;
+}
+export declare const Trigger: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const MarkAllReadButton: ({ onClick }: CommonNotificationPops) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export {};

package/dist/components/NotificationMenu/styles.d.ts

@@ -0,0 +1,9 @@
+import { Theme } from '@emotion/react';
+export declare const ResetBtnStyles: import("@emotion/react").SerializedStyles;
+export declare const PopoverWrapper: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const PopoverContentWrapper: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const List: import("@emotion/react").SerializedStyles;
+export declare const ButtonsWrapper: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const Close: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const Loading: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const ButtonGroupCustom: import("@emotion/react").SerializedStyles;

package/dist/components/NotificationMenu/types.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { NotificationCardProps } from '../NotificationCard';
+export interface NotificationMenuProps {
+    trigger: string | JSX.Element;
+    notifications: Array<NotificationCardProps>;
+    children: React.ReactNode;
+    onClick: () => void;
+    isLoading: boolean;
+    leftButton?: string | JSX.Element | null;
+    rightButton?: string | JSX.Element;
+}

package/dist/components/Pagination/ArrowButton.d.ts

@@ -0,0 +1,2 @@
+import { IArrowButtonProps } from './types';
+export declare const ArrowButton: ({ direction, onClick, isDisabled, className, }: IArrowButtonProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/Pagination/Pagination.d.ts

@@ -0,0 +1,3 @@
+import { IPaginationProps } from './types';
+declare const Pagination: ({ pagesCount, className, as, ariaLabel, }: IPaginationProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export default Pagination;

package/dist/components/Pagination/PaginationButtons.d.ts

@@ -0,0 +1,2 @@
+import { IPaginationButtonsProps } from './types';
+export declare const PaginationButtons: ({ range, selectedPage, onClick, }: IPaginationButtonsProps) => false | import("@emotion/react/types/jsx-namespace").EmotionJSX.Element[];

package/dist/components/Pagination/PaginationContext.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { IPaginationContext, IPaginationContextProviderProps } from './types';
+export declare const PaginationContext: import("react").Context<IPaginationContext>;
+export declare const usePaginationContext: () => IPaginationContext;
+export declare const PaginationContextProvider: ({ selectedPage, children, }: IPaginationContextProviderProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

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

@@ -0,0 +1,3 @@
+export { default as Pagination } from './Pagination';
+export * from './types';
+export * from './PaginationContext';

package/dist/components/Pagination/styles.d.ts

@@ -0,0 +1,4 @@
+import { Theme } from '@emotion/react';
+export declare const pageBtnStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const selectedPageBtnStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const arrowBtnStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;

package/dist/components/Pagination/types.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import { CommonProps } from '@ssa-ui-kit/core';
+export interface IPaginationProps extends CommonProps {
+    pagesCount: number;
+    ariaLabel?: string;
+}
+export interface IPaginationButtonsProps {
+    range: number[];
+    selectedPage?: number;
+    onClick: (page: number) => void;
+}
+export interface IArrowButtonProps {
+    direction: 'left' | 'right';
+    onClick: () => void;
+    isDisabled?: boolean;
+    className?: string;
+}
+export interface IPageButtonProps {
+    onClick: () => void;
+    page: number | string;
+    isSelected: boolean;
+}
+export interface IPaginationContext {
+    page?: number;
+    setPage: React.Dispatch<React.SetStateAction<number | undefined>>;
+}
+export interface IPaginationContextProviderProps {
+    selectedPage?: number;
+    children: React.ReactNode;
+}

package/dist/components/PieChart/PieChart.d.ts

@@ -0,0 +1,2 @@
+import { PieChartProps } from './types';
+export declare const PieChart: ({ data, as, className, title, children, ...chartProps }: PieChartProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/PieChart/PieChartBases.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const PieChartBase: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const PieChartTextBase: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/PieChart/PieChartLegend.d.ts

@@ -0,0 +1,2 @@
+import { PieChartLegendProps } from './types';
+export declare const PieChartLegend: ({ data, colors, renderLabel, renderValue, markerStyles, labelListStyles, valueListStyles, }: PieChartLegendProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/PieChart/PieChartLegendList.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const PieChartLegendList: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;

package/dist/components/PieChart/PieChartLegendMarker.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const PieChartLegendMarker: import("@emotion/styled").StyledComponent<import("@ssa-ui-kit/core/dist/components/Badge/types").BadgeProps & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/dist/components/PieChart/colorPalettes.d.ts

@@ -0,0 +1,6 @@
+import { Theme } from '@emotion/react';
+import { MainColors } from '@ssa-ui-kit/core';
+export declare const getBalancePalette: (theme: Theme) => {
+    legendColorNames: (keyof MainColors)[];
+    pieChartColors: string[];
+};

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

@@ -0,0 +1,4 @@
+export * from './PieChart';
+export * from './PieChartLegend';
+export * as pieChartPalettes from './colorPalettes';
+export * from './types';

package/dist/components/PieChart/stories/fixtures.d.ts

@@ -0,0 +1,11 @@
+export declare const fitnessData: {
+    id: string;
+    date: string;
+    value: number;
+    label: string;
+}[];
+export declare const accountData: {
+    id: number;
+    value: number;
+    label: string;
+}[];

package/dist/components/PieChart/types.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { SerializedStyles } from '@emotion/react';
+import { CommonProps, MainColors } from '@ssa-ui-kit/core';
+import { ResponsivePie } from '@nivo/pie';
+export interface PieChartProps extends CommonProps, React.ComponentProps<typeof ResponsivePie> {
+    title?: React.ReactNode;
+    children?: React.ReactNode;
+}
+export type PieChartLegendItem = {
+    id: string | number;
+    value: string | number;
+    label: string;
+    [key: string | number | symbol]: unknown;
+};
+export interface PieChartLegendProps {
+    data: Array<PieChartLegendItem>;
+    colors: Array<keyof MainColors>;
+    renderValue?: (item: PieChartLegendItem) => NonNullable<React.ReactNode>;
+    renderLabel?: (item: PieChartLegendItem) => NonNullable<React.ReactNode>;
+    className?: string;
+    markerStyles?: SerializedStyles;
+    labelListStyles?: SerializedStyles;
+    valueListStyles?: SerializedStyles;
+}

package/dist/components/ProgressInfo/ProgressInfo.d.ts

@@ -0,0 +1,2 @@
+import { IProgressInfoProps } from './types';
+export declare const ProgressInfo: ({ data, className }: IProgressInfoProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/ProgressInfo/ProgressInfoTotals.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ProgressInfoTotalsProps } from './types';
+export declare const ProgressInfoTotals: import("react").FC<Pick<ProgressInfoTotalsProps, "total"> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}>;

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

@@ -0,0 +1,3 @@
+export { ProgressInfo as default } from './ProgressInfo';
+export { ProgressInfoTotals } from './ProgressInfoTotals';
+export * from './types';

package/dist/components/ProgressInfo/mockProgressInfoRequest.d.ts

@@ -0,0 +1,2 @@
+import { ProgressInfoResp } from './types';
+export declare const progressInfoData: ProgressInfoResp;

package/dist/components/ProgressInfo/styles.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '@emotion/react';
+export declare const getPieChartStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;

package/dist/components/ProgressInfo/types.d.ts

@@ -0,0 +1,28 @@
+import { Theme } from '@emotion/react';
+import { MainColors } from '@ssa-ui-kit/core';
+export type ProgressInfoItemProps = {
+    id: string;
+    date: string;
+    label: string;
+    value: number;
+    color: string;
+    colorTag: keyof MainColors | undefined;
+};
+export type ProgressInfoResp = {
+    [key: string]: {
+        [key: string]: ProgressInfoItemProps[];
+    };
+};
+export interface IProgressInfoProps {
+    data: ProgressInfoResp;
+    className?: string;
+}
+export interface ProgressInfoTotalsProps {
+    theme: Theme;
+    total: number;
+}
+export type PeriodOption = {
+    value: string;
+    id: string;
+};
+export type Period = 'daily' | 'weekly' | 'monthly' | 'yearly';

package/dist/components/SearchBox/SearchBox.d.ts

@@ -0,0 +1,2 @@
+import { SearchBoxProps } from './types';
+export declare const SearchBox: ({ name, placeholder, control, callbackDelay, autoSearchTrigger, register, resetField, callback, ...rest }: SearchBoxProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/SearchBox/SearchBoxCrossIcon.d.ts

@@ -0,0 +1,3 @@
+export declare const SearchBoxCrossIcon: ({ onClick, }: {
+    onClick: React.MouseEventHandler<HTMLButtonElement>;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/SearchBox/SearchBoxInput.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const SearchBoxInput: import("@emotion/styled").StyledComponent<import("@ssa-ui-kit/core/dist/components/Input/types").InputProps & import("react").RefAttributes<HTMLInputElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/dist/components/SearchBox/SearchBoxWrapper.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const SearchBoxWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,4 @@
+export { SearchBox } from './SearchBox';
+export { SearchBoxCrossIcon } from './SearchBoxCrossIcon';
+export { SearchBoxInput } from './SearchBoxInput';
+export { SearchBoxWrapper } from './SearchBoxWrapper';

package/dist/components/SearchBox/stories/StoryComponent.d.ts

@@ -0,0 +1,3 @@
+export declare const StoryComponent: ({ handleCallback, }: {
+    handleCallback?: ((searchTerm: string) => void) | undefined;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/SearchBox/types.d.ts

@@ -0,0 +1,7 @@
+import { InputProps } from '@ssa-ui-kit/core/dist/components/Input/types';
+import { UseFormReturn } from 'react-hook-form';
+export type SearchBoxProps = InputProps & Pick<UseFormReturn, 'control' | 'resetField'> & {
+    callback: (searchTerm: string) => void;
+    callbackDelay?: number;
+    autoSearchTrigger?: boolean;
+};

package/dist/components/StepsCounter/StepsCounter.d.ts

@@ -0,0 +1,6 @@
+import { StepsCounterProps } from './types';
+/**
+ *
+ * UI Component with a Card that shows the steps count of the user
+ */
+export declare const StepsCounter: ({ max, currentValue }: StepsCounterProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

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

@@ -0,0 +1,2 @@
+export { StepsCounter as default } from './StepsCounter';
+export * from './types';

package/dist/components/StepsCounter/types.d.ts

@@ -0,0 +1,4 @@
+export interface StepsCounterProps {
+    max: number;
+    currentValue: number;
+}

package/dist/components/TableFilters/TableFilterCancelButton.d.ts

@@ -0,0 +1,6 @@
+import { Theme } from '@emotion/react';
+export declare const cancelButtonStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const TableFiltersCancelButton: ({ children, onClick, }: {
+    children: React.ReactNode;
+    onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/TableFilters/TableFilterCheckbox.d.ts

@@ -0,0 +1,2 @@
+import { ICheckboxProps } from '@ssa-ui-kit/core';
+export declare const TableFilterCheckbox: (props: ICheckboxProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/TableFilters/TableFilterClearButton.d.ts

@@ -0,0 +1,6 @@
+import { Theme } from '@emotion/react';
+export declare const clearButtonStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const TableFiltersClearButton: ({ children, onClick, }: {
+    children: React.ReactNode;
+    onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/TableFilters/TableFilterTrigger.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from '@emotion/react';
+export declare const filterButtonStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const TableFilterTrigger: ({ children, ...rest }: {
+    children: React.ReactNode;
+    as?: string | undefined;
+    className?: string | undefined;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/TableFilters/TableFilterTriggerWithNotification.d.ts

@@ -0,0 +1,5 @@
+export declare const TableFilterTriggerWithNotification: ({ children, count, visible, }: {
+    children: React.ReactNode;
+    count?: number | undefined;
+    visible?: boolean | undefined;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/TableFilters/TableFilters.d.ts

@@ -0,0 +1,2 @@
+import { TableFiltersView } from './types';
+export declare const TableFilters: ({ checkboxData, onReset, onSubmit, onClear, handleCheckboxToggle, }: TableFiltersView) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/TableFilters/TableFiltersAccordion.d.ts

@@ -0,0 +1,2 @@
+import { AccordionViewProps } from '@ssa-ui-kit/core/src/components/AccordionGroup/types';
+export declare const TableFiltersAccordion: (props: AccordionViewProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/TableFilters/TableFiltersAccordionContent.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { RenderContentProps } from '@ssa-ui-kit/core/src/components/AccordionGroup/types';
+export declare const TableFiltersAccordionContent: ({ isOpened, children, ...rest }: Pick<import("@ssa-ui-kit/core/src/components/AccordionGroup/types").AccordionProps, "id" | "size"> & Pick<import("react").AriaAttributes, "aria-labelledby"> & {
+    isOpened?: boolean | undefined;
+    as?: import("react").ElementType<any> | undefined;
+    className?: string | undefined;
+} & {
+    children: React.ReactNode;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/TableFilters/TableFiltersButtons.d.ts

@@ -0,0 +1,4 @@
+export declare const TableFiltersButtons: ({ onClear, onCancel, }: {
+    onClear?: (() => void) | undefined;
+    onCancel?: (() => void) | undefined;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/TableFilters/hooks/useTableData.d.ts

@@ -0,0 +1,20 @@
+import { BaseSyntheticEvent } from 'react';
+import { TableFilterConfig } from '../types';
+export interface UseTableDataParameters {
+    initialState?: TableFilterConfig;
+    wrapperRef?: React.RefObject<HTMLElement>;
+    handleCancel?: () => void;
+    handleClear?: () => void;
+    handleSubmit?: (data: Record<string, string[]>) => void;
+}
+export declare const useTableData: ({ initialState, wrapperRef, handleCancel, handleSubmit, handleClear, }: UseTableDataParameters) => {
+    checkboxData: TableFilterConfig;
+    wrapperRef: import("react").RefObject<HTMLElement> | undefined;
+    refsList: import("react").MutableRefObject<HTMLElement | null>[];
+    setElementRef: (groupName: string, element: HTMLElement | null) => void;
+    handleCheckboxToggle: (groupName: string, name: string | number) => void;
+    onSubmit: (event?: BaseSyntheticEvent) => void;
+    onReset: () => void;
+    onClear: () => void;
+};
+export type UseTableDataResult = ReturnType<typeof useTableData>;

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

@@ -0,0 +1,9 @@
+export * from './TableFilterCancelButton';
+export * from './TableFilterCheckbox';
+export * from './TableFilterClearButton';
+export * from './TableFilterTrigger';
+export * from './TableFilterTriggerWithNotification';
+export * from './TableFiltersAccordion';
+export * from './TableFiltersAccordionContent';
+export * from './TableFiltersButtons';
+export * from './TableFilters';

package/dist/components/TableFilters/stories/StoryComponent.d.ts

@@ -0,0 +1 @@
+export declare const StoryComponent: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/TableFilters/stories/TableFiltersWrapper.d.ts

@@ -0,0 +1 @@
+export declare const TableFiltersWrapper: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/TableFilters/stories/mockData.d.ts

@@ -0,0 +1,2 @@
+import { TableFilterConfig } from '../types';
+export declare const mockData: TableFilterConfig;

package/dist/components/TableFilters/styles.d.ts

@@ -0,0 +1,4 @@
+import { Theme } from '@emotion/react';
+export declare const tableFilterPopoverContentStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const tableFilterDividerStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const baseButtonStyle: import("@emotion/react").SerializedStyles;

package/dist/components/TableFilters/types.d.ts

@@ -0,0 +1,29 @@
+export type CheckboxData = Record<string, string[]>;
+export type NotChangedData = Record<string, Record<string, boolean>>;
+export interface SingleItem {
+    key: string;
+    name: string;
+    isDisabled?: boolean;
+    content: {
+        statePath: string[];
+        text: string;
+    };
+}
+export interface AccordionInfo {
+    id: string;
+    title: string;
+    isOpened: boolean;
+    ariaControls: string;
+    isDisabled?: boolean;
+    items: Record<string, SingleItem>;
+    selectedItems: string[];
+    selectedItemsDraft?: string[];
+}
+export type TableFilterConfig = Record<string, AccordionInfo>;
+export interface TableFiltersView {
+    onReset?: () => void;
+    onClear?: () => void;
+    onSubmit?: () => void;
+    handleCheckboxToggle?: (groupName: string, name: string) => void;
+    checkboxData?: TableFilterConfig;
+}

package/dist/components/TableFilters/utils/handlers.d.ts

@@ -0,0 +1,11 @@
+import { TableFilterConfig } from '../types';
+export declare const getSubmitData: (checkboxData: TableFilterConfig) => {
+    submitCheckboxData: TableFilterConfig;
+    dataForSubmit: Record<string, string[]>;
+};
+export declare const getResetData: (checkboxData: TableFilterConfig) => TableFilterConfig;
+export declare const getClearData: (checkboxData: TableFilterConfig) => TableFilterConfig;
+export declare const getCheckboxChangedItems: (checkboxData: TableFilterConfig, groupName: string, name: string | number) => {
+    items: (string | number)[];
+    path: string[];
+};