@reapit/elements 3.7.15 → 3.7.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/infographic-icons/appMarketInfographic.svg +13 -0
- package/assets/infographic-icons/authenticatedInfographic.svg +29 -0
- package/assets/infographic-icons/editAppInfographic.svg +23 -0
- package/assets/infographic-icons/lockedInfographic.svg +5 -0
- package/assets/infographic-icons/platformApiInfographic.svg +19 -0
- package/assets/infographic-icons/reapitConnectInfographic.svg +43 -0
- package/assets/infographic-icons/reapitLogoInfographic.svg +7 -0
- package/assets/infographic-icons/sharedEntitiesInfographic.svg +32 -0
- package/assets/infographic-icons/welcomeInfographic.svg +22 -0
- package/dist/cjs/components/card/card-components.d.ts +5 -5
- package/dist/cjs/components/file-input/__styles__/index.d.ts +13 -0
- package/dist/cjs/components/file-input/__tests__/file-input.test.d.ts +1 -0
- package/dist/cjs/components/file-input/file-input.d.ts +21 -0
- package/dist/cjs/components/file-input/index.d.ts +2 -0
- package/dist/cjs/components/form-layout/__styles__/index.d.ts +1 -0
- package/dist/cjs/components/form-layout/form-layout.d.ts +3 -1
- package/dist/cjs/components/icon/icons/index.d.ts +9 -0
- package/dist/cjs/components/icon/icons/infographic-icons/appMarketInfographic.d.ts +3 -0
- package/dist/cjs/components/icon/icons/infographic-icons/authenticatedInfographic.d.ts +3 -0
- package/dist/cjs/components/icon/icons/infographic-icons/editAppInfographic.d.ts +3 -0
- package/dist/cjs/components/icon/icons/infographic-icons/lockedInfographic.d.ts +3 -0
- package/dist/cjs/components/icon/icons/infographic-icons/platformApiInfographic.d.ts +3 -0
- package/dist/cjs/components/icon/icons/infographic-icons/reapitConnectInfographic.d.ts +3 -0
- package/dist/cjs/components/icon/icons/infographic-icons/reapitLogoInfographic.d.ts +3 -0
- package/dist/cjs/components/icon/icons/infographic-icons/sharedEntitiesInfographic.d.ts +3 -0
- package/dist/cjs/components/icon/icons/infographic-icons/welcomeInfographic.d.ts +3 -0
- package/dist/cjs/components/input-error/input-error.d.ts +1 -0
- package/dist/cjs/components/input-group/input-group.d.ts +1 -1
- package/dist/cjs/components/nav/use-nav.stories.d.ts +1 -0
- package/dist/cjs/components/snack/use-snack-hook.stories.d.ts +1 -0
- package/dist/cjs/components/table/table.d.ts +1 -1
- package/dist/cjs/components/tool-tip/tool-tip-story-component.d.ts +1 -0
- package/dist/cjs/components/typography/__styles__/index.d.ts +2 -0
- package/dist/cjs/components/typography/typography.d.ts +2 -0
- package/dist/cjs/hooks/use-media-query/media.stories.d.ts +1 -0
- package/dist/cjs/index.d.ts +2 -0
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/storybook/render-html-markup.d.ts +1 -0
- package/dist/esm/components/card/card-components.d.ts +5 -5
- package/dist/esm/components/file-input/__styles__/index.d.ts +13 -0
- package/dist/esm/components/file-input/__tests__/file-input.test.d.ts +1 -0
- package/dist/esm/components/file-input/file-input.d.ts +21 -0
- package/dist/esm/components/file-input/index.d.ts +2 -0
- package/dist/esm/components/form-layout/__styles__/index.d.ts +1 -0
- package/dist/esm/components/form-layout/form-layout.d.ts +3 -1
- package/dist/esm/components/icon/icons/index.d.ts +9 -0
- package/dist/esm/components/icon/icons/infographic-icons/appMarketInfographic.d.ts +3 -0
- package/dist/esm/components/icon/icons/infographic-icons/authenticatedInfographic.d.ts +3 -0
- package/dist/esm/components/icon/icons/infographic-icons/editAppInfographic.d.ts +3 -0
- package/dist/esm/components/icon/icons/infographic-icons/lockedInfographic.d.ts +3 -0
- package/dist/esm/components/icon/icons/infographic-icons/platformApiInfographic.d.ts +3 -0
- package/dist/esm/components/icon/icons/infographic-icons/reapitConnectInfographic.d.ts +3 -0
- package/dist/esm/components/icon/icons/infographic-icons/reapitLogoInfographic.d.ts +3 -0
- package/dist/esm/components/icon/icons/infographic-icons/sharedEntitiesInfographic.d.ts +3 -0
- package/dist/esm/components/icon/icons/infographic-icons/welcomeInfographic.d.ts +3 -0
- package/dist/esm/components/input-error/input-error.d.ts +1 -0
- package/dist/esm/components/input-group/input-group.d.ts +1 -1
- package/dist/esm/components/nav/use-nav.stories.d.ts +1 -0
- package/dist/esm/components/snack/use-snack-hook.stories.d.ts +1 -0
- package/dist/esm/components/table/table.d.ts +1 -1
- package/dist/esm/components/tool-tip/tool-tip-story-component.d.ts +1 -0
- package/dist/esm/components/typography/__styles__/index.d.ts +2 -0
- package/dist/esm/components/typography/typography.d.ts +2 -0
- package/dist/esm/hooks/use-media-query/media.stories.d.ts +1 -0
- package/dist/esm/index.d.ts +2 -0
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/storybook/render-html-markup.d.ts +1 -0
- package/dist/index.css +72 -65
- package/package.json +4 -3
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Dispatch, FC, HTMLAttributes, SetStateAction } from 'react';
|
|
1
|
+
import { Dispatch, FC, HTMLAttributes, SetStateAction, MouseEvent } from 'react';
|
|
2
2
|
import { IconNames } from '../icon';
|
|
3
3
|
import { Intent } from '../../helpers/intent';
|
|
4
4
|
export interface CardListItemProps {
|
|
@@ -30,9 +30,9 @@ export interface CardProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
30
30
|
listContextMenuItems?: ContextMenuItem[];
|
|
31
31
|
isSelected?: boolean;
|
|
32
32
|
}
|
|
33
|
-
export declare const handleToggleContextMenu: (contextMenuOpen: boolean, setContextMenuOpen: Dispatch<SetStateAction<boolean>>) => () => void;
|
|
34
|
-
export declare const handleToggleMainMobileOpen: (mainMobileOpen: boolean, setMainMobileOpen: Dispatch<SetStateAction<boolean>>) => () => void;
|
|
35
|
-
export declare const handleToggleListMobileOpen: (listMobileOpen: boolean, setListMobileOpen: Dispatch<SetStateAction<boolean>>) => () => void;
|
|
36
|
-
export declare const handleToggleBothMobileOpen: (mainMobileOpen: boolean, setMainMobileOpen: Dispatch<SetStateAction<boolean>>, listMobileOpen: boolean, setListMobileOpen: Dispatch<SetStateAction<boolean>>) => () => void;
|
|
33
|
+
export declare const handleToggleContextMenu: (contextMenuOpen: boolean, setContextMenuOpen: Dispatch<SetStateAction<boolean>>) => (event: MouseEvent) => void;
|
|
34
|
+
export declare const handleToggleMainMobileOpen: (mainMobileOpen: boolean, setMainMobileOpen: Dispatch<SetStateAction<boolean>>) => (event: MouseEvent) => void;
|
|
35
|
+
export declare const handleToggleListMobileOpen: (listMobileOpen: boolean, setListMobileOpen: Dispatch<SetStateAction<boolean>>) => (event: MouseEvent) => void;
|
|
36
|
+
export declare const handleToggleBothMobileOpen: (mainMobileOpen: boolean, setMainMobileOpen: Dispatch<SetStateAction<boolean>>, listMobileOpen: boolean, setListMobileOpen: Dispatch<SetStateAction<boolean>>) => (event: MouseEvent) => void;
|
|
37
37
|
export declare const CardContextMenu: FC<CardContextMenuProps>;
|
|
38
38
|
export declare const Card: FC<CardProps>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const ElFileInput: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
|
|
3
|
+
as?: import("react").ElementType<any> | undefined;
|
|
4
|
+
}>;
|
|
5
|
+
export declare const ElFileInputWrap: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
6
|
+
as?: import("react").ElementType<any> | undefined;
|
|
7
|
+
}>;
|
|
8
|
+
export declare const ElFileInputIconContainer: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
9
|
+
as?: import("react").ElementType<any> | undefined;
|
|
10
|
+
}>;
|
|
11
|
+
export declare const ElFileInputHidden: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
|
|
12
|
+
as?: import("react").ElementType<any> | undefined;
|
|
13
|
+
}>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React, { ChangeEvent, Dispatch, SetStateAction, MouseEvent } from 'react';
|
|
2
|
+
export interface FileInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
3
|
+
onFileUpload?: (uploadImageModel: CreateImageUploadModel) => Promise<any | ImageUploadModel>;
|
|
4
|
+
onFileView?: (base64: string) => void;
|
|
5
|
+
placeholderText?: string;
|
|
6
|
+
defaultValue?: string;
|
|
7
|
+
label?: string;
|
|
8
|
+
fileName?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare type FileInputWrapped = React.ForwardRefExoticComponent<FileInputProps & React.RefAttributes<React.InputHTMLAttributes<HTMLInputElement>>>;
|
|
11
|
+
export interface CreateImageUploadModel {
|
|
12
|
+
name?: string;
|
|
13
|
+
imageData?: string;
|
|
14
|
+
}
|
|
15
|
+
export interface ImageUploadModel {
|
|
16
|
+
Url: string;
|
|
17
|
+
}
|
|
18
|
+
export declare const handleFileChange: (setFileName: Dispatch<SetStateAction<string>>, fileName: string, onFileUpload?: ((uploadImageModel: CreateImageUploadModel) => Promise<string | ImageUploadModel>) | undefined) => (event: ChangeEvent<HTMLInputElement>) => FileReader | undefined;
|
|
19
|
+
export declare const handleFileClear: (setFileName: Dispatch<SetStateAction<string>>) => (event: MouseEvent<HTMLSpanElement>) => void;
|
|
20
|
+
export declare const handleFileView: (onFileView: (fileUrl: string) => void, fileUrl: string) => (event: MouseEvent<HTMLSpanElement>) => void;
|
|
21
|
+
export declare const FileInput: FileInputWrapped;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
export declare const elFormLayoutHasMargin: import("@linaria/core").LinariaClassName;
|
|
2
3
|
export declare const ElFormLayout: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
3
4
|
as?: import("react").ElementType<any> | undefined;
|
|
4
5
|
}>;
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import React, { FC, HTMLAttributes } from 'react';
|
|
2
|
-
export declare type FormLayoutProps = HTMLAttributes<HTMLDivElement
|
|
2
|
+
export declare type FormLayoutProps = HTMLAttributes<HTMLDivElement> & {
|
|
3
|
+
hasMargin?: boolean;
|
|
4
|
+
};
|
|
3
5
|
export declare const FormLayout: FC<FormLayoutProps>;
|
|
4
6
|
export declare const InputWrap: React.ForwardRefExoticComponent<FormLayoutProps & React.RefAttributes<HTMLDivElement>>;
|
|
5
7
|
export declare const InputWrapMed: FC<FormLayoutProps>;
|
|
@@ -130,4 +130,13 @@ export declare const iconSet: {
|
|
|
130
130
|
newCustomerInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
|
|
131
131
|
propTechInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
|
|
132
132
|
webDeveloperInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
|
|
133
|
+
authenticatedInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
|
|
134
|
+
reapitConnectInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
|
|
135
|
+
reapitLogoInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
|
|
136
|
+
sharedEntitiesInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
|
|
137
|
+
welcomeInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
|
|
138
|
+
platformApiInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
|
|
139
|
+
appMarketInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
|
|
140
|
+
editAppInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
|
|
141
|
+
lockedInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
|
|
133
142
|
};
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { IconNames } from '../icon';
|
|
3
3
|
import { Intent } from '../../helpers/intent';
|
|
4
4
|
export interface InputGroupProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
5
|
-
icon?: IconNames;
|
|
5
|
+
icon?: IconNames | null;
|
|
6
6
|
label?: string;
|
|
7
7
|
inputAddOnText?: string;
|
|
8
8
|
/**
|
|
@@ -5,6 +5,8 @@ export declare const elHasRegularText: import("@linaria/core").LinariaClassName;
|
|
|
5
5
|
export declare const elHasBoldText: import("@linaria/core").LinariaClassName;
|
|
6
6
|
export declare const elHasItalicText: import("@linaria/core").LinariaClassName;
|
|
7
7
|
export declare const elHasCenteredText: import("@linaria/core").LinariaClassName;
|
|
8
|
+
export declare const elHasSectionMargin: import("@linaria/core").LinariaClassName;
|
|
9
|
+
export declare const elHasDisabledText: import("@linaria/core").LinariaClassName;
|
|
8
10
|
export declare const ElTitle: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & {
|
|
9
11
|
as?: import("react").ElementType<any> | undefined;
|
|
10
12
|
}>;
|
|
@@ -2,10 +2,12 @@ import { FC, HTMLAttributes } from 'react';
|
|
|
2
2
|
export interface TypographyProps extends HTMLAttributes<HTMLElement> {
|
|
3
3
|
hasGreyText?: boolean;
|
|
4
4
|
hasNoMargin?: boolean;
|
|
5
|
+
hasSectionMargin?: boolean;
|
|
5
6
|
hasBoldText?: boolean;
|
|
6
7
|
hasItalicText?: boolean;
|
|
7
8
|
hasCenteredText?: boolean;
|
|
8
9
|
hasRegularText?: boolean;
|
|
10
|
+
hasDisabledText?: boolean;
|
|
9
11
|
}
|
|
10
12
|
export declare const Title: FC<TypographyProps>;
|
|
11
13
|
export declare const Subtitle: FC<TypographyProps>;
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -35,6 +35,8 @@ export * from './components/toggle';
|
|
|
35
35
|
export * from './components/typography';
|
|
36
36
|
export * from './components/form-layout';
|
|
37
37
|
export * from './components/tool-tip';
|
|
38
|
+
export * from './components/input-error';
|
|
39
|
+
export * from './components/file-input';
|
|
38
40
|
export * from './hooks/use-portal';
|
|
39
41
|
export * from './hooks/use-snack';
|
|
40
42
|
export * from './hooks/use-modal';
|