@mw-kit/mw-ui 1.7.69 → 1.7.71
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/dist/components/Form/context.d.ts +10 -0
- package/dist/components/Form/index.d.ts +10 -0
- package/dist/components/Form/types.d.ts +5 -0
- package/dist/components/Input/components/Checkbox/interfaces.d.ts +8 -6
- package/dist/components/Input/components/Checkbox/styles.d.ts +3 -1
- package/dist/components/Input/components/Input/interfaces.d.ts +15 -13
- package/dist/components/Input/components/Input/styles.d.ts +1 -0
- package/dist/components/Input/components/Range/interfaces.d.ts +1 -0
- package/dist/components/Input/components/Range/styles/Label/index.d.ts +3 -2
- package/dist/components/Input/components/Range/styles/ViewModeContainer/index.d.ts +2 -0
- package/dist/components/Input/components/Range/styles/index.d.ts +1 -0
- package/dist/components/Input/components/Select/hooks/interfaces.d.ts +1 -1
- package/dist/components/Input/components/Switch/interfaces.d.ts +6 -3
- package/dist/components/Tabs/interfaces.d.ts +4 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/index.js +432 -282
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +432 -283
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React, { ProviderProps } from 'react';
|
|
2
|
+
import { ContextProps } from './types';
|
|
3
|
+
declare const useContext: <Name extends string = string>(name: Name | undefined) => {
|
|
4
|
+
isRequired: () => boolean;
|
|
5
|
+
isInvalid: () => boolean;
|
|
6
|
+
isViewMode: () => boolean;
|
|
7
|
+
isDisabled: () => boolean;
|
|
8
|
+
};
|
|
9
|
+
export declare const Provider: <Name extends string = string>(props: React.ProviderProps<Partial<ContextProps<Name>>>) => JSX.Element;
|
|
10
|
+
export default useContext;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare const Form: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLFormElement> & Partial<import("./types").ContextProps<string>> & React.RefAttributes<HTMLFormElement>> & {
|
|
3
|
+
useContext: <Name extends string = string>(name: Name | undefined) => {
|
|
4
|
+
isRequired: () => boolean;
|
|
5
|
+
isInvalid: () => boolean;
|
|
6
|
+
isViewMode: () => boolean;
|
|
7
|
+
isDisabled: () => boolean;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
export default Form;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare type ContextProps<Name extends string = string> = {
|
|
3
|
+
[K in 'isRequired' | 'isInvalid' | 'isViewMode' | 'isDisabled']: (name: Name) => boolean;
|
|
4
|
+
};
|
|
5
|
+
export declare type FormProps<Name extends string = string> = React.HTMLAttributes<HTMLFormElement> & Partial<ContextProps<Name>>;
|
|
@@ -10,6 +10,7 @@ interface Padding {
|
|
|
10
10
|
export interface LabelContentProps {
|
|
11
11
|
required?: boolean;
|
|
12
12
|
invalid?: boolean;
|
|
13
|
+
viewMode?: boolean;
|
|
13
14
|
padding?: Padding;
|
|
14
15
|
bordered?: true;
|
|
15
16
|
}
|
|
@@ -19,11 +20,12 @@ export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputE
|
|
|
19
20
|
width?: string;
|
|
20
21
|
}
|
|
21
22
|
export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
|
|
22
|
-
disabled?:
|
|
23
|
-
required?:
|
|
24
|
-
invalid?:
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
23
|
+
$disabled?: boolean;
|
|
24
|
+
$required?: boolean;
|
|
25
|
+
$invalid?: boolean;
|
|
26
|
+
$readOnly?: boolean;
|
|
27
|
+
$padding?: Padding;
|
|
28
|
+
$bordered?: boolean;
|
|
29
|
+
$width?: string;
|
|
28
30
|
}
|
|
29
31
|
export {};
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import { LabelContentProps, LabelProps } from './interfaces';
|
|
2
|
-
export declare const Checkmark: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
2
|
+
export declare const Checkmark: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
3
|
+
$viewMode?: boolean | undefined;
|
|
4
|
+
}, never>;
|
|
3
5
|
export declare const Label: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, LabelProps, never>;
|
|
4
6
|
export declare const LabelContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, LabelContentProps, never>;
|
|
@@ -19,6 +19,7 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>
|
|
|
19
19
|
onPressEnter?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
20
20
|
htmlDisabled?: boolean;
|
|
21
21
|
htmlReadOnly?: boolean;
|
|
22
|
+
viewMode?: boolean;
|
|
22
23
|
type?: 'text' | 'number' | 'search' | 'email' | 'url' | 'PASSWORD';
|
|
23
24
|
width?: string;
|
|
24
25
|
arrows?: boolean;
|
|
@@ -28,24 +29,25 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>
|
|
|
28
29
|
children?: React.ReactNode;
|
|
29
30
|
}
|
|
30
31
|
export interface StyledLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
|
|
31
|
-
readOnly
|
|
32
|
-
invalid
|
|
33
|
-
disabled
|
|
34
|
-
paddingless
|
|
35
|
-
loading
|
|
36
|
-
icon?: {
|
|
32
|
+
$readOnly?: boolean;
|
|
33
|
+
$invalid?: boolean;
|
|
34
|
+
$disabled?: boolean;
|
|
35
|
+
$paddingless?: boolean;
|
|
36
|
+
$loading?: boolean;
|
|
37
|
+
$icon?: {
|
|
37
38
|
width: string | number;
|
|
38
39
|
position: 'left' | 'right';
|
|
39
40
|
};
|
|
40
|
-
width?: string;
|
|
41
|
+
$width?: string;
|
|
41
42
|
}
|
|
42
43
|
export interface StyledInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'required'> {
|
|
43
|
-
invalid
|
|
44
|
-
arrows
|
|
45
|
-
borderless
|
|
46
|
-
paddingless
|
|
47
|
-
width?: string;
|
|
44
|
+
$invalid?: boolean;
|
|
45
|
+
$arrows?: boolean;
|
|
46
|
+
$borderless?: boolean;
|
|
47
|
+
$paddingless?: boolean;
|
|
48
|
+
$width?: string;
|
|
48
49
|
}
|
|
49
50
|
export interface StyledLabelTextProps {
|
|
50
|
-
required
|
|
51
|
+
$required?: boolean;
|
|
52
|
+
$viewMode?: boolean;
|
|
51
53
|
}
|
|
@@ -8,3 +8,4 @@ export declare const InputContainer: import("styled-components").StyledComponent
|
|
|
8
8
|
}, never>;
|
|
9
9
|
export declare const Label: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, StyledLabelProps, never>;
|
|
10
10
|
export declare const LabelText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledLabelTextProps, never>;
|
|
11
|
+
export declare const ViewModeContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -12,6 +12,7 @@ export interface RangeProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
|
|
|
12
12
|
invalid?: boolean;
|
|
13
13
|
disabled?: boolean;
|
|
14
14
|
required?: boolean;
|
|
15
|
+
viewMode?: boolean;
|
|
15
16
|
value: number;
|
|
16
17
|
width?: string;
|
|
17
18
|
onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: number) => void;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
interface StyledLabelProps extends React.HtmlHTMLAttributes<HTMLDivElement> {
|
|
3
|
-
disabled
|
|
4
|
-
required
|
|
3
|
+
$disabled?: boolean;
|
|
4
|
+
$required?: boolean;
|
|
5
|
+
$viewMode?: boolean;
|
|
5
6
|
width?: string;
|
|
6
7
|
}
|
|
7
8
|
declare const Label: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, StyledLabelProps, never>;
|
|
@@ -8,3 +8,4 @@ export { default as MarkersContainer } from './MarkersContainer';
|
|
|
8
8
|
export { default as MinMaxLabelContainer } from './MinMaxLabelContainer';
|
|
9
9
|
export { default as NavBar } from './NavBar';
|
|
10
10
|
export { default as SelectedArea } from './SelectedArea';
|
|
11
|
+
export { default as ViewModeContainer } from './ViewModeContainer';
|
|
@@ -19,7 +19,7 @@ interface LoaderReturn<T extends GenericObject = GenericObject> {
|
|
|
19
19
|
lastPage: boolean;
|
|
20
20
|
}
|
|
21
21
|
export declare type Loader<T extends GenericObject = GenericObject> = (search: string, page: number) => Promise<LoaderReturn<T> | Option<T>[]>;
|
|
22
|
-
export interface CommonProps extends Omit<InputProps, 'type' | 'mask' | 'icon' | 'setValue' | '
|
|
22
|
+
export interface CommonProps extends Omit<InputProps, 'type' | 'mask' | 'icon' | 'setValue' | 'value' | 'onChange' | 'children' | 'clearable'> {
|
|
23
23
|
onScrollEnd?: () => Promise<void>;
|
|
24
24
|
position?: Position;
|
|
25
25
|
search?: boolean;
|
|
@@ -10,12 +10,15 @@ export interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputEle
|
|
|
10
10
|
required?: boolean;
|
|
11
11
|
invalid?: boolean;
|
|
12
12
|
htmlDisabled?: boolean;
|
|
13
|
+
viewMode?: boolean;
|
|
13
14
|
type: 'switch';
|
|
14
15
|
}
|
|
15
16
|
export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
|
|
16
|
-
disabled?:
|
|
17
|
-
invalid?:
|
|
17
|
+
$disabled?: boolean;
|
|
18
|
+
$invalid?: boolean;
|
|
18
19
|
}
|
|
19
20
|
export interface LabelContainerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
20
|
-
required?:
|
|
21
|
+
$required?: boolean;
|
|
22
|
+
$viewMode?: boolean;
|
|
23
|
+
$keepSpace?: boolean;
|
|
21
24
|
}
|
|
@@ -43,6 +43,10 @@ export interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
43
43
|
* container spacing
|
|
44
44
|
*/
|
|
45
45
|
spacing?: SpacingOrZero | Spacings;
|
|
46
|
+
/**
|
|
47
|
+
* callback when closing a tab
|
|
48
|
+
*/
|
|
49
|
+
onClose?: (index: number, tab: TabProps, event: React.MouseEvent) => void | Promise<void>;
|
|
46
50
|
}
|
|
47
51
|
export interface StyledTabsProps {
|
|
48
52
|
/**
|
|
@@ -5,6 +5,7 @@ export { default as MwCalendar } from './Calendar';
|
|
|
5
5
|
export { default as MwCard } from './Card';
|
|
6
6
|
export { default as MwEllipsisContainer } from './EllipsisContainer';
|
|
7
7
|
export { default as MwFilters } from './Filters/Filters';
|
|
8
|
+
export { default as MwForm } from './Form';
|
|
8
9
|
export { default as MwGrid } from './Grid';
|
|
9
10
|
export { default as MwIcon } from './Icon';
|
|
10
11
|
export { default as MwIndicator } from './Indicator';
|