@app-studio/web 0.8.8 → 0.8.10
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/Checkbox/Checkbox/Checkbox.props.d.ts +1 -1
- package/dist/components/Form/CountryPicker/CountryPicker/CountryPicker.props.d.ts +1 -1
- package/dist/components/Form/DatePicker/DatePicker/DatePicker.props.d.ts +1 -1
- package/dist/components/Form/Select/Select/Select.props.d.ts +1 -1
- package/dist/components/Form/Switch/Switch/Switch.props.d.ts +1 -1
- package/dist/components/Form/TextArea/TextArea/TextArea.props.d.ts +1 -1
- package/dist/components/Form/TextField/TextField/TextField.props.d.ts +1 -1
- package/dist/components/Layout/Input/FieldContent/FieldContent/FieldContent.props.d.ts +1 -1
- package/dist/components/Message/Message/Message.props.d.ts +4 -4
- package/dist/components/Message/Message/Message.store.d.ts +2 -2
- package/dist/components/Message/Message/Message.style.d.ts +2 -2
- package/dist/components/Message/Message/Message.type.d.ts +47 -0
- package/dist/components/Message/Message.d.ts +2 -2
- package/dist/components/Modal/Modal/Modal.props.d.ts +1 -1
- package/dist/web.cjs.development.js +0 -7
- package/dist/web.cjs.development.js.map +1 -1
- package/dist/web.cjs.production.min.js +1 -1
- package/dist/web.cjs.production.min.js.map +1 -1
- package/dist/web.esm.js +0 -7
- package/dist/web.esm.js.map +1 -1
- package/dist/web.umd.development.js +0 -7
- package/dist/web.umd.development.js.map +1 -1
- package/dist/web.umd.production.min.js +1 -1
- package/dist/web.umd.production.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { CSSProperties } from 'react';
|
|
2
|
-
import { Elevation } from '
|
|
2
|
+
import { Elevation } from '../../../../utils/elevation';
|
|
3
3
|
import { InputProps, Shadow } from 'app-studio';
|
|
4
4
|
import { CheckboxStyles, Size } from './Checkbox.type';
|
|
5
5
|
export interface CheckboxProps extends Omit<InputProps, 'size'> {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CSSProperties } from 'react';
|
|
2
|
-
import { Elevation } from '
|
|
2
|
+
import { Elevation } from '../../../../utils/elevation';
|
|
3
3
|
import { InputProps, Shadow } from 'app-studio';
|
|
4
4
|
import { Country, CountryPickerStyles, Shape, Size, Variant } from './CountryPicker.type';
|
|
5
5
|
export interface CountryPickerProps extends Omit<InputProps, 'size'> {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { CSSProperties } from 'react';
|
|
2
|
-
import { Elevation } from '
|
|
2
|
+
import { Elevation } from '../../../../utils/elevation';
|
|
3
3
|
import { Shadow, ViewProps } from 'app-studio';
|
|
4
4
|
import { DatePickerStyles, Shape, Size, Variant } from './DatePicker.type';
|
|
5
5
|
export interface DatePickerProps extends Omit<ViewProps, 'size'> {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CSSProperties } from 'react';
|
|
2
|
-
import { Elevation } from '
|
|
2
|
+
import { Elevation } from '../../../../utils/elevation';
|
|
3
3
|
import { InputProps, Shadow } from 'app-studio';
|
|
4
4
|
import { SelectStyles, Shape, Size, Variant, Option } from './Select.type';
|
|
5
5
|
export interface SelectProps extends Omit<InputProps, 'size'> {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CSSProperties } from 'react';
|
|
2
|
-
import { Elevation } from '
|
|
2
|
+
import { Elevation } from '../../../../utils/elevation';
|
|
3
3
|
import { InputProps, Shadow } from 'app-studio';
|
|
4
4
|
import { Size, SwitchStyles } from './Switch.type';
|
|
5
5
|
export interface SwitchProps extends Omit<InputProps, 'size'> {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CSSProperties } from 'react';
|
|
2
2
|
import { InputProps, Shadow } from 'app-studio';
|
|
3
|
-
import { Elevation } from '
|
|
3
|
+
import { Elevation } from '../../../../utils/elevation';
|
|
4
4
|
import { Shape, Size, TextAreaStyles, Variant } from './TextArea.type';
|
|
5
5
|
export interface TextAreaProps extends Omit<InputProps, 'size'> {
|
|
6
6
|
/**
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { CSSProperties } from 'react';
|
|
2
2
|
import { InputProps, Shadow } from 'app-studio';
|
|
3
|
-
import { Elevation } from '
|
|
3
|
+
import { Elevation } from '../../../../utils/elevation';
|
|
4
4
|
import { Shape, Size, TextFieldStyles, Variant } from './TextField.type';
|
|
5
5
|
export interface TextFieldProps extends Omit<InputProps, 'size'> {
|
|
6
6
|
/**
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { CSSProperties } from 'react';
|
|
2
2
|
import { Shape, Size, TextFieldStyles, Variant } from '../../../../Layout/configs/Input.type';
|
|
3
|
-
import { Elevation } from '
|
|
3
|
+
import { Elevation } from '../../../../../utils/elevation';
|
|
4
4
|
import { Shadow, ViewProps } from 'app-studio';
|
|
5
5
|
export interface ContentProps extends Omit<ViewProps, 'size'> {
|
|
6
6
|
/**
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { MessageType, MessageViewStyles, Position, ThemesType } from './Message.type';
|
|
2
2
|
export interface MessageLayoutProps {
|
|
3
3
|
icons?: {
|
|
4
4
|
[x: string]: string;
|
|
@@ -17,7 +17,7 @@ export interface ShowMessageProps {
|
|
|
17
17
|
}
|
|
18
18
|
export interface MessageProps extends ShowMessageProps {
|
|
19
19
|
subtitle?: string;
|
|
20
|
-
variant:
|
|
20
|
+
variant: MessageType;
|
|
21
21
|
show?: boolean;
|
|
22
22
|
hide: Function;
|
|
23
23
|
title: string;
|
|
@@ -25,7 +25,7 @@ export interface MessageProps extends ShowMessageProps {
|
|
|
25
25
|
}
|
|
26
26
|
export interface MessageState {
|
|
27
27
|
visible: boolean;
|
|
28
|
-
variant:
|
|
28
|
+
variant: MessageType;
|
|
29
29
|
title: string;
|
|
30
30
|
subtitle: string;
|
|
31
31
|
isClosable?: boolean;
|
|
@@ -34,6 +34,6 @@ export interface MessageState {
|
|
|
34
34
|
actionText?: string;
|
|
35
35
|
showIcon?: boolean;
|
|
36
36
|
timeout?: number;
|
|
37
|
-
show: (variant:
|
|
37
|
+
show: (variant: MessageType, title?: string, subtitle?: string, isClosable?: boolean, styles?: MessageViewStyles, action?: Function, actionText?: string, showIcon?: boolean, timeout?: number) => void;
|
|
38
38
|
hide: () => void;
|
|
39
39
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { MessageType, ShowMessageType } from './Message.type';
|
|
2
2
|
export declare const useMessageStore: any;
|
|
3
|
-
export declare const showMessage: (variant:
|
|
3
|
+
export declare const showMessage: (variant: MessageType, title?: string | undefined, subtitle?: string | undefined, props?: ShowMessageType | undefined) => void;
|
|
4
4
|
export declare const hideMessage: () => void;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CSSProperties } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { MessageType, Shape, Size } from './Message.type';
|
|
3
3
|
export declare const ContainerShapes: Record<Shape, CSSProperties>;
|
|
4
4
|
export declare const HeaderIconSizes: Record<Size, number>;
|
|
5
|
-
export declare const Themes: Record<
|
|
5
|
+
export declare const Themes: Record<MessageType, any>;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
export declare type Position = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
|
|
2
|
+
export declare type Shape = 'sharp' | 'rounded';
|
|
3
|
+
export declare type CloseButtonPosition = 'left' | 'right' | 'none';
|
|
4
|
+
export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
5
|
+
export declare type MessageType = 'info' | 'warning' | 'error' | 'success';
|
|
6
|
+
export declare type MessageViewStyles = {
|
|
7
|
+
container?: any;
|
|
8
|
+
title?: any;
|
|
9
|
+
subtitle?: any;
|
|
10
|
+
icon?: any;
|
|
11
|
+
actionText?: any;
|
|
12
|
+
closingIcon?: {
|
|
13
|
+
container?: any;
|
|
14
|
+
icon?: any;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export declare type Theme = {
|
|
18
|
+
container: {
|
|
19
|
+
backgroundColor?: string;
|
|
20
|
+
border?: string;
|
|
21
|
+
};
|
|
22
|
+
icon: {
|
|
23
|
+
color?: string;
|
|
24
|
+
name?: string;
|
|
25
|
+
};
|
|
26
|
+
content: {
|
|
27
|
+
color?: string;
|
|
28
|
+
};
|
|
29
|
+
close: {
|
|
30
|
+
color?: string;
|
|
31
|
+
name?: string;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
export declare type ThemesType = {
|
|
35
|
+
info: Theme;
|
|
36
|
+
success: Theme;
|
|
37
|
+
error: Theme;
|
|
38
|
+
warning: Theme;
|
|
39
|
+
};
|
|
40
|
+
export declare type ShowMessageType = {
|
|
41
|
+
isClosable?: boolean;
|
|
42
|
+
styles?: MessageViewStyles;
|
|
43
|
+
action?: Function;
|
|
44
|
+
actionText?: string;
|
|
45
|
+
showIcon?: boolean;
|
|
46
|
+
timeout?: number;
|
|
47
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { MessageLayout } from './Message/Message.layout';
|
|
2
2
|
export { MessageView } from './Message/Message.view';
|
|
3
|
-
export { MessageProps } from './Message/Message.props';
|
|
4
|
-
export {
|
|
3
|
+
export type { MessageProps } from './Message/Message.props';
|
|
4
|
+
export type { MessageType } from './Message/Message.type';
|
|
5
5
|
export * from './Message/Message.store';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { CSSProperties } from 'react';
|
|
2
|
-
import { Elevation } from '
|
|
2
|
+
import { Elevation } from '../../../utils/elevation';
|
|
3
3
|
import { Shadow, ViewProps } from 'app-studio';
|
|
4
4
|
import { CloseButtonPosition, Position, Shape, Size } from './Modal.type';
|
|
5
5
|
export interface ModalProps extends Omit<ViewProps, 'size'> {
|
|
@@ -5175,9 +5175,6 @@ var useFormikInput = function useFormikInput(_ref) {
|
|
|
5175
5175
|
handleKeyPress: handleKeyPress
|
|
5176
5176
|
} : {});
|
|
5177
5177
|
};
|
|
5178
|
-
// import FormPicker from 'src/Picker/Picker';
|
|
5179
|
-
// import FormRater from 'src/Rate/Rate';
|
|
5180
|
-
// import Upload from 'src/Upload/Upload';
|
|
5181
5178
|
|
|
5182
5179
|
var _excluded$A = ["value"];
|
|
5183
5180
|
var CheckboxComponent$1 = function CheckboxComponent(props) {
|
|
@@ -5216,10 +5213,6 @@ var FormikCountryPicker = CountryPickerComponent$1;
|
|
|
5216
5213
|
var SelectComponent$1 = function SelectComponent(props) {
|
|
5217
5214
|
var formProps = useFormikInput(props);
|
|
5218
5215
|
formProps.selected = formProps.value;
|
|
5219
|
-
console.log({
|
|
5220
|
-
formProps: formProps,
|
|
5221
|
-
test: formProps.value
|
|
5222
|
-
});
|
|
5223
5216
|
var selectStates = useSelectState(props);
|
|
5224
5217
|
return React__default.createElement(SelectView, Object.assign({}, selectStates, formProps));
|
|
5225
5218
|
};
|