@ssa-ui-kit/core 0.0.26-alpha → 0.0.28-alpha

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

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 type { ButtonGroupItem } from '../ButtonGroup';
+import type { 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: (theme: Theme) => 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 { ArrowButtonProps } from './types';
+export declare const ArrowButton: ({ direction, onClick, isDisabled, className, }: ArrowButtonProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const WithPagination: <T extends object>(Component: import("react").ComponentType<T>) => {
+    (props: T): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+};

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

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

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,33 @@
+/// <reference types="react" />
+import { CommonProps } from '../../types/emotion';
+export interface PaginationProps extends CommonProps {
+    pagesCount: number;
+    ariaLabel?: string;
+    isDisabled?: boolean;
+}
+export interface PaginationButtonsProps {
+    range: number[];
+    selectedPage?: number;
+    onClick: (page: number) => void;
+    isDisabled?: boolean;
+}
+export interface ArrowButtonProps {
+    direction: 'left' | 'right';
+    onClick: () => void;
+    isDisabled?: boolean;
+    className?: string;
+}
+export interface PageButtonProps {
+    onClick: () => void;
+    page: number | string;
+    isSelected: boolean;
+    isDisabled?: boolean;
+}
+export interface PaginationContextProps {
+    page?: number;
+    setPage: React.Dispatch<React.SetStateAction<number | undefined>>;
+}
+export interface PaginationContextProviderProps {
+    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, currency, labelListStyles, valueListStyles, variant, }: 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("../Badge/types").BadgeProps & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

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

@@ -0,0 +1,5 @@
+import { Theme } from '@emotion/react';
+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,26 @@
+/// <reference types="react" />
+import { SerializedStyles } from '@emotion/react';
+import { ResponsivePie } from '@nivo/pie';
+import { CommonProps } from '../..';
+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;
+    currency?: string;
+    labelListStyles?: SerializedStyles;
+    valueListStyles?: SerializedStyles;
+    variant?: 'valueList' | 'withoutValueList';
+}

package/dist/components/Popover/Popover.d.ts

@@ -2,4 +2,4 @@ import * as React from 'react';
 import { PopoverOptions } from './types';
 export declare const Popover: ({ children, modal, ...restOptions }: {
     children: React.ReactNode;
-} & PopoverOptions) => import("react/jsx-runtime").JSX.Element;
+} & PopoverOptions) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

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

@@ -1,2 +1,2 @@
 import { PopoverOptions } from '../types';
-export declare const StoryComponent: ({ interactionsEnabled, }: Pick<PopoverOptions, 'interactionsEnabled'>) => import("react/jsx-runtime").JSX.Element;
+export declare const StoryComponent: ({ interactionsEnabled, }: Pick<PopoverOptions, 'interactionsEnabled'>) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/Progress/Progress.d.ts

@@ -1,3 +1,3 @@
 import { ProgressProps } from './types';
-declare const Progress: ({ children }: ProgressProps) => import("react/jsx-runtime").JSX.Element;
+declare const Progress: ({ children }: ProgressProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default Progress;

package/dist/components/ProgressBar/ProgressBar.d.ts

@@ -1,3 +1,3 @@
 import { ProgressBarProps } from './types';
-export declare const ProgressBar: ({ percentage, color, vertical, bgColor, size, }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgressBar: ({ percentage, color, vertical, bgColor, size, }: ProgressBarProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default ProgressBar;

package/dist/components/ProgressCircle/ProgressCircle.d.ts

@@ -1,3 +1,3 @@
 import { ProgressCircleProps } from './types';
-declare const ProgressCircle: ({ max, currentValue, color, size, infoContent, }: ProgressCircleProps) => import("react/jsx-runtime").JSX.Element;
+declare const ProgressCircle: ({ max, currentValue, color, size, infoContent, }: ProgressCircleProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default ProgressCircle;

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

@@ -0,0 +1,2 @@
+import { ProgressInfoProps } from './types';
+export declare const ProgressInfo: ({ data, className }: ProgressInfoProps) => 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,27 @@
+import { Theme } from '@emotion/react';
+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 ProgressInfoProps {
+    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/ProgressLegend/ProgressLegend.d.ts

@@ -1,3 +1,3 @@
 import { ProgressLegendProps } from './types';
-declare const ProgressLegend: ({ children, vertical, }: ProgressLegendProps) => import("react/jsx-runtime").JSX.Element;
+declare const ProgressLegend: ({ children, vertical, }: ProgressLegendProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default ProgressLegend;

package/dist/components/ProgressLegendItem/ProgressLegendItem.d.ts

@@ -1,3 +1,3 @@
 import { ProgressLegendItemProps } from './types';
-declare const ProgressLegendItem: ({ position, percentage, vertical, children, }: ProgressLegendItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const ProgressLegendItem: ({ position, percentage, vertical, children, }: ProgressLegendItemProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default ProgressLegendItem;

package/dist/components/ProgressVertical/ProgressVertical.d.ts

@@ -1,3 +1,3 @@
 import { ProgressVerticalProps } from './types';
-declare const ProgressVertical: ({ children }: ProgressVerticalProps) => import("react/jsx-runtime").JSX.Element;
+declare const ProgressVertical: ({ children }: ProgressVerticalProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default ProgressVertical;

package/dist/components/Radio/Radio.d.ts

@@ -1,3 +1,3 @@
 import { RadioProps } from './types';
-declare const Radio: ({ id, name, value, isChecked, isDisabled, isRequired, onChange, text, className, }: RadioProps) => import("react/jsx-runtime").JSX.Element;
+declare const Radio: ({ id, name, value, isChecked, isDisabled, isRequired, onChange, text, className, }: RadioProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default Radio;

package/dist/components/RadioGroup/RadioGroup.d.ts

@@ -1,3 +1,3 @@
 import { RadioGroupProps } from './types';
-declare const RadioGroup: ({ name, isRequired, initialState, onChange, children, className, }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+declare const RadioGroup: ({ name, isRequired, initialState, onChange, children, className, }: RadioGroupProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default RadioGroup;

package/dist/components/ResponsiveImage/ResponsiveImage.d.ts

@@ -6,5 +6,5 @@ import { ResponsiveImageProps } from './types';
  * when testing srcSet, and use Hard Reload to force the
  * browser to load an image of another resolution.
  * */
-declare const ResponsiveImage: ({ src, alt, ...props }: ResponsiveImageProps) => import("react/jsx-runtime").JSX.Element;
+declare const ResponsiveImage: ({ src, alt, ...props }: ResponsiveImageProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default ResponsiveImage;

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("../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 '../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/Step/Step.d.ts

@@ -8,5 +8,5 @@ declare const Step: ({ index, children, Connector, }: {
         completed: boolean;
         active: boolean;
     }> | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default Step;

package/dist/components/StepConnector/StepConnector.d.ts

@@ -1,2 +1,2 @@
-declare const StepConnector: () => import("react/jsx-runtime").JSX.Element;
+declare const StepConnector: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default StepConnector;

package/dist/components/StepLabel/StepLabel.d.ts

@@ -6,5 +6,5 @@ declare const StepLabel: ({ children, StepIcon, }: {
         completed: boolean;
         active: boolean;
     }> | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default StepLabel;

package/dist/components/Stepper/Stepper.d.ts

@@ -1,3 +1,3 @@
 import { StepperProps } from './types';
-declare const Stepper: ({ activeStep, orientation, color, inverted, children, sx, }: StepperProps) => import("react/jsx-runtime").JSX.Element;
+declare const Stepper: ({ activeStep, orientation, color, inverted, children, sx, }: StepperProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default Stepper;

package/dist/components/Switch/Switch.d.ts

@@ -1,3 +1,3 @@
 import { SwitchProps } from './types';
-declare const Switch: ({ label, isDisabled }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
+declare const Switch: ({ label, isDisabled }: SwitchProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default Switch;

package/dist/components/Switch/SwitchContext.d.ts

@@ -8,4 +8,4 @@ export declare const useSwitchContext: () => SwitchContext;
 export declare const SwitchContextProvider: ({ initialState, children, }: {
     initialState?: boolean | undefined;
     children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/Tab/Tab.d.ts

@@ -1,3 +1,3 @@
 import { SmallTabProps } from '../TabBar/types';
-declare const Tab: ({ onClick, isActive, text, ariaControls, tabId, }: SmallTabProps) => import("react/jsx-runtime").JSX.Element;
+declare const Tab: ({ onClick, isActive, text, ariaControls, tabId, }: SmallTabProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default Tab;

package/dist/components/TabBar/TabBar.d.ts

@@ -6,5 +6,5 @@ import { TabBarProps } from './types';
  * component to decide where to render the contents of the
  * selected tab.
  * */
-declare const TabBar: ({ children }: TabBarProps) => import("react/jsx-runtime").JSX.Element;
+declare const TabBar: ({ children }: TabBarProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default TabBar;

package/dist/components/TabBar/TabBarContext.d.ts

@@ -5,4 +5,4 @@ export declare const useTabBarContext: () => TabBarContextProps;
 export declare const TabBarContextProvider: ({ initialTab, children, }: {
     initialTab?: TabProps | undefined;
     children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/TabBar/stories/helpers.d.ts

@@ -12,12 +12,12 @@ export declare const TabBarWrapper: ({ children, selectedTabId, renderContent, }
         [prop: symbol]: unknown;
         tabId: string | number;
     } | undefined, arg?: unknown) => React.ReactNode) | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export declare const TabContents: ({ text, id, labelledBy, }: {
     text: string;
     id?: string | undefined;
     labelledBy?: string | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export declare const TabBarDecorator: DecoratorFunction<{
     component: typeof TabBar;
     storyResult: React.ReactElement;

package/dist/components/Table/stories/SortableTable.d.ts

@@ -1,4 +1,4 @@
 import { SortInfo } from './types';
 export declare const SortableTable: ({ onSortingChange, }: {
     onSortingChange?: ((sortInfo: SortInfo) => void) | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

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 { CheckboxProps } from '../Checkbox';
+export declare const TableFilterCheckbox: (props: CheckboxProps) => 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,8 @@
+import { Theme } from '@emotion/react';
+export declare const filterButtonStyles: (count?: number) => (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const TableFilterTrigger: ({ children, count, ...rest }: {
+    children?: React.ReactNode;
+    count?: number | undefined;
+    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, onCheckboxToggle, handleMoreButtonVisibleChange, }: TableFiltersView) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

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

@@ -0,0 +1,2 @@
+import { AccordionViewProps } from '../AccordionGroup';
+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 '../AccordionGroup';
+export declare const TableFiltersAccordionContent: ({ isOpened, children, ...rest }: Pick<import("../AccordionGroup").AccordionProps, "id" | "size"> & Pick<import("react").AriaAttributes, "aria-labelledby"> & {
+    isOpened?: boolean | undefined;
+    as?: import("react").ElementType<any> | undefined;
+    className?: string | undefined;
+} & Record<string, any> & {
+    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,27 @@
+import { BaseSyntheticEvent } from 'react';
+import { TableFilterConfig } from '../types';
+export interface UseTableDataParameters {
+    initialState?: TableFilterConfig;
+    wrapperRef?: React.RefObject<HTMLElement>;
+    updatedCheckboxData?: TableFilterConfig;
+    handleCancel?: () => void;
+    handleClear?: () => void;
+    handleSubmit?: (data: Record<string, string[]>) => void;
+    handleDropdownChange?: (data: {
+        groupName: string;
+        name: string | number;
+        checked: boolean;
+    }) => void;
+}
+export declare const useTableData: ({ initialState, wrapperRef, updatedCheckboxData, handleCancel, handleSubmit, handleClear, handleDropdownChange, }: UseTableDataParameters) => {
+    checkboxData: TableFilterConfig;
+    wrapperRef: import("react").RefObject<HTMLElement> | undefined;
+    refsList: import("react").MutableRefObject<HTMLElement | null>[];
+    setElementRef: (groupName: string, element: HTMLElement | null) => void;
+    onCheckboxToggle: (groupName: string, name: string | number) => void;
+    onDropdownChange: (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';