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

package/.storybook/main.ts

@@ -1,6 +1,8 @@
+import { Configuration } from 'webpack';
 import type { StorybookConfig } from '@storybook/react-webpack5';
 import initWebpackConfig from '../webpack.config';
-appWebpackConfig = initWebpackConfig();
+import initBabelConfig from '../../../.babelrc';
+const appWebpackConfig: Configuration = initWebpackConfig();
 
 const config: StorybookConfig = {
   stories: ['../src/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
@@ -16,7 +18,7 @@ const config: StorybookConfig = {
     options: {},
   },
   typescript: {
-    check: false,
+    check: true,
     checkOptions: {},
     reactDocgen: 'react-docgen-typescript', //cspell:disable-line
     //cspell:disable-next-line
@@ -27,13 +29,30 @@ const config: StorybookConfig = {
       },
     },
   },
+  babel: (options) => ({
+    ...options,
+    ...initBabelConfig,
+  }),
   webpackFinal: (config) => {
-    config.resolve.alias = {
-      ...config.resolve.alias,
-      ...appWebpackConfig.resolve.alias,
+    const newConfig: Configuration = {
+      ...config,
+      resolve: {
+        ...config.resolve,
+        alias: {
+          ...config.resolve?.alias,
+          ...appWebpackConfig.resolve?.alias,
+        },
+      },
+      module: {
+        ...config.module,
+        rules: [
+          ...(config.module?.rules || []),
+          ...(appWebpackConfig.module?.rules || []),
+        ],
+      },
     };
 
-    return config;
+    return newConfig;
   },
   docs: {
     autodocs: true, //cspell:disable-line

package/dist/components/AccordionGroup/Accordion.d.ts

@@ -1,2 +1,2 @@
 import { AccordionViewProps } from './types';
-export declare const Accordion: ({ title, isOpened, ariaControls, id, size, contentProps, renderTitle, renderContent, onClick, ...rest }: AccordionViewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Accordion: ({ title, isOpened, ariaControls, id, size, contentProps, renderTitle, renderContent, onClick, ...rest }: AccordionViewProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/AccordionGroup/AccordionContent.d.ts

@@ -6,4 +6,4 @@ export declare const AccordionContent: ({ isOpened, children, size, ...rest }: P
     className?: string | undefined;
 } & Record<string, any> & {
     children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/AccordionGroup/AccordionContext.d.ts

@@ -4,4 +4,4 @@ export declare const AccordionGroupContext: import("react").Context<AccordionGro
 export declare const useAccordionGroupContext: () => AccordionGroupContextProps;
 export declare const AccordionGroupContextProvider: ({ children, }: {
     children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/AccordionGroup/AccordionGroup.d.ts

@@ -1,2 +1,2 @@
 import { AccordionGroupProps } from './types';
-export declare const AccordionGroup: ({ children, size, accordionsStayOpen, ...rest }: AccordionGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionGroup: ({ children, size, accordionsStayOpen, ...rest }: AccordionGroupProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

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

@@ -8,5 +8,5 @@ export declare const AccordionGroupDecorator: DecoratorFunction<{
     storyResult: React.ReactElement;
     canvasElement: unknown;
 }, Args>;
-export declare const AccordionTemplate: (args: Pick<AccordionGroupProps, 'size' | 'accordionsStayOpen'>) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionTemplate: (args: Pick<AccordionGroupProps, 'size' | 'accordionsStayOpen'>) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export {};

package/dist/components/AddNewAccountCard/AddNewAccountCard.d.ts

@@ -0,0 +1,2 @@
+import { AddNewAccountCardProps } from '.';
+export declare const AddNewAccountCard: ({ children, link, onClick, }: AddNewAccountCardProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

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

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

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

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { To } from 'react-router-dom';
+export interface AddNewAccountCardProps {
+    children: React.ReactNode;
+    link?: To;
+    onClick?: () => void;
+}

package/dist/components/Button/ButtonText.d.ts

@@ -1,6 +1,6 @@
 import { ColoredButtonTextProps, ButtonTextProps } from './types';
-export declare const ButtonText: ({ text, className, testId }: ButtonTextProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WhiteButtonText: ({ text }: ColoredButtonTextProps) => import("react/jsx-runtime").JSX.Element;
-export declare const GreyButtonText: ({ text }: ColoredButtonTextProps) => import("react/jsx-runtime").JSX.Element;
-export declare const GreyLightButtonText: ({ text }: ColoredButtonTextProps) => import("react/jsx-runtime").JSX.Element;
-export declare const DisabledButtonText: ({ text }: ColoredButtonTextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonText: ({ text, className, testId }: ButtonTextProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const WhiteButtonText: ({ text }: ColoredButtonTextProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const GreyButtonText: ({ text }: ColoredButtonTextProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const GreyLightButtonText: ({ text }: ColoredButtonTextProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const DisabledButtonText: ({ text }: ColoredButtonTextProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/ButtonGroup/ButtonGroup.d.ts

@@ -1,2 +1,2 @@
 import { ButtonGroupProps } from './types';
-export declare const ButtonGroup: ({ items, buttonStyles, selectedItem, externalState, onClick, }: ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonGroup: ({ items, buttonStyles, selectedItem, externalState, onClick, }: ButtonGroupProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/ButtonGroup/stories/ExternalState.d.ts

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

package/dist/components/Card/Card.d.ts

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

package/dist/components/CardContent/CardContent.d.ts

@@ -8,5 +8,5 @@ export interface CardProps extends CommonProps {
     ariaLabelledby?: string;
     role?: string;
 }
-declare const CardContent: ({ children, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;
+declare const CardContent: ({ children, ...props }: CardProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default CardContent;

package/dist/components/CardHeader/CardHeader.d.ts

@@ -5,5 +5,5 @@ export interface CardProps extends CommonProps {
     icon?: React.ReactNode;
     transparent?: boolean;
 }
-declare const CardHeader: ({ children, icon, transparent, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;
+declare const CardHeader: ({ children, icon, transparent, ...props }: CardProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default CardHeader;

package/dist/components/CardList/CardList.d.ts

@@ -0,0 +1,6 @@
+import { CardListProps, Item } from './types';
+/**
+ *
+ * UI Component that renders a list of items with a custom render function
+ */
+export declare const CardList: <ItemType extends Item>({ title, items, renderItem, }: CardListProps<ItemType>) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './CardList';
+export * from './types';

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export type Item = {
+    id: string | number;
+    [prop: string | number | symbol]: unknown;
+};
+export interface CardListProps<ItemType extends Item> {
+    title: string;
+    items: Array<ItemType>;
+    renderItem: (item: ItemType) => React.ReactNode;
+}

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,3 +1,3 @@
 import { CheckboxProps } from './types';
-declare const Checkbox: ({ text, id, onChange, isDisabled, externalState, initialState, isIndeterminate, name, isRequired, ref, register, ...rest }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+declare const Checkbox: ({ text, id, onChange, isDisabled, externalState, initialState, isIndeterminate, name, isRequired, ref, register, ...rest }: CheckboxProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default Checkbox;

package/dist/components/CollapsibleNavBar/CollapsibleNavBar.d.ts

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

package/dist/components/CollapsibleNavBar/CollapsibleNavBarBase.d.ts

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

package/dist/components/CollapsibleNavBar/CollapsibleNavBarItem.d.ts

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

package/dist/components/CollapsibleNavBar/CollapsibleNavBarLink.d.ts

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

package/dist/components/CollapsibleNavBar/CollapsibleNavBarList.d.ts

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

package/dist/components/CollapsibleNavBar/CollapsibleNavBarWrapper.d.ts

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

package/dist/components/CollapsibleNavBar/CollapsibleNavContentToggle.d.ts

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

package/dist/components/CollapsibleNavBar/CollapsibleNavToggle.d.ts

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

package/dist/components/CollapsibleNavBar/CollapsibleNavToggleWrapper.d.ts

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

package/dist/components/CollapsibleNavBar/NavBarAccordionContent.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { RenderContentProps } from '../AccordionGroup';
+export declare const NavBarAccordionContent: ({ items, accordionUniqueName, prefix, isPopover, onClick, ...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> & {
+    items: Array<{
+        path: string;
+        title: string;
+    }>;
+    accordionUniqueName: string;
+    prefix?: string | undefined;
+    isPopover?: boolean | undefined;
+    onClick?: (() => void) | undefined;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/CollapsibleNavBar/NavBarItemWithSubMenu.d.ts

@@ -0,0 +1,5 @@
+import { CollapsibleNavBarGroup } from './types';
+export declare const NavBarItemWithSubMenu: ({ item, onClick, }: {
+    item: CollapsibleNavBarGroup;
+    onClick?: (() => void) | undefined;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/CollapsibleNavBar/NavBarItemWithoutSubMenu.d.ts

@@ -0,0 +1,6 @@
+import CollapsibleNavBarItem from './CollapsibleNavBarItem';
+import * as T from './types';
+export declare const NavBarItemWithoutSubMenu: ({ item, onClick, }: {
+    item: T.CollapsibleNavBarItem;
+    onClick?: (() => void) | undefined;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/CollapsibleNavBar/NavBarPopover.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const CollapsibleNavBarPopover: ({ triggerIcon, title, content, }: {
+    triggerIcon: React.ReactElement;
+    title: string;
+    content?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/CollapsibleNavBar/TriggerIcon.d.ts

@@ -0,0 +1,7 @@
+import type { MapIconsType, SVGProps } from '../Icon/types';
+export declare const TriggerIcon: ({ iconName, iconSize, className, CustomIcon, }: {
+    iconName: keyof MapIconsType;
+    iconSize?: number | undefined;
+    className?: string | undefined;
+    CustomIcon?: ((props: Omit<SVGProps, 'fill'>) => JSX.Element) | undefined;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

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

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

package/dist/components/CollapsibleNavBar/stories/CustomIcon.d.ts

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

package/dist/components/CollapsibleNavBar/stories/Layout.d.ts

@@ -0,0 +1,3 @@
+export declare const Layout: ({ children }: {
+    children: React.ReactNode;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/CollapsibleNavBar/stories/Logo.d.ts

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

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

@@ -0,0 +1,2 @@
+import { CollapsibleNavBar } from '../CollapsibleNavBar';
+export declare const StoryComponent: ({ items, }: Parameters<typeof CollapsibleNavBar>[0]) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/CollapsibleNavBar/stories/consts.d.ts

@@ -0,0 +1,2 @@
+import { CollapsibleNavBarExtendedProps } from '../types';
+export declare const ITEMS: CollapsibleNavBarExtendedProps['items'];

package/dist/components/CollapsibleNavBar/stories/styles.d.ts

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

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

@@ -0,0 +1,7 @@
+import { Theme } from '@emotion/react';
+export declare const AccordionTitleWrapper: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const AccordionTitle: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const AccordionContent: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const AccordionContentPopover: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const LogoWrapper: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const ContentToggle: (theme: Theme) => import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { NavBarExtendedGroup, NavBarExtendedItem } from '../..';
+export interface CollapsibleNavBarItem extends NavBarExtendedItem {
+    iconSize: number;
+    css?: React.CSSProperties;
+}
+export interface CollapsibleNavBarGroup extends NavBarExtendedGroup {
+    iconSize: number;
+    css?: React.CSSProperties;
+    prefix: string;
+}
+export interface CollapsibleNavBarExtendedProps {
+    items: Array<CollapsibleNavBarItem | CollapsibleNavBarGroup>;
+    renderLogo: React.ReactElement;
+    onChange?: (isChecked: boolean) => void;
+}

package/dist/components/ColorPicker/ColorPicker.d.ts

@@ -1,4 +1,4 @@
 import { ColorPickerProps, Colors } from './types';
 export declare const mapColors: Colors;
-declare const ColorPicker: ({ onChange, initColor }: ColorPickerProps) => import("react/jsx-runtime").JSX.Element;
+declare const ColorPicker: ({ onChange, initColor }: ColorPickerProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default ColorPicker;

package/dist/components/Dropdown/Dropdown.d.ts

@@ -1,4 +1,4 @@
 import { DropdownOptionProps } from '../DropdownOptions/types';
 import { DropdownProps } from './types';
-declare const Dropdown: <T extends DropdownOptionProps>({ selectedItem, isDisabled, isOpen: isInitOpen, children, onChange: handleChange, className, }: DropdownProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const Dropdown: <T extends DropdownOptionProps>({ selectedItem, isDisabled, isOpen: isInitOpen, children, onChange: handleChange, className, }: DropdownProps<T>) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default Dropdown;

package/dist/components/DropdownArrow/DropdownArrow.d.ts

@@ -6,5 +6,5 @@ export declare const DropdownArrowBase: import("@emotion/styled").StyledComponen
 } & CommonProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const DropdownArrow: ({ isUp }: {
     isUp: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default DropdownArrow;

package/dist/components/DropdownOptions/DropdownOptions.d.ts

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

package/dist/components/DropdownToggle/DropdownToggle.d.ts

@@ -4,5 +4,5 @@ export declare const DropdownToggleBase: import("@emotion/styled").StyledCompone
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & Pick<DropdownToggleProps, "colors" | "disabled" | "isOpen" | "isMultiple" | "selectedCount">, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-declare const DropdownToggle: ({ onClick, onFocus, isOpen, isMultiple, selectedCount, disabled, children, ariaLabelledby, ariaControls, colors, className, }: DropdownToggleProps) => import("react/jsx-runtime").JSX.Element;
+declare const DropdownToggle: ({ onClick, onFocus, isOpen, isMultiple, selectedCount, disabled, children, ariaLabelledby, ariaControls, colors, className, }: DropdownToggleProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default DropdownToggle;

package/dist/components/Filters/FilterBlockWrapper.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const FilterBlockWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    avatarSize?: number | undefined;
+    direction?: string | undefined;
+    alignItems?: string | undefined;
+} & import("../..").CommonProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/dist/components/Filters/Filters.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { TableFilterConfig } from '../TableFilters/types';
+import { UseTableDataParameters, UseTableDataResult } from '../TableFilters/hooks/useTableData';
+export declare const Filters: ({ checkboxData: initialState, updatedCheckboxData, handleSubmit, handleCancel, handleClear, handleDropdownChange, }: Pick<{
+    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?: import("react").BaseSyntheticEvent<object, any, any> | undefined) => void;
+    onReset: () => void;
+    onClear: () => void;
+}, "checkboxData"> & {
+    updatedCheckboxData?: TableFilterConfig | undefined;
+} & Pick<UseTableDataParameters, "handleSubmit" | "handleCancel" | "handleClear" | "handleDropdownChange">) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/Filters/FiltersBlock.d.ts

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

package/dist/components/Filters/FiltersContext.d.ts

@@ -0,0 +1,37 @@
+import { UseTableDataResult } from '../TableFilters/hooks/useTableData';
+import { BaseSyntheticEvent } from 'react';
+export declare const FiltersContext: import("react").Context<{
+    checkboxData: import("../TableFilters/types").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<object, any, any> | undefined) => void;
+    onReset: () => void;
+    onClear: () => void;
+}>;
+export declare const useFiltersContext: () => {
+    checkboxData: import("../TableFilters/types").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<object, any, any> | undefined) => void;
+    onReset: () => void;
+    onClear: () => void;
+};
+export declare const FiltersContextProvider: ({ children, ...rest }: {
+    children: React.ReactNode;
+} & {
+    checkboxData: import("../TableFilters/types").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<object, any, any> | undefined) => void;
+    onReset: () => void;
+    onClear: () => void;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;