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

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

@@ -6,6 +6,7 @@ export interface DrawerProps extends HTMLAttributes<HTMLDivElement> {
     subtitle?: string;
     className?: string;
     footerItems?: ReactNode;
+    canDismiss?: boolean;
 }
 export interface DrawerBaseProps extends HTMLAttributes<HTMLElement> {
 }

package/dist/cjs/components/file-input/file-input.d.ts

@@ -1,4 +1,4 @@
-import React, { ChangeEvent, Dispatch, SetStateAction, MouseEvent } from 'react';
+import React, { ChangeEvent, Dispatch, SetStateAction, MouseEvent, FC } from 'react';
 export interface FileInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     onFileUpload?: (uploadImageModel: CreateImageUploadModel) => Promise<any | ImageUploadModel>;
     onFileView?: (base64: string) => void;
@@ -7,6 +7,9 @@ export interface FileInputProps extends React.InputHTMLAttributes<HTMLInputEleme
     label?: string;
     fileName?: string;
 }
+export interface FilePreviewImageProps {
+    src?: string;
+}
 export type FileInputWrapped = React.ForwardRefExoticComponent<FileInputProps & React.RefAttributes<React.InputHTMLAttributes<HTMLInputElement>>>;
 export interface CreateImageUploadModel {
     name?: string;
@@ -18,4 +21,8 @@ export interface ImageUploadModel {
 export declare const handleFileChange: (setFileName: Dispatch<SetStateAction<string>>, fileName: string, onFileUpload?: ((uploadImageModel: CreateImageUploadModel) => Promise<string | ImageUploadModel>) | undefined) => (event: ChangeEvent<HTMLInputElement>) => FileReader | undefined;
 export declare const handleFileClear: (setFileName: Dispatch<SetStateAction<string>>) => (event: MouseEvent<HTMLSpanElement>) => void;
 export declare const handleFileView: (onFileView: (fileUrl: string) => void, fileUrl: string) => (event: MouseEvent<HTMLSpanElement>) => void;
+/**  Safari has a 2mb limit on data urls and will not decode the string to determine the file size
+ * using window.atob as this will throw too - this component will display a notification if the user agent is safari
+ * and a base64 string is passed and render otherwise */
+export declare const FilePreviewImage: FC<FilePreviewImageProps>;
 export declare const FileInput: FileInputWrapped;

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

@@ -1,14 +1,12 @@
 /// <reference types="react" />
 export declare const elHasGreyBackground: import("@linaria/core").LinariaClassName;
+export declare const elHasMaxWidth: import("@linaria/core").LinariaClassName;
 export declare const ElMainContainer: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & Record<never, unknown> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
 export declare const ElPageContainer: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & Record<never, unknown> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
-export declare const ElPageContainerMaxWidth: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any> | undefined;
-}>;
 export declare const ElSecondaryNavContainer: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & Record<never, unknown> & {
     as?: import("react").ElementType<any> | undefined;
 }>;

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

@@ -1,6 +1,7 @@
 import { HTMLAttributes, FC } from 'react';
 export interface ContainerProps extends HTMLAttributes<HTMLElement> {
     hasGreyBackground?: boolean;
+    hasMaxWidth?: boolean;
 }
 export interface ContainerFlexProps extends ContainerProps {
     isFlexRow?: boolean;
@@ -29,7 +30,6 @@ export interface ContainerFlexProps extends ContainerProps {
 }
 export declare const MainContainer: FC<ContainerProps>;
 export declare const PageContainer: FC<ContainerProps>;
-export declare const PageContainerMaxWidth: FC<ContainerProps>;
 export declare const SecondaryNavContainer: FC<ContainerProps>;
 export declare const Molecule: FC<ContainerProps>;
 export declare const FlexContainer: FC<ContainerFlexProps>;

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

@@ -39,3 +39,6 @@ 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;
 }>;
+export declare const ElNavResponsiveAppSwitcherIconWrap: 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/cjs/components/page-header/__styles__/index.d.ts

@@ -1,10 +1,14 @@
 /// <reference types="react" />
+export declare const elPageHeaderMaxWidth: import("@linaria/core").LinariaClassName;
 export declare const ElPageHeaderContainer: 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 ElPageHeaderTitleContainer: 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 ElPageHeaderWrapInner: 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 ElPageHeaderWrap: 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/cjs/components/page-header/page-header.d.ts

@@ -4,6 +4,7 @@ import { AvatarProps } from '../avatar';
 import { TagProps } from '../tag';
 import { ButtonProps } from '../button';
 import { BreadCrumbProps } from '../breadcrumb';
+import { TabsProps } from '../tabs';
 export interface PageHeaderProps extends HTMLAttributes<HTMLDivElement> {
     avatar?: AvatarProps;
     pageTitle: TypographyProps;
@@ -12,8 +13,11 @@ export interface PageHeaderProps extends HTMLAttributes<HTMLDivElement> {
     breadcrumb?: BreadCrumbProps;
     tags?: TagProps[];
     buttons?: ButtonProps[];
+    tabs?: TabsProps;
+    hasMaxWidth?: boolean;
 }
 export declare const PageHeaderWrap: FC<HTMLAttributes<HTMLDivElement>>;
+export declare const PageHeaderWrapInner: FC<HTMLAttributes<HTMLDivElement>>;
 export declare const PageHeaderContainer: FC<HTMLAttributes<HTMLDivElement>>;
 export declare const PageHeaderTitleContainer: FC<HTMLAttributes<HTMLDivElement>>;
 export declare const PageHeader: FC<PageHeaderProps>;

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 export declare const elTabsItem: import("@linaria/core").LinariaClassName;
 export declare const elTabsFullWidth: import("@linaria/core").LinariaClassName;
+export declare const elTabsHasNoBorder: import("@linaria/core").LinariaClassName;
 export declare const ElTabs: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown> & {
     as?: import("react").ElementType<any> | undefined;
 }>;

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

@@ -9,5 +9,6 @@ export interface TabsProps extends HTMLAttributes<HTMLInputElement> {
     options: TabsOption[];
     name: string;
     isFullWidth?: boolean;
+    hasNoBorder?: boolean;
 }
 export declare const Tabs: FC<TabsProps>;