@reapit/elements 3.8.8 → 3.9.3

package/assets/system-icons/videoSystem.svg

@@ -0,0 +1,3 @@
+<svg width="1em" height="1em" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.82051 0C1.25797 0 0 1.31414 0 2.94643V12.0536C0 13.6859 1.25797 15 2.82051 15H17.1795C18.742 15 20 13.6859 20 12.0536V2.94643C20 1.31414 18.742 0 17.1795 0H2.82051ZM8.20513 5.21825C8.20513 4.68208 8.78322 4.34497 9.24986 4.60902L13.2823 6.89077C13.756 7.15881 13.756 7.84119 13.2823 8.10923L9.24986 10.391C8.78322 10.655 8.20513 10.3179 8.20513 9.78175V5.21825Z" fill="currentColor"/>
+</svg>

package/dist/cjs/components/icon/icons/index.d.ts

@@ -153,4 +153,5 @@ export declare const iconSet: {
     shieldInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
     webInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
     supportMenu: import("react").MemoExoticComponent<() => JSX.Element>;
+    videoSystem: import("react").MemoExoticComponent<() => JSX.Element>;
 };

package/dist/cjs/components/icon/icons/system-icons/videoSystem.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/dist/cjs/components/nav/__styles__/index.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-export declare const elNavIsDesktop: import("@linaria/core").LinariaClassName;
 export declare const ElNavContainer: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
@@ -19,3 +18,4 @@ export declare const ElNavSubItem: import("@linaria/core").StyledMeta & import("
 export declare const elNavSubItemExpanded: import("@linaria/core").LinariaClassName;
 export declare const elNavSubItemActive: import("@linaria/core").LinariaClassName;
 export declare const elNavItemSecondary: import("@linaria/core").LinariaClassName;
+export declare const elNavIsDesktop: import("@linaria/core").LinariaClassName;

package/dist/cjs/components/nav/use-nav.stories.d.ts

@@ -1,2 +1,3 @@
+export declare const customTheme: import("@linaria/core").LinariaClassName;
 export declare const UseNavStory: () => JSX.Element;
 export declare const UseNavMobileSubMenuStory: () => JSX.Element;

package/dist/cjs/components/pagination/__styles__/index.d.ts

@@ -5,6 +5,9 @@ export declare const ElPaginationWrap: import("@linaria/core").StyledMeta & impo
 export declare const ElPaginationText: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
+export declare const ElPaginationInput: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
 export declare const ElPaginationButton: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;

package/dist/cjs/components/pagination/pagination.d.ts

@@ -1,4 +1,4 @@
-import { FC, HTMLAttributes } from 'react';
+import { ChangeEvent, Dispatch, FC, HTMLAttributes, InputHTMLAttributes, SetStateAction } from 'react';
 export interface PaginationProps extends HTMLAttributes<HTMLDivElement> {
     callback: (nextPage: number) => void;
     currentPage: number;
@@ -8,10 +8,15 @@ export interface PaginationWrapProps extends HTMLAttributes<HTMLDivElement> {
 }
 export interface PaginationTextProps extends HTMLAttributes<HTMLDivElement> {
 }
+export interface PaginationInputProps extends InputHTMLAttributes<HTMLInputElement> {
+}
 export interface PaginationButtonProps extends HTMLAttributes<HTMLButtonElement> {
 }
-export declare const handlePageChange: (nextPage: number | null, callback: (page: number) => void) => () => void;
+export declare const handlePageChange: (nextPage: number | null, callback: (page: number) => void, setInputValue: Dispatch<SetStateAction<string>>) => () => void;
+export declare const handlePageInputChange: (numberPages: number, currentPage: number, inputValue: string, callback: (page: number) => void) => () => void;
+export declare const handlePageInput: (setInputValue: Dispatch<SetStateAction<string>>) => (event: ChangeEvent<HTMLInputElement>) => void;
 export declare const PaginationWrap: FC<PaginationWrapProps>;
 export declare const PaginationText: FC<PaginationTextProps>;
+export declare const PaginationInput: FC<PaginationInputProps>;
 export declare const PaginationButton: FC<PaginationButtonProps>;
 export declare const Pagination: FC<PaginationProps>;

package/dist/cjs/components/table/__styles__/index.d.ts

@@ -51,3 +51,6 @@ export declare const ElTableExpandableContainer: import("@linaria/core").StyledM
 export declare const ElTable: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
+export declare const ElTableSortHeader: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;

package/dist/cjs/components/table/molecules.d.ts

@@ -23,6 +23,9 @@ export interface TableRowContainerProps extends HTMLAttributes<HTMLDivElement> {
 export interface TableCtaTriggerCellProps extends HTMLAttributes<HTMLDivElement> {
     icon?: IconNames;
 }
+export interface TableSortHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    direction: 'up' | 'down';
+}
 export declare const resolveNarrowOrderClass: (order: number) => string | undefined;
 export declare const TableHeadersRow: FC<HTMLAttributes<HTMLDivElement>>;
 export declare const TableHeader: FC<HTMLAttributes<HTMLDivElement>>;
@@ -32,3 +35,4 @@ export declare const TableExpandableRowTriggerCell: FC<TableExpandableRowTrigger
 export declare const TableCtaTriggerCell: FC<TableCtaTriggerCellProps>;
 export declare const TableExpandableRow: FC<TableExpandableRowProps>;
 export declare const TableRowContainer: FC<TableRowContainerProps>;
+export declare const TableSortHeader: FC<TableSortHeaderProps>;

package/dist/cjs/components/table/table.d.ts

@@ -9,6 +9,8 @@ export declare type NarrowOptionsType = {
 };
 export interface CellProps {
     label: string;
+    labelChild?: ReactNode;
+    onLabelClick?: (event: React.MouseEvent) => void;
     value: ReactNode;
     children?: ReactNode;
     icon?: IconNames;