@reapit/elements 2.2.2 → 2.3.0-beta.1

package/v3/components/table/__styles__/index.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+export declare const isNarrow = "@media only screen and (max-width: 1024px)";
 export declare const ElTableCellNarrowOrder1: string;
 export declare const ElTableCellNarrowOrder2: string;
 export declare const ElTableCellNarrowOrder3: string;
@@ -35,6 +36,12 @@ export declare const ElTableCell: import("@linaria/core").StyledMeta & import("r
 export declare const ElTableCellContent: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
+export declare const ElTableCtaIconContainer: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElTableCtaCell: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
 export declare const ElTableExpandableRowTriggerCell: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;

package/v3/components/table/__tests__/molecules.test.d.ts

@@ -0,0 +1 @@
+export {};

package/v3/components/table/molecules.d.ts

@@ -1,10 +1,7 @@
 import { FC, HTMLAttributes } from 'react';
 import { IconNames } from '../icon';
-export declare const TableHeadersRow: FC;
-export declare const TableHeader: FC;
-export declare const TableRow: FC;
 export declare type NarrowOrderType = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-export interface ITableCell extends HTMLAttributes<HTMLDivElement> {
+export interface TableCellProps extends HTMLAttributes<HTMLDivElement> {
     icon?: IconNames;
     darkText?: boolean;
     narrowLabel?: string;
@@ -12,18 +9,26 @@ export interface ITableCell extends HTMLAttributes<HTMLDivElement> {
     className?: string;
     narrowOrder?: NarrowOrderType;
 }
-export declare const TableCell: FC<ITableCell>;
-export interface ITableExpandableRowTriggerCell extends HTMLAttributes<HTMLDivElement> {
+export interface TableExpandableRowTriggerCellProps extends HTMLAttributes<HTMLDivElement> {
     isOpen?: boolean;
     narrowIsFullWidth?: boolean;
 }
-export declare const TableExpandableRowTriggerCell: FC<ITableExpandableRowTriggerCell>;
-export interface ITableExpandableRow extends HTMLAttributes<HTMLDivElement> {
+export interface TableExpandableRowProps extends HTMLAttributes<HTMLDivElement> {
     isOpen?: boolean;
     className?: string;
 }
-export declare const TableExpandableRow: FC<ITableExpandableRow>;
-export interface ITableRowContainer extends HTMLAttributes<HTMLDivElement> {
+export interface TableRowContainerProps extends HTMLAttributes<HTMLDivElement> {
     isOpen?: boolean;
 }
-export declare const TableRowContainer: FC<ITableRowContainer>;
+export interface TableCtaTriggerCellProps extends HTMLAttributes<HTMLDivElement> {
+    icon?: IconNames;
+}
+export declare const resolveNarrowOrderClass: (order: number) => string | undefined;
+export declare const TableHeadersRow: FC;
+export declare const TableHeader: FC<HTMLAttributes<HTMLDivElement>>;
+export declare const TableRow: FC;
+export declare const TableCell: FC<TableCellProps>;
+export declare const TableExpandableRowTriggerCell: FC<TableExpandableRowTriggerCellProps>;
+export declare const TableCtaTriggerCell: FC<TableCtaTriggerCellProps>;
+export declare const TableExpandableRow: FC<TableExpandableRowProps>;
+export declare const TableRowContainer: FC<TableRowContainerProps>;

package/v3/components/table/table.d.ts

@@ -1,4 +1,4 @@
-import { FC, HTMLAttributes, ReactNode } from 'react';
+import React, { Dispatch, FC, HTMLAttributes, ReactNode, SetStateAction } from 'react';
 import { IconNames } from '../icon';
 import { NarrowOrderType } from './molecules';
 import { Intent } from '../../helpers/intent';
@@ -7,21 +7,34 @@ export declare type NarrowOptionsType = {
     isFullWidth?: boolean;
     order?: NarrowOrderType;
 };
-export declare type Cell = {
+export interface CellProps {
     label: string;
     value: string;
     children?: ReactNode;
     icon?: IconNames;
+    className?: string;
     statusCircleIntent?: Intent;
     cellHasDarkText?: boolean;
     narrowTable?: NarrowOptionsType;
-};
-export declare type Row = {
-    cells: Cell[];
-    expandableContent?: ReactNode;
-};
+}
+export interface RowActionProps {
+    content?: ReactNode;
+    cellContent?: ReactNode;
+    headerContent?: ReactNode;
+    onClick?: () => void;
+    className?: string;
+    icon?: IconNames;
+}
+export interface RowProps {
+    cells: CellProps[];
+    expandableContent?: RowActionProps;
+    ctaContent?: RowActionProps;
+}
 export interface TableProps extends HTMLAttributes<HTMLDivElement> {
-    rows?: Row[];
-    expandableContentSize?: 'small' | 'medium' | 'large';
+    rows?: RowProps[];
+    numberColumns?: number;
+    indexExpandedRow?: number | null;
+    setIndexExpandedRow?: Dispatch<SetStateAction<number | null>>;
 }
+export declare const handleToggleExpandedRow: (index: number | null, expandedRow: number | null, setExpandedRow: Dispatch<SetStateAction<number | null>>, indexExpandedRow?: number | null | undefined, setIndexExpandedRow?: React.Dispatch<React.SetStateAction<number | null>> | undefined) => () => void;
 export declare const Table: FC<TableProps>;

package/v3/components/tabs/__styles__/index.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+export declare const elTabsItem: string;
+export declare const elTabsFullWidth: string;
+export declare const ElTabs: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElTabsLabel: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLLabelElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElTabsWrap: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElTabsOptionsWrap: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElTabsFooter: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;

package/v3/components/tabs/__tests__/tabs.test.d.ts

@@ -0,0 +1 @@
+export {};

package/v3/components/tabs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './__styles__';
+export * from './tabs';

package/v3/components/tabs/tabs.d.ts

@@ -0,0 +1,13 @@
+import { FC, HTMLAttributes } from 'react';
+export interface TabsOption {
+    id: string;
+    value: string;
+    text: string;
+    isChecked: boolean;
+}
+export interface TabsProps extends HTMLAttributes<HTMLInputElement> {
+    options: TabsOption[];
+    name: string;
+    isFullWidth?: boolean;
+}
+export declare const Tabs: FC<TabsProps>;

package/v3/components/textarea/textarea.d.ts

@@ -1,4 +1,5 @@
-import { FC, InputHTMLAttributes } from 'react';
+import React, { InputHTMLAttributes } from 'react';
 export interface TextAreaProps extends InputHTMLAttributes<HTMLTextAreaElement> {
 }
-export declare const TextArea: FC<TextAreaProps>;
+export declare type TextAreaWrapped = React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<React.TextareaHTMLAttributes<HTMLTextAreaElement>>>;
+export declare const TextArea: TextAreaWrapped;

package/v3/components/toggle/__styles__/index.d.ts

@@ -1,6 +1,11 @@
 /// <reference types="react" />
-export declare const elToggleItem: string;
-export declare const elToggleRadioItem: string;
+export declare const elHasGreyBg: string;
+export declare const ElToggleItem: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElToggleRadioItem: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
 export declare const elToggleFullWidth: string;
 export declare const ElToggleCheckbox: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
     as?: import("react").ElementType<any> | undefined;

package/v3/components/toggle/toggle.d.ts

@@ -1,5 +1,7 @@
-import { FC, HTMLAttributes } from 'react';
+import React, { HTMLAttributes, InputHTMLAttributes, RefAttributes } from 'react';
 export interface ToggleProps extends HTMLAttributes<HTMLInputElement> {
+    isFullWidth?: boolean;
+    hasGreyBg?: boolean;
 }
 export interface ToggleRadioOption {
     id: string;
@@ -11,6 +13,9 @@ export interface ToggleRadioProps extends HTMLAttributes<HTMLInputElement> {
     options: ToggleRadioOption[];
     name: string;
     isFullWidth?: boolean;
+    hasGreyBg?: boolean;
 }
-export declare const Toggle: FC<ToggleProps>;
-export declare const ToggleRadio: FC<ToggleRadioProps>;
+export declare type ToggleWrapped = React.ForwardRefExoticComponent<ToggleProps & RefAttributes<InputHTMLAttributes<HTMLInputElement>>>;
+export declare type ToggleRadioWrapped = React.ForwardRefExoticComponent<ToggleRadioProps & RefAttributes<InputHTMLAttributes<HTMLInputElement>>>;
+export declare const Toggle: ToggleWrapped;
+export declare const ToggleRadio: ToggleRadioWrapped;

package/v3/components/typography/__styles__/index.d.ts

@@ -1,5 +1,10 @@
 /// <reference types="react" />
 export declare const elHasGreyText: string;
+export declare const elHasNoMargin: string;
+export declare const elHasRegularText: string;
+export declare const elHasBoldText: string;
+export declare const elHasItalicText: string;
+export declare const elHasCenteredText: string;
 export declare const ElTitle: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
@@ -12,5 +17,3 @@ export declare const ElBodyText: import("@linaria/core").StyledMeta & import("re
 export declare const ElSmallText: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
-export declare const elIsBoldText: string;
-export declare const elIsItalicText: string;

package/v3/components/typography/typography.d.ts

@@ -1,10 +1,13 @@
 import { FC, HTMLAttributes } from 'react';
-export interface ITypographyProps extends HTMLAttributes<HTMLElement> {
+export interface TypographyProps extends HTMLAttributes<HTMLElement> {
     hasGreyText?: boolean;
-    bold?: boolean;
-    italic?: boolean;
+    hasNoMargin?: boolean;
+    hasBoldText?: boolean;
+    hasItalicText?: boolean;
+    hasCenteredText?: boolean;
+    hasRegularText?: boolean;
 }
-export declare const Title: FC<ITypographyProps>;
-export declare const Subtitle: FC<ITypographyProps>;
-export declare const BodyText: FC<ITypographyProps>;
-export declare const SmallText: FC<ITypographyProps>;
+export declare const Title: FC<TypographyProps>;
+export declare const Subtitle: FC<TypographyProps>;
+export declare const BodyText: FC<TypographyProps>;
+export declare const SmallText: FC<TypographyProps>;

package/v3/helpers/intent.d.ts

@@ -1,2 +1,2 @@
-export declare type Intent = 'primary' | 'secondary' | 'critical' | 'success' | 'danger' | 'neutral';
+export declare type Intent = 'primary' | 'secondary' | 'critical' | 'success' | 'danger' | 'neutral' | 'low';
 export declare const getIntentClassName: (intent: Intent) => string;

package/v3/hooks/use-modal/__tests__/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/v3/hooks/use-modal/index.d.ts

@@ -1,8 +1,9 @@
-import { ReactNode } from 'react';
-interface IUseModal {
-    Modal: ReactNode;
+import { FC } from 'react';
+import { ModalProps } from '../../components/modal';
+export interface UseModal {
+    Modal: FC<Partial<ModalProps>>;
     closeModal: () => void;
     openModal: () => void;
+    modalIsOpen: boolean;
 }
-declare const _default: () => IUseModal;
-export default _default;
+export declare const useModal: (id?: string | undefined) => UseModal;

package/v3/hooks/use-portal/__tests__/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/v3/hooks/use-portal/index.d.ts

@@ -1,13 +1,6 @@
-/**
- * Hook to create a React Portal.
- * Automatically handles creating and tearing-down the root elements (no SRR
- * makes this trivial), so there is no need to ensure the parent target already
- * exists.
- * @example
- * const target = usePortal(id, [id]);
- * return createPortal(children, target);
- * @param {String} id The id of the target container, e.g 'modal' or 'spotlight'
- * @returns {HTMLElement} The DOM node to use as the Portal target.
- */
-declare function usePortal(id: string): HTMLDivElement;
-export default usePortal;
+import { ReactPortal } from 'react';
+export declare const usePortal: (id: string) => HTMLDivElement;
+export declare const Portal: ({ id, children }: {
+    id: any;
+    children: any;
+}) => ReactPortal;

package/v3/hooks/use-snack/__tests__/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/v3/hooks/use-snack/index.d.ts

@@ -5,12 +5,11 @@ export interface SnackContextProps {
 }
 export declare const SnackContext: React.Context<SnackContextProps>;
 export declare const SnackProvider: React.FC;
-interface IUseSnack {
+export interface UseSnack {
     custom: (snack: SnackProps, timeout?: number) => void;
     success: (text: string, timeout?: number) => void;
     info: (text: string, timeout?: number) => void;
     error: (text: string, timeout?: number) => void;
     warning: (text: string, timeout?: number) => void;
 }
-declare const _default: () => IUseSnack;
-export default _default;
+export declare const useSnack: () => UseSnack;