@reapit/elements 4.0.0-beta.2 → 4.0.0-beta.3

package/dist/cjs/storybook/deprecate-var.d.ts

@@ -1,3 +1,4 @@
+export declare const deprecateVar: (variables: Object, component: string) => void;
 export declare const useDeprecateVar: (variables: Object, component: string) => void;
 export declare const useDeprecateComponent: (component: string) => void;
 export declare const deprecateFunction: (functionName: string) => void;

package/dist/cjs/styles/typography.d.ts

@@ -6,3 +6,4 @@ export declare const elFontBold: import("@linaria/core").LinariaClassName;
 export declare const elFontItalic: import("@linaria/core").LinariaClassName;
 export declare const elFontUppercase: import("@linaria/core").LinariaClassName;
 export declare const elTextEllipsis: import("@linaria/core").LinariaClassName;
+export declare const elCode: import("@linaria/core").LinariaClassName;

package/dist/esm/components/key-value-list/key-value-list.d.ts

@@ -7,12 +7,17 @@ export interface KeyValueItem {
     iconName?: IconNames;
     icon?: ReactNode;
     intent?: Intent;
+    colSize?: 'half' | 'full';
+    textEllipsis?: boolean;
+}
+export interface KeyValueContentProps {
+    item: KeyValueItem;
 }
 export interface KeyValueListProps extends HTMLAttributes<HTMLDivElement> {
     items: KeyValueItem[];
-    hasLargeGrid?: boolean;
-    hasSmallGrid?: boolean;
+    hasGrid?: boolean;
 }
 export declare const KeyValueIconWrap: FC<HTMLAttributes<HTMLDivElement>>;
 export declare const KeyValueListWrap: FC<HTMLAttributes<HTMLDivElement>>;
+export declare const KeyValueContent: FC<KeyValueContentProps>;
 export declare const KeyValueList: FC<KeyValueListProps>;

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

@@ -1,4 +1,7 @@
 /// <reference types="react" />
+export declare const ElNavBg: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
 export declare const ElNavContainer: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & Record<never, unknown> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
@@ -19,3 +22,20 @@ export declare const elNavSubItemExpanded: import("@linaria/core").LinariaClassN
 export declare const elNavSubItemActive: import("@linaria/core").LinariaClassName;
 export declare const elNavItemHideDesktop: import("@linaria/core").LinariaClassName;
 export declare const elNavIsDesktop: import("@linaria/core").LinariaClassName;
+export declare const elNavIsHidden: import("@linaria/core").LinariaClassName;
+export declare const ElNavMenu: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElNavMenuOption: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElNavMenuOptionDivider: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElNavResponsiveAvatarWrap: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const elAppSwitcherOpen: import("@linaria/core").LinariaClassName;
+export declare const ElNavResponsiveAppSwitcherWrap: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;

package/dist/esm/components/nav/nav-responsive.d.ts

@@ -1,21 +1,44 @@
-import { Dispatch, FC, HTMLAttributes, ReactNode, SetStateAction } from 'react';
+import { Dispatch, FC, HTMLAttributes, ReactNode, SetStateAction, MouseEvent } from 'react';
 import { IconNames } from '../icon';
 export type NavResponsiveItemType = 'ICON' | 'ITEM' | 'SECONDARY';
 export interface NavResponsiveOption {
     itemIndex: number;
-    isSecondary?: boolean;
     callback?: () => void;
     text?: string;
     href?: string;
     subItems?: NavResponsiveOption[];
+    isSecondary?: boolean;
     icon?: ReactNode;
     iconId?: IconNames;
 }
+export interface NavResponsiveAvatarOption {
+    text?: string;
+    callback?: () => void;
+}
+export interface NavResponsiveAppSwitcherOption {
+    text?: string;
+    callback?: () => void;
+    iconUrl?: ReactNode;
+}
 export interface NavResponsiveProps extends HTMLAttributes<HTMLDivElement> {
     options: NavResponsiveOption[];
+    appSwitcherOptions?: NavResponsiveAppSwitcherOption[];
+    avatarOptions?: NavResponsiveAvatarOption[];
+    avatarText?: string;
     defaultNavIndex?: number;
     defaultNavSubIndex?: number;
 }
+export interface NavResponsiveAvatarProps {
+    options: NavResponsiveAvatarOption[];
+    text: string;
+    isHidden: boolean;
+}
+export interface NavResponsiveAppSwitcherProps {
+    options: NavResponsiveAppSwitcherOption[];
+}
 export type LogoIcon = 'reapitLogoSelectedMenu' | 'reapitLogoMenu';
 export declare const handleToggleLogo: (logoState: LogoIcon, setLogoState: Dispatch<SetStateAction<LogoIcon>>) => () => void;
+export declare const handleToggleMenu: (setState: Dispatch<SetStateAction<boolean>>, callback?: () => void) => (event: MouseEvent<HTMLDivElement>) => void;
+export declare const NavResponsiveAvatar: FC<NavResponsiveAvatarProps>;
+export declare const NavResponsiveAppSwitcher: FC<NavResponsiveAppSwitcherProps>;
 export declare const NavResponsive: FC<NavResponsiveProps>;

package/dist/esm/components/searchable-dropdown/searchable-dropdown.d.ts

@@ -6,6 +6,7 @@ export interface SearchableDropdownProps<T> extends React.InputHTMLAttributes<HT
     getResultLabel: (result: T) => string;
     icon?: IconNames;
     defaultVal?: T;
+    label?: string;
 }
 export interface ControlledSearchableDropdownProps<T> extends React.InputHTMLAttributes<HTMLInputElement> {
     isResultsListVisible: boolean;
@@ -22,8 +23,9 @@ export interface ControlledSearchableDropdownProps<T> extends React.InputHTMLAtt
     }) => void;
     onClear: () => void;
     icon?: IconNames;
+    label?: string;
 }
-export declare const SearchableDropdownControlledInner: <T extends unknown>({ isResultsListVisible, icon, loading, resultsList, onResultClick, onClear, isClearVisible, value, selectedValue, id, ...inputProps }: ControlledSearchableDropdownProps<T>, ref: React.ForwardedRef<HTMLInputElement>) => JSX.Element;
+export declare const SearchableDropdownControlledInner: <T extends unknown>({ isResultsListVisible, icon, loading, resultsList, onResultClick, onClear, isClearVisible, value, selectedValue, id, label, ...inputProps }: ControlledSearchableDropdownProps<T>, ref: React.ForwardedRef<HTMLInputElement>) => JSX.Element;
 export declare const ControlledSearchableDropdown: <T>(props: ControlledSearchableDropdownProps<T> & {
     ref?: React.ForwardedRef<HTMLInputElement> | undefined;
 }) => ReturnType<typeof SearchableDropdownControlledInner>;

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

@@ -30,6 +30,15 @@ export declare const ElTableCtaCell: import("@linaria/react").StyledMeta & impor
 export declare const ElTableCell: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
+export declare const ElTableCellSplitWrap: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElTableCellSplitData: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElTableCellSplitSubData: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
 export declare const ElTableExpandableRowTriggerCell: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
     as?: import("react").ElementType<any> | undefined;
 }>;

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

@@ -1,4 +1,4 @@
-import { FC, HTMLAttributes } from 'react';
+import { FC, HTMLAttributes, ReactNode } from 'react';
 import { IconNames } from '../icon';
 export type NarrowOrderType = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 export interface TableCellProps extends HTMLAttributes<HTMLDivElement> {
@@ -9,6 +9,10 @@ export interface TableCellProps extends HTMLAttributes<HTMLDivElement> {
     className?: string;
     narrowOrder?: NarrowOrderType;
 }
+export interface TableCellSplitProps extends HTMLAttributes<HTMLDivElement> {
+    data?: ReactNode;
+    subData?: ReactNode;
+}
 export interface TableExpandableRowTriggerCellProps extends HTMLAttributes<HTMLDivElement> {
     isOpen?: boolean;
     narrowIsFullWidth?: boolean;
@@ -30,6 +34,7 @@ export declare const resolveNarrowOrderClass: (order: number) => string | undefi
 export declare const TableHeadersRow: FC<HTMLAttributes<HTMLDivElement>>;
 export declare const TableHeader: FC<HTMLAttributes<HTMLDivElement>>;
 export declare const TableRow: FC<HTMLAttributes<HTMLDivElement>>;
+export declare const TableCellSplit: FC<TableCellSplitProps>;
 export declare const TableCell: FC<TableCellProps>;
 export declare const TableExpandableRowTriggerCell: FC<TableExpandableRowTriggerCellProps>;
 export declare const TableCtaTriggerCell: FC<TableCtaTriggerCellProps>;

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

@@ -11,7 +11,7 @@ export interface CellProps {
     label: string;
     labelChild?: ReactNode;
     onLabelClick?: (event: React.MouseEvent) => void;
-    value: ReactNode;
+    value?: ReactNode;
     children?: ReactNode;
     icon?: IconNames;
     className?: string;

package/dist/esm/hooks/use-nav-state/index.d.ts

@@ -12,7 +12,7 @@ export interface NavStateContextProps {
 }
 export interface UseNavState {
     navState: NavState;
-    setNavState: (newState: Partial<NavState>) => (event: MouseEvent<HTMLAnchorElement>) => void;
+    setNavState: (newState: Partial<NavState>) => (event: MouseEvent<HTMLAnchorElement | HTMLDivElement>) => void;
 }
 export declare const NavStateContext: React.Context<NavStateContextProps>;
 export declare const NavStateProvider: FC<PropsWithChildren>;