@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.
Files changed (71) hide show
  1. package/assets/infographic-icons/appMarketInfographic.svg +13 -0
  2. package/assets/infographic-icons/authenticatedInfographic.svg +29 -0
  3. package/assets/infographic-icons/editAppInfographic.svg +23 -0
  4. package/assets/infographic-icons/lockedInfographic.svg +5 -0
  5. package/assets/infographic-icons/platformApiInfographic.svg +19 -0
  6. package/assets/infographic-icons/reapitConnectInfographic.svg +43 -0
  7. package/assets/infographic-icons/reapitLogoInfographic.svg +7 -0
  8. package/assets/infographic-icons/sharedEntitiesInfographic.svg +32 -0
  9. package/assets/infographic-icons/welcomeInfographic.svg +22 -0
  10. package/dist/cjs/components/card/card-components.d.ts +5 -5
  11. package/dist/cjs/components/file-input/__styles__/index.d.ts +13 -0
  12. package/dist/cjs/components/file-input/__tests__/file-input.test.d.ts +1 -0
  13. package/dist/cjs/components/file-input/file-input.d.ts +21 -0
  14. package/dist/cjs/components/file-input/index.d.ts +2 -0
  15. package/dist/cjs/components/form-layout/__styles__/index.d.ts +1 -0
  16. package/dist/cjs/components/form-layout/form-layout.d.ts +3 -1
  17. package/dist/cjs/components/icon/icons/index.d.ts +9 -0
  18. package/dist/cjs/components/icon/icons/infographic-icons/appMarketInfographic.d.ts +3 -0
  19. package/dist/cjs/components/icon/icons/infographic-icons/authenticatedInfographic.d.ts +3 -0
  20. package/dist/cjs/components/icon/icons/infographic-icons/editAppInfographic.d.ts +3 -0
  21. package/dist/cjs/components/icon/icons/infographic-icons/lockedInfographic.d.ts +3 -0
  22. package/dist/cjs/components/icon/icons/infographic-icons/platformApiInfographic.d.ts +3 -0
  23. package/dist/cjs/components/icon/icons/infographic-icons/reapitConnectInfographic.d.ts +3 -0
  24. package/dist/cjs/components/icon/icons/infographic-icons/reapitLogoInfographic.d.ts +3 -0
  25. package/dist/cjs/components/icon/icons/infographic-icons/sharedEntitiesInfographic.d.ts +3 -0
  26. package/dist/cjs/components/icon/icons/infographic-icons/welcomeInfographic.d.ts +3 -0
  27. package/dist/cjs/components/input-error/input-error.d.ts +1 -0
  28. package/dist/cjs/components/input-group/input-group.d.ts +1 -1
  29. package/dist/cjs/components/nav/use-nav.stories.d.ts +1 -0
  30. package/dist/cjs/components/snack/use-snack-hook.stories.d.ts +1 -0
  31. package/dist/cjs/components/table/table.d.ts +1 -1
  32. package/dist/cjs/components/tool-tip/tool-tip-story-component.d.ts +1 -0
  33. package/dist/cjs/components/typography/__styles__/index.d.ts +2 -0
  34. package/dist/cjs/components/typography/typography.d.ts +2 -0
  35. package/dist/cjs/hooks/use-media-query/media.stories.d.ts +1 -0
  36. package/dist/cjs/index.d.ts +2 -0
  37. package/dist/cjs/index.js +2 -2
  38. package/dist/cjs/index.js.map +1 -1
  39. package/dist/cjs/storybook/render-html-markup.d.ts +1 -0
  40. package/dist/esm/components/card/card-components.d.ts +5 -5
  41. package/dist/esm/components/file-input/__styles__/index.d.ts +13 -0
  42. package/dist/esm/components/file-input/__tests__/file-input.test.d.ts +1 -0
  43. package/dist/esm/components/file-input/file-input.d.ts +21 -0
  44. package/dist/esm/components/file-input/index.d.ts +2 -0
  45. package/dist/esm/components/form-layout/__styles__/index.d.ts +1 -0
  46. package/dist/esm/components/form-layout/form-layout.d.ts +3 -1
  47. package/dist/esm/components/icon/icons/index.d.ts +9 -0
  48. package/dist/esm/components/icon/icons/infographic-icons/appMarketInfographic.d.ts +3 -0
  49. package/dist/esm/components/icon/icons/infographic-icons/authenticatedInfographic.d.ts +3 -0
  50. package/dist/esm/components/icon/icons/infographic-icons/editAppInfographic.d.ts +3 -0
  51. package/dist/esm/components/icon/icons/infographic-icons/lockedInfographic.d.ts +3 -0
  52. package/dist/esm/components/icon/icons/infographic-icons/platformApiInfographic.d.ts +3 -0
  53. package/dist/esm/components/icon/icons/infographic-icons/reapitConnectInfographic.d.ts +3 -0
  54. package/dist/esm/components/icon/icons/infographic-icons/reapitLogoInfographic.d.ts +3 -0
  55. package/dist/esm/components/icon/icons/infographic-icons/sharedEntitiesInfographic.d.ts +3 -0
  56. package/dist/esm/components/icon/icons/infographic-icons/welcomeInfographic.d.ts +3 -0
  57. package/dist/esm/components/input-error/input-error.d.ts +1 -0
  58. package/dist/esm/components/input-group/input-group.d.ts +1 -1
  59. package/dist/esm/components/nav/use-nav.stories.d.ts +1 -0
  60. package/dist/esm/components/snack/use-snack-hook.stories.d.ts +1 -0
  61. package/dist/esm/components/table/table.d.ts +1 -1
  62. package/dist/esm/components/tool-tip/tool-tip-story-component.d.ts +1 -0
  63. package/dist/esm/components/typography/__styles__/index.d.ts +2 -0
  64. package/dist/esm/components/typography/typography.d.ts +2 -0
  65. package/dist/esm/hooks/use-media-query/media.stories.d.ts +1 -0
  66. package/dist/esm/index.d.ts +2 -0
  67. package/dist/esm/index.js +2 -2
  68. package/dist/esm/index.js.map +1 -1
  69. package/dist/esm/storybook/render-html-markup.d.ts +1 -0
  70. package/dist/index.css +72 -65
  71. package/package.json +4 -3
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  declare type RenderHtmlMarkupProps = {
2
3
  component: string;
3
4
  story: string | string[];
@@ -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,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;
@@ -0,0 +1,2 @@
1
+ export * from './__styles__';
2
+ export * from './file-input';
@@ -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
  };
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const _default: React.MemoExoticComponent<() => JSX.Element>;
3
+ export default _default;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const _default: React.MemoExoticComponent<() => JSX.Element>;
3
+ export default _default;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const _default: React.MemoExoticComponent<() => JSX.Element>;
3
+ export default _default;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const _default: React.MemoExoticComponent<() => JSX.Element>;
3
+ export default _default;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const _default: React.MemoExoticComponent<() => JSX.Element>;
3
+ export default _default;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const _default: React.MemoExoticComponent<() => JSX.Element>;
3
+ export default _default;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const _default: React.MemoExoticComponent<() => JSX.Element>;
3
+ export default _default;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const _default: React.MemoExoticComponent<() => JSX.Element>;
3
+ export default _default;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const _default: React.MemoExoticComponent<() => JSX.Element>;
3
+ export default _default;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  export interface InputErrorInterface {
2
3
  message: string;
3
4
  }
@@ -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
  /**
@@ -1,2 +1,3 @@
1
+ /// <reference types="react" />
1
2
  export declare const UseNavStory: () => JSX.Element;
2
3
  export declare const UseNavMobileSubMenuStory: () => JSX.Element;
@@ -1 +1,2 @@
1
+ /// <reference types="react" />
1
2
  export declare const UseSnackHookStory: () => JSX.Element;
@@ -9,7 +9,7 @@ export declare type NarrowOptionsType = {
9
9
  };
10
10
  export interface CellProps {
11
11
  label: string;
12
- value: string;
12
+ value: ReactNode;
13
13
  children?: ReactNode;
14
14
  icon?: IconNames;
15
15
  className?: string;
@@ -1 +1,2 @@
1
+ /// <reference types="react" />
1
2
  export declare const ToolTipStoryComponent: () => JSX.Element;
@@ -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>;
@@ -1,2 +1,3 @@
1
+ /// <reference types="react" />
1
2
  export declare const MediaMobileExample: () => JSX.Element;
2
3
  export declare const AllBreakPointExample: () => JSX.Element | undefined;
@@ -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';