amotify 0.0.2 → 0.0.4
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/src/@jsminAmotifyExtension/_.d.ts +4 -0
- package/dist/src/@jsminAmotifyExtension/fetch.d.ts +9 -0
- package/dist/src/@jsminAmotifyExtension/formCollect.d.ts +1 -0
- package/dist/src/@jsminAmotifyExtension/spreadSheet.d.ts +4 -0
- package/dist/src/@jsminAmotifyExtension/variables.d.ts +0 -0
- package/dist/src/@types/_.d.ts +6 -0
- package/dist/src/@types/amot.d.ts +260 -0
- package/dist/src/@types/fn.d.ts +1040 -0
- package/dist/src/@types/index.d.ts +62 -0
- package/dist/src/@types/jsminAmotifyExtension.d.ts +134 -0
- package/dist/src/@types/module.d.ts +2 -0
- package/dist/src/@types/state.d.ts +145 -0
- package/dist/src/Atoms/@export.d.ts +4 -0
- package/dist/src/Atoms/FAIcon/parts.d.ts +2 -0
- package/dist/src/Atoms/Logo/parts.d.ts +1 -0
- package/dist/src/Atoms/Various/parts.d.ts +9 -0
- package/dist/src/Functions/@export.d.ts +12 -0
- package/dist/src/Functions/Button/_.d.ts +1 -0
- package/dist/src/Functions/Cropper/parts.d.ts +1 -0
- package/dist/src/Functions/Effects/Fade.d.ts +1 -0
- package/dist/src/Functions/Effects/Ripple.d.ts +1 -0
- package/dist/src/Functions/Effects/_.d.ts +3 -0
- package/dist/src/Functions/Input/Chips/Selector.d.ts +1 -0
- package/dist/src/Functions/Input/Chips/_.d.ts +2 -0
- package/dist/src/Functions/Input/DigitCharacters.d.ts +1 -0
- package/dist/src/Functions/Input/File/_.d.ts +2 -0
- package/dist/src/Functions/Input/Hidden.d.ts +1 -0
- package/dist/src/Functions/Input/List/_.d.ts +1 -0
- package/dist/src/Functions/Input/Segmented/_.d.ts +1 -0
- package/dist/src/Functions/Input/Select/_.d.ts +1 -0
- package/dist/src/Functions/Input/Slider/_.d.ts +1 -0
- package/dist/src/Functions/Input/Switch/_.d.ts +1 -0
- package/dist/src/Functions/Input/Text.d.ts +5 -0
- package/dist/src/Functions/Input/TextArea.d.ts +1 -0
- package/dist/src/Functions/Input/Time/Picker.d.ts +1 -0
- package/dist/src/Functions/Input/Time/_.d.ts +2 -0
- package/dist/src/Functions/Input/_.d.ts +5 -0
- package/dist/src/Functions/Input/core.d.ts +34 -0
- package/dist/src/Functions/Inputs/_.d.ts +3 -0
- package/dist/src/Functions/Inputs/text.d.ts +12 -0
- package/dist/src/Functions/Layout/PageNotFound.d.ts +1 -0
- package/dist/src/Functions/Layout/PageRouter.d.ts +2 -0
- package/dist/src/Functions/Layout/PageViewController/parts.d.ts +1 -0
- package/dist/src/Functions/Layout/Plate.d.ts +1 -0
- package/dist/src/Functions/Layout/RootViewController/parts.d.ts +1 -0
- package/dist/src/Functions/Layout/SwipeView/parts.d.ts +2 -0
- package/dist/src/Functions/Layout/TabBar.d.ts +1 -0
- package/dist/src/Functions/Layout/_.d.ts +2 -0
- package/dist/src/Functions/Loader/corner.d.ts +1 -0
- package/dist/src/Functions/Loader/mini.d.ts +33 -0
- package/dist/src/Functions/Loader/parts.d.ts +3 -0
- package/dist/src/Functions/Loader/top.d.ts +1 -0
- package/dist/src/Functions/Sheet/parts.d.ts +2 -0
- package/dist/src/Functions/SnackBar/parts.d.ts +2 -0
- package/dist/src/Functions/Table/Data/parts.d.ts +3 -0
- package/dist/src/Functions/Table/Drag/parts.d.ts +1 -0
- package/dist/src/Functions/Table/Normal/parts.d.ts +1 -0
- package/dist/src/Functions/Table/_.d.ts +9 -0
- package/dist/src/Functions/Tooltips/parts.d.ts +2 -0
- package/dist/src/Global/@export.d.ts +12 -0
- package/dist/src/Global/LaunchReactApplication.d.ts +1 -0
- package/dist/src/Global/styleConverter.d.ts +2 -0
- package/dist/src/Molecules/@export.d.ts +21 -0
- package/dist/src/Molecules/Accordion/parts.d.ts +2 -0
- package/dist/src/Molecules/LinkifyText/parts.d.ts +1 -0
- package/dist/src/Molecules/List.d.ts +1 -0
- package/dist/src/Organisms/@export.d.ts +2 -0
- package/dist/src/Organisms/DisplayStyleInput/_.d.ts +1 -0
- package/dist/src/Organisms/DisplayStyleInput/darkmode.d.ts +1 -0
- package/dist/src/Organisms/DisplayStyleInput/themeColor.d.ts +27 -0
- package/dist/src/Templates/@export.d.ts +2 -0
- package/dist/src/Templates/PlayGround/parts.d.ts +1 -0
- package/dist/src/config.d.ts +16 -0
- package/dist/src/launch.d.ts +9 -0
- package/dist/src/preload.d.ts +1 -0
- package/package.json +2 -2
- package/src/@jsminAmotifyExtension/_.tsx +4 -0
- package/src/@jsminAmotifyExtension/fetch.tsx +107 -0
- package/src/@jsminAmotifyExtension/formCollect.tsx +89 -0
- package/src/@jsminAmotifyExtension/spreadSheet.tsx +159 -0
- package/src/@jsminAmotifyExtension/variables.tsx +130 -0
- package/src/@styles/@app.scss +4 -0
- package/src/@styles/@variables/customProps.scss +109 -0
- package/src/@styles/@variables/styleSet.scss +38 -0
- package/src/@styles/@variables/themeColor.scss +71 -0
- package/src/@styles/@variables/var.scss +171 -0
- package/src/@styles/UniStyling.scss +996 -0
- package/src/@styles/init.scss +154 -0
- package/src/@types/_.tsx +6 -0
- package/src/@types/amot.tsx +323 -0
- package/src/@types/fn.tsx +1210 -0
- package/src/@types/index.tsx +74 -0
- package/src/@types/jsminAmotifyExtension.tsx +143 -0
- package/src/@types/module.tsx +2 -0
- package/src/@types/state.tsx +199 -0
- package/src/Atoms/@export.tsx +32 -0
- package/src/Atoms/FAIcon/parts.tsx +117 -0
- package/src/Atoms/FAIcon/style.module.scss +9 -0
- package/src/Atoms/Logo/parts.tsx +335 -0
- package/src/Atoms/Logo/style.module.scss +96 -0
- package/src/Atoms/Various/parts.tsx +157 -0
- package/src/Atoms/Various/style.module.scss +40 -0
- package/src/Functions/@export.tsx +29 -0
- package/src/Functions/Button/_.tsx +305 -0
- package/src/Functions/Button/style.module.scss +183 -0
- package/src/Functions/Cropper/parts.tsx +1061 -0
- package/src/Functions/Cropper/style.module.scss +62 -0
- package/src/Functions/Effects/Fade.tsx +81 -0
- package/src/Functions/Effects/Ripple.tsx +141 -0
- package/src/Functions/Effects/_.tsx +33 -0
- package/src/Functions/Effects/style.module.scss +83 -0
- package/src/Functions/Input/Chips/Selector.tsx +451 -0
- package/src/Functions/Input/Chips/_.tsx +286 -0
- package/src/Functions/Input/Chips/style.module.scss +6 -0
- package/src/Functions/Input/DigitCharacters.tsx +241 -0
- package/src/Functions/Input/File/_.tsx +596 -0
- package/src/Functions/Input/File/style.module.scss +34 -0
- package/src/Functions/Input/Hidden.tsx +18 -0
- package/src/Functions/Input/List/_.tsx +383 -0
- package/src/Functions/Input/List/style.module.scss +84 -0
- package/src/Functions/Input/Segmented/_.tsx +238 -0
- package/src/Functions/Input/Segmented/style.module.scss +81 -0
- package/src/Functions/Input/Select/_.tsx +225 -0
- package/src/Functions/Input/Select/style.module.scss +10 -0
- package/src/Functions/Input/Slider/_.tsx +519 -0
- package/src/Functions/Input/Slider/style.module.scss +67 -0
- package/src/Functions/Input/Switch/_.tsx +177 -0
- package/src/Functions/Input/Switch/style.module.scss +18 -0
- package/src/Functions/Input/Text.tsx +437 -0
- package/src/Functions/Input/TextArea.tsx +115 -0
- package/src/Functions/Input/Time/Picker.tsx +950 -0
- package/src/Functions/Input/Time/_.tsx +736 -0
- package/src/Functions/Input/Time/style.module.scss +72 -0
- package/src/Functions/Input/_.tsx +793 -0
- package/src/Functions/Input/core.tsx +461 -0
- package/src/Functions/Input/style.module.scss +43 -0
- package/src/Functions/Inputs/_.tsx +5 -0
- package/src/Functions/Inputs/style.module.scss +15 -0
- package/src/Functions/Inputs/text.tsx +67 -0
- package/src/Functions/Inputs/types.d.ts +1 -0
- package/src/Functions/Layout/PageNotFound.tsx +81 -0
- package/src/Functions/Layout/PageRouter.tsx +107 -0
- package/src/Functions/Layout/PageViewController/parts.tsx +32 -0
- package/src/Functions/Layout/Plate.tsx +30 -0
- package/src/Functions/Layout/RootViewController/parts.tsx +290 -0
- package/src/Functions/Layout/RootViewController/style.module.scss +24 -0
- package/src/Functions/Layout/SwipeView/parts.tsx +380 -0
- package/src/Functions/Layout/SwipeView/style.module.scss +19 -0
- package/src/Functions/Layout/TabBar.tsx +64 -0
- package/src/Functions/Layout/_.tsx +20 -0
- package/src/Functions/Loader/corner.tsx +78 -0
- package/src/Functions/Loader/mini.tsx +117 -0
- package/src/Functions/Loader/parts.tsx +105 -0
- package/src/Functions/Loader/style.module.scss +222 -0
- package/src/Functions/Loader/top.tsx +90 -0
- package/src/Functions/Sheet/parts.tsx +972 -0
- package/src/Functions/Sheet/style.module.scss +235 -0
- package/src/Functions/SnackBar/parts.tsx +215 -0
- package/src/Functions/SnackBar/style.module.scss +25 -0
- package/src/Functions/Table/Data/parts.tsx +955 -0
- package/src/Functions/Table/Drag/parts.tsx +448 -0
- package/src/Functions/Table/Normal/parts.tsx +123 -0
- package/src/Functions/Table/_.tsx +170 -0
- package/src/Functions/Table/style.module.scss +92 -0
- package/src/Functions/Tooltips/parts.tsx +52 -0
- package/src/Global/@export.tsx +138 -0
- package/src/Global/LaunchReactApplication.tsx +30 -0
- package/src/Global/exe.tsx +0 -0
- package/src/Global/styleConverter.tsx +435 -0
- package/src/Molecules/@export.tsx +95 -0
- package/src/Molecules/Accordion/parts.tsx +146 -0
- package/src/Molecules/Accordion/style.module.scss +13 -0
- package/src/Molecules/LinkifyText/parts.tsx +54 -0
- package/src/Molecules/List.tsx +30 -0
- package/src/Organisms/@export.tsx +5 -0
- package/src/Organisms/DisplayStyleInput/_.tsx +18 -0
- package/src/Organisms/DisplayStyleInput/darkmode.tsx +112 -0
- package/src/Organisms/DisplayStyleInput/themeColor.tsx +210 -0
- package/src/Templates/@export.tsx +7 -0
- package/src/Templates/PlayGround/parts.tsx +115 -0
- package/src/Templates/PlayGround/style.module.scss +38 -0
- package/src/config.tsx +132 -0
- package/src/launch.tsx +100 -0
- package/src/preload.tsx +49 -0
- package/tsconfig.json +27 -14
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare global {
|
|
3
|
+
type ReactElement = React.ReactNode | React.ReactNode[];
|
|
4
|
+
type React = typeof React;
|
|
5
|
+
type FNC<P> = React.FC<P>;
|
|
6
|
+
interface plainObject {
|
|
7
|
+
[index: string]: any;
|
|
8
|
+
}
|
|
9
|
+
namespace amotify {
|
|
10
|
+
type ToneTypes = 'default' | 'flat' | 'sharp';
|
|
11
|
+
type DarkModeTypes = 'light' | 'auto' | 'dark' | 'dim';
|
|
12
|
+
type ThemeColorTypes = 'comun' | 'leaf' | 'heart' | 'droplet' | 'brick' | 'flower' | 'lip' | 'wine' | 'theater' | 'bat' | 'poizon' | 'eggplant' | 'ufo' | 'alien' | 'tombstone' | 'ninja' | 'moon' | 'rain' | 'unicorn' | 'axe' | 'gem' | 'soap' | 'drizzle' | 'building' | 'fish' | 'icicles' | 'water' | 'tree1' | 'tree2' | 'tree3' | 'battery' | 'seedle' | 'greenTea' | 'oak' | 'salad' | 'cloudy' | 'lemon' | 'angel' | 'parasol' | 'pizza' | 'thunder' | 'latte' | 'island' | 'shovel' | 'coffee' | 'carrot' | 'cactus' | 'volcano' | 'choco' | 'industry' | 'gun' | 'galaxy' | 'line' | 'twitter' | 'amazon' | 'facebook' | 'android' | 'slackBlue' | 'slackGreen' | 'slackRed' | 'slackYellow' | 'slackBase' | 'googleBlue' | 'googleGreen' | 'googleYellow' | 'googleRed';
|
|
13
|
+
type RoundnessTypes = 0 | 1 | 2 | 3 | 4 | 5;
|
|
14
|
+
namespace config {
|
|
15
|
+
type Methods = {
|
|
16
|
+
version: string;
|
|
17
|
+
tone: amotify.ToneTypes;
|
|
18
|
+
themeColor: amotify.ThemeColorTypes;
|
|
19
|
+
darkMode: amotify.DarkModeTypes;
|
|
20
|
+
roundness: amotify.RoundnessTypes;
|
|
21
|
+
device: {
|
|
22
|
+
isWhat: 'Windows' | 'Android' | 'iPhone' | 'iPad' | 'macOSX' | 'undefined';
|
|
23
|
+
isBreakpoint(): boolean;
|
|
24
|
+
isPhonepoint(): boolean;
|
|
25
|
+
isSystemDarkmode(): boolean;
|
|
26
|
+
isPhone: boolean;
|
|
27
|
+
isTouchDevice: boolean;
|
|
28
|
+
isIOS: boolean;
|
|
29
|
+
};
|
|
30
|
+
update: {
|
|
31
|
+
tone(value: amotify.ToneTypes): void;
|
|
32
|
+
themeColor(value: amotify.ThemeColorTypes): void;
|
|
33
|
+
darkMode(value: amotify.DarkModeTypes): void;
|
|
34
|
+
roundness(value: amotify.RoundnessTypes): void;
|
|
35
|
+
};
|
|
36
|
+
readExtraCDN(url: string): Promise<boolean>;
|
|
37
|
+
};
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
interface amotify {
|
|
41
|
+
config: amotify.config.Methods;
|
|
42
|
+
glob: amotify.glob.Methods;
|
|
43
|
+
atoms: amotify.atoms.Methods;
|
|
44
|
+
mols: amotify.mols.Methods;
|
|
45
|
+
orgs: amotify.orgs.Methods;
|
|
46
|
+
temps: amotify.temps.Methods;
|
|
47
|
+
fn: amotify.fn.Methods;
|
|
48
|
+
}
|
|
49
|
+
var amotify: amotify;
|
|
50
|
+
namespace _WebSocket {
|
|
51
|
+
interface Methods {
|
|
52
|
+
emit(path: string, data: any): _WebSocket.Methods;
|
|
53
|
+
on(path: string, data: {
|
|
54
|
+
(data: any): void;
|
|
55
|
+
}): _WebSocket.Methods;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
var io: {
|
|
59
|
+
(url: string): _WebSocket.Methods;
|
|
60
|
+
};
|
|
61
|
+
}
|
|
62
|
+
export {};
|
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export {};
|
|
3
|
+
declare global {
|
|
4
|
+
interface JsminExtension {
|
|
5
|
+
fetch: {
|
|
6
|
+
get: JsminExtension.Fetch.CoreParams;
|
|
7
|
+
post: JsminExtension.Fetch.CoreParams;
|
|
8
|
+
put: JsminExtension.Fetch.CoreParams;
|
|
9
|
+
options: JsminExtension.Fetch.CoreParams;
|
|
10
|
+
waitList: string[];
|
|
11
|
+
defaultHeaders: plainObject;
|
|
12
|
+
defaultResultCallback?: {
|
|
13
|
+
(params: Jsmin.Fetch.Output): void;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
namespace JsminExtension {
|
|
18
|
+
namespace Fetch {
|
|
19
|
+
type CoreParams = {
|
|
20
|
+
(params: JsminExtension.Fetch.Input, callback?: JsminExtension.Fetch.callback): Promise<Jsmin.Fetch.Output>;
|
|
21
|
+
};
|
|
22
|
+
type Input = {
|
|
23
|
+
key: string;
|
|
24
|
+
topLoader?: boolean;
|
|
25
|
+
cornerLoader?: boolean;
|
|
26
|
+
trafficControl?: number;
|
|
27
|
+
preventMultiRequest?: boolean;
|
|
28
|
+
} & Omit<Jsmin.Fetch.Input, 'method'>;
|
|
29
|
+
type callback = {
|
|
30
|
+
(result: Jsmin.Fetch.Output): void;
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
interface JsminExtension {
|
|
35
|
+
spreadSheet: {
|
|
36
|
+
readFromFile(file: amotify.fn.Input.Filer.CustomFile): Promise<JsminExtension.SpreadSheet.Method>;
|
|
37
|
+
readFromJson(v: JsminExtension.SpreadSheet.JsonTypes): Promise<JsminExtension.SpreadSheet.Method>;
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
namespace JsminExtension {
|
|
41
|
+
namespace SpreadSheet {
|
|
42
|
+
interface Instance {
|
|
43
|
+
fn: Method;
|
|
44
|
+
prototype: Method;
|
|
45
|
+
(v: any, a: string): any;
|
|
46
|
+
}
|
|
47
|
+
interface Method {
|
|
48
|
+
getWorkbook(): any;
|
|
49
|
+
updateFileName(fileName: string): void;
|
|
50
|
+
updateMerges(merges: MergeTypes[][]): void;
|
|
51
|
+
updateStyles(styles: StyleTypes[][]): void;
|
|
52
|
+
toJson(): {
|
|
53
|
+
fileName: string;
|
|
54
|
+
sheets: {
|
|
55
|
+
sheetName: string;
|
|
56
|
+
rows: any[];
|
|
57
|
+
}[];
|
|
58
|
+
};
|
|
59
|
+
export(type?: 'xlsx' | 'csv'): void;
|
|
60
|
+
}
|
|
61
|
+
type JsonTypes = {
|
|
62
|
+
fileName: string;
|
|
63
|
+
sheets: SheetParams[];
|
|
64
|
+
};
|
|
65
|
+
type SheetParams = {
|
|
66
|
+
sheetName: string;
|
|
67
|
+
rows: RowParams[];
|
|
68
|
+
headers?: HeaderParams[];
|
|
69
|
+
merges?: MergeTypes[];
|
|
70
|
+
styles?: StyleTypes[];
|
|
71
|
+
};
|
|
72
|
+
type HeaderParams = {
|
|
73
|
+
key: string;
|
|
74
|
+
value: string;
|
|
75
|
+
};
|
|
76
|
+
type RowParams = {
|
|
77
|
+
[key: string]: string | number;
|
|
78
|
+
};
|
|
79
|
+
type MergeTypes = [string, string] | [null, null];
|
|
80
|
+
type StyleTypes = {
|
|
81
|
+
type: 'cell' | 'row' | 'column';
|
|
82
|
+
target: string | number | (string | number)[];
|
|
83
|
+
values: {
|
|
84
|
+
[key: string]: any;
|
|
85
|
+
};
|
|
86
|
+
};
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
interface JsminExtension {
|
|
90
|
+
formCollect(form: string): Promise<{
|
|
91
|
+
valid: boolean;
|
|
92
|
+
data: plainObject;
|
|
93
|
+
}>;
|
|
94
|
+
NoticeHttpStatus(params: {
|
|
95
|
+
status: number;
|
|
96
|
+
statusText: string;
|
|
97
|
+
label: ReactElement;
|
|
98
|
+
} & amotify.fn.SnackBar.AddParams): void;
|
|
99
|
+
copyToClipboard(data: any): Promise<{
|
|
100
|
+
ok: boolean;
|
|
101
|
+
body: any;
|
|
102
|
+
}>;
|
|
103
|
+
getCurrentLocation: {
|
|
104
|
+
(): Promise<JsminExtension.getCurrentLocationOutput>;
|
|
105
|
+
};
|
|
106
|
+
CDNReader: {
|
|
107
|
+
(url: string): void;
|
|
108
|
+
};
|
|
109
|
+
ImageLoader: {
|
|
110
|
+
(dataUrl: string, img?: HTMLImageElement): Promise<HTMLImageElement>;
|
|
111
|
+
};
|
|
112
|
+
isJSXElement(v: any): v is JSX.Element;
|
|
113
|
+
}
|
|
114
|
+
namespace JsminExtension {
|
|
115
|
+
type getCurrentLocationOutput = {
|
|
116
|
+
ok: false;
|
|
117
|
+
status: number;
|
|
118
|
+
body: {
|
|
119
|
+
reason: any;
|
|
120
|
+
};
|
|
121
|
+
} | {
|
|
122
|
+
ok: true;
|
|
123
|
+
status: 200;
|
|
124
|
+
body: {
|
|
125
|
+
lat: number;
|
|
126
|
+
lng: number;
|
|
127
|
+
};
|
|
128
|
+
};
|
|
129
|
+
}
|
|
130
|
+
type base64ToBlobTypeProps = 'image/png' | 'image/jpeg' | string;
|
|
131
|
+
interface String {
|
|
132
|
+
zen2hanNumber(): string;
|
|
133
|
+
}
|
|
134
|
+
}
|
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export {};
|
|
3
|
+
declare global {
|
|
4
|
+
type amotifyBasicElement = amotify.UniStyles.BasicTagParams & amotifyUniStyleParams;
|
|
5
|
+
type amotifyUniStyleParams = amotify.UniStyles.Params & {
|
|
6
|
+
freeCSS?: React.CSSProperties;
|
|
7
|
+
UnderBreakPointStyles?: amotify.UniStyles.Params;
|
|
8
|
+
hoverStyles?: amotify.UniStyles.Params;
|
|
9
|
+
focusStyles?: amotify.UniStyles.Params;
|
|
10
|
+
activeStyles?: amotify.UniStyles.Params;
|
|
11
|
+
ssEffectsOnActive?: amotify.UniStyles.Others.EffectsOnActiveTypes | amotify.UniStyles.Others.EffectsOnActiveTypes[] | false;
|
|
12
|
+
ssPushable?: boolean;
|
|
13
|
+
ssLastChildLossBorder?: 'bottom' | 'right' | false;
|
|
14
|
+
};
|
|
15
|
+
namespace amotify {
|
|
16
|
+
namespace UniStyles {
|
|
17
|
+
type BasicTagParams = {
|
|
18
|
+
className?: string;
|
|
19
|
+
id?: string;
|
|
20
|
+
componentID?: string;
|
|
21
|
+
};
|
|
22
|
+
type Params = Pargins.Params & Fonts.Params & Borders.Params & FlexGrids.Params & Sizes.Params & StyleSets.Params & {
|
|
23
|
+
backgroundColor?: Others.BackgroundColorParams;
|
|
24
|
+
gradients?: {
|
|
25
|
+
deg: number;
|
|
26
|
+
colors: string[];
|
|
27
|
+
};
|
|
28
|
+
boxShadow?: 0 | 1 | 2 | 3 | 4 | -1 | -2 | -3 | 'none' | 'borderBox';
|
|
29
|
+
display?: 'block' | 'none' | 'flex' | 'grid' | 'inlineBlock' | 'inlineFlex';
|
|
30
|
+
gap?: Others.gapParams;
|
|
31
|
+
overflow?: Others.overflowParams;
|
|
32
|
+
position?: 'relative' | 'absolute' | 'fixed' | 'sticky' | 'static';
|
|
33
|
+
top?: Others.TRBLParams | 'topBase' | 'topNavigationHeight';
|
|
34
|
+
right?: Others.TRBLParams;
|
|
35
|
+
bottom?: Others.TRBLParams;
|
|
36
|
+
left?: Others.TRBLParams;
|
|
37
|
+
opacity?: 'trans' | 'low' | 'middle' | 'high' | 'most';
|
|
38
|
+
transition?: 'none' | 'short' | 'middle' | 'long';
|
|
39
|
+
};
|
|
40
|
+
namespace Pargins {
|
|
41
|
+
type Params = {
|
|
42
|
+
margin?: GroupParams;
|
|
43
|
+
marginTop?: UnitParams;
|
|
44
|
+
marginRight?: UnitParams;
|
|
45
|
+
marginBottom?: UnitParams;
|
|
46
|
+
marginLeft?: UnitParams;
|
|
47
|
+
padding?: GroupParams;
|
|
48
|
+
paddingTop?: UnitParams;
|
|
49
|
+
paddingRight?: UnitParams;
|
|
50
|
+
paddingBottom?: UnitParams;
|
|
51
|
+
paddingLeft?: UnitParams;
|
|
52
|
+
};
|
|
53
|
+
type UnitParams = 0 | '1/12' | '1/6' | '1/4' | '1/3' | '1/2' | '2/3' | '3/4' | 1 | 1.5 | 2 | 2.5 | 3 | 4 | 'auto' | 'safeAreaTop' | 'safeAreaBottom';
|
|
54
|
+
type GroupParams = UnitParams | [UnitParams, UnitParams] | [UnitParams, UnitParams, UnitParams, UnitParams];
|
|
55
|
+
}
|
|
56
|
+
namespace Borders {
|
|
57
|
+
type Params = {
|
|
58
|
+
border?: BorderParams;
|
|
59
|
+
borderTop?: BorderParams;
|
|
60
|
+
borderRight?: BorderParams;
|
|
61
|
+
borderBottom?: BorderParams;
|
|
62
|
+
borderLeft?: BorderParams;
|
|
63
|
+
borderWidth?: WidthParams;
|
|
64
|
+
borderColor?: ColorParams;
|
|
65
|
+
borderStyle?: StyleParams;
|
|
66
|
+
borderRadius?: RadiusParams;
|
|
67
|
+
borderTopLeftRadius?: RadiusParams;
|
|
68
|
+
borderTopRightRadius?: RadiusParams;
|
|
69
|
+
borderBottomLeftRadius?: RadiusParams;
|
|
70
|
+
borderBottomRightRadius?: RadiusParams;
|
|
71
|
+
};
|
|
72
|
+
type BorderParams = boolean | '0.trans' | '1.thin' | '2.normal' | '3.strong' | 'unset';
|
|
73
|
+
type WidthParams = 0 | 1 | 2 | 3 | 4;
|
|
74
|
+
type ColorParams = '0.trans' | '1.thin' | '2.normal' | '3.strong' | 'theme' | 'posi' | 'nega' | 'warn' | 'white';
|
|
75
|
+
type StyleParams = 'solid' | 'dashed' | 'double' | 'dotted';
|
|
76
|
+
type RadiusParams = 0 | '1/3' | '2/3' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 'sphere' | 'inherit' | '1.tone.primary' | '2.tone.secondary' | '3.tone.tertiary';
|
|
77
|
+
}
|
|
78
|
+
namespace FlexGrids {
|
|
79
|
+
type Params = {
|
|
80
|
+
flexSizing?: 'none' | 'auto' | 0;
|
|
81
|
+
flexWrap?: boolean;
|
|
82
|
+
flexCenter?: boolean;
|
|
83
|
+
flexType?: TypeParams;
|
|
84
|
+
flexChilds?: 'even' | 'auto' | 'none' | 'unset';
|
|
85
|
+
flexGrid?: GridParams;
|
|
86
|
+
flexNewLine?: boolean;
|
|
87
|
+
verticalAlign?: VerticalAlignParams;
|
|
88
|
+
horizontalAlign?: HorizontalAlignParams;
|
|
89
|
+
gridCenter?: boolean;
|
|
90
|
+
gridCols?: GridColsParams;
|
|
91
|
+
};
|
|
92
|
+
type TypeParams = 'row' | 'row-r' | 'col' | 'col-r';
|
|
93
|
+
type VerticalAlignParams = 'center' | 'top' | 'bottom' | 'baseline' | 'unset';
|
|
94
|
+
type HorizontalAlignParams = 'center' | 'left' | 'right' | 'between' | 'around' | 'even' | 'unset';
|
|
95
|
+
type GridParams = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'unset';
|
|
96
|
+
type GridColsParams = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
|
|
97
|
+
}
|
|
98
|
+
namespace Fonts {
|
|
99
|
+
type Params = {
|
|
100
|
+
fontColor?: ColorParams;
|
|
101
|
+
fontSize?: SizeParams;
|
|
102
|
+
fontWeight?: WeightParams;
|
|
103
|
+
isBoldFont?: boolean;
|
|
104
|
+
isRounded?: boolean;
|
|
105
|
+
textAlign?: 'left' | 'center' | 'right';
|
|
106
|
+
};
|
|
107
|
+
type WeightParams = '1.lighter' | '2.normal' | '3.bold';
|
|
108
|
+
type ColorParams = Others.UniColors | '1.clear' | '2.normal' | '3.blur' | '4.thin' | '5.translucent' | '6.clear' | 'mono' | 'monoSecond' | 'logo';
|
|
109
|
+
type SizeParams = '0.xs' | '1.mini' | '2.normal' | '3.paragraph' | '4.thirdTitle' | '5.subTitle' | '6.title' | '7.landing' | '8.xl' | 'inherit';
|
|
110
|
+
}
|
|
111
|
+
namespace Sizes {
|
|
112
|
+
type Params = {
|
|
113
|
+
maxHeight?: 0 | 1 | 'viewHeight' | 'topNavigationHeight' | 'sideNavigationHeight' | 'contentHeight' | 'unset';
|
|
114
|
+
minHeight?: 0 | 1 | 'viewHeight' | 'topNavigationHeight' | 'sideNavigationHeight' | 'contentHeight' | 'unset';
|
|
115
|
+
minWidth?: 0 | 1 | 'unset';
|
|
116
|
+
maxWidth?: 0 | 1 | 'unset';
|
|
117
|
+
unitWidth?: SizeParams;
|
|
118
|
+
unitHeight?: SizeParams;
|
|
119
|
+
width?: 0 | 1 | 'viewWidth' | 'auto';
|
|
120
|
+
height?: 0 | 1 | 'viewHeight' | 'topNavigationHeight' | 'sideNavigationHeight' | 'contentHeight' | 'auto';
|
|
121
|
+
};
|
|
122
|
+
type SizeParams = 0 | '1/12' | '1/6' | '1/4' | '1/3' | '1/2' | '2/3' | '3/4' | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 6 | 8 | 12 | 'unset';
|
|
123
|
+
}
|
|
124
|
+
namespace StyleSets {
|
|
125
|
+
type Params = {
|
|
126
|
+
ssCardBox?: boolean | 'border' | 'layer' | 'cloud' | 'shadow';
|
|
127
|
+
ssSphere?: Sizes.SizeParams;
|
|
128
|
+
ssSquare?: Sizes.SizeParams;
|
|
129
|
+
ssAbsoluteCovered?: boolean;
|
|
130
|
+
ssTextEllipsis?: boolean;
|
|
131
|
+
};
|
|
132
|
+
}
|
|
133
|
+
namespace Others {
|
|
134
|
+
type gapUnitParams = 0 | '1/12' | '1/6' | '1/4' | '1/3' | '1/2' | '2/3' | '3/4' | 1 | 1.5 | 2 | 2.5 | 3 | 4;
|
|
135
|
+
type gapParams = gapUnitParams | [gapUnitParams, gapUnitParams];
|
|
136
|
+
type overflowUnitParams = 'auto' | 'hidden' | 'scroll' | 'visible' | 'unset';
|
|
137
|
+
type overflowParams = overflowUnitParams | [overflowUnitParams, overflowUnitParams];
|
|
138
|
+
type UniColors = 'inherit' | 'theme' | 'posi' | 'nega' | 'warn' | 'white' | 'black' | amotify.ThemeColorTypes;
|
|
139
|
+
type BackgroundColorParams = UniColors | '1.layer.base' | '2.layer.cloud' | '3.layer.canvas' | '4.layer.darken' | '5.layer.darker' | '6.layer.darkest' | 'cloud' | 'lcOpFew' | 'lcOpLow' | 'lcOpMiddle' | 'lcOpHigh' | 'tcOpFew' | 'tcOpLow' | 'tcOpMiddle' | 'tcOpHigh' | 'tcLighten' | 'tcLighter' | 'tcLightest' | 'tcDarken' | 'tcDarker' | 'tcDarkest' | 'negaOpLow' | 'negaOpMiddle' | 'posiOpLow' | 'posiOpMiddle' | 'trans' | 'dark' | 'monoPrime' | 'monoSecond' | 'none';
|
|
140
|
+
type TRBLParams = 0 | '1/12' | '1/6' | '1/4' | '1/3' | '1/2' | '2/3' | '3/4' | 1 | 2 | 3 | 4 | '50%' | '100%';
|
|
141
|
+
type EffectsOnActiveTypes = 'ripple.white' | 'ripple.cloud' | 'ripple.theme' | 'none' | 'expand' | 'shrink' | 'pudding' | 'fade';
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Logo: amotify.atoms.Logos.Methods;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const Box: FNC<amotify.atoms.BoxInput>;
|
|
2
|
+
export declare const Span: FNC<amotify.atoms.SpanProps>;
|
|
3
|
+
export declare const Placeholder: FNC<amotify.atoms.PlaceholderParams>;
|
|
4
|
+
declare let Img: amotify.atoms.Image.Methods;
|
|
5
|
+
export { Img };
|
|
6
|
+
export declare const Flex: FNC<amotify.atoms.FlexProps>;
|
|
7
|
+
export declare const FlexBr: FNC<amotifyUniStyleParams>;
|
|
8
|
+
export declare const Grid: FNC<amotify.atoms.GridProps>;
|
|
9
|
+
export declare const Paragraph: FNC<amotify.atoms.ParagraphProps>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Effects } from './Effects/_';
|
|
2
|
+
import { Buttons } from './Button/_';
|
|
3
|
+
import { Input } from './Input/_';
|
|
4
|
+
import { Inputs } from './Inputs/_';
|
|
5
|
+
import { Layout } from './Layout/_';
|
|
6
|
+
import { Table } from './Table/_';
|
|
7
|
+
import { Sheet } from './Sheet/parts';
|
|
8
|
+
import { SnackBar } from './SnackBar/parts';
|
|
9
|
+
import { Loader } from './Loader/parts';
|
|
10
|
+
import { Tooltips } from './Tooltips/parts';
|
|
11
|
+
import { Cropper } from './Cropper/parts';
|
|
12
|
+
export { Buttons, Input, Inputs, Table, Layout, Sheet, SnackBar, Loader, Tooltips, Effects, Cropper, };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Buttons: amotify.fn.Buttons.Methods;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Cropper: amotify.fn.Cropper.Methods;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const FadeEffects: amotify.fn.Effects.Methods;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const ChipsInputFNs: amotify.fn.Input.Chips.FNs;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const DigitCharactersInput: FNC<amotify.fn.Input.DigitCharacters.PlainParams>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const HiddenInput: FNC<amotify.fn.Input.Hidden.PlainParams>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const ListInput: FNC<amotify.fn.Input.List.OriginParams>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Segmented: amotify.fn.Input.Segmented.Types;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const SelectInput: FNC<amotify.fn.Input.Select.PlainParams>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const SliderInput: FNC<amotify.fn.Input.Slider.PlainParams>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const SwitchInput: FNC<amotify.fn.Input.Switch.PlainParams>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const TextAreaInput: FNC<amotify.fn.Input.TextArea.PlainParams>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Picker: FNC<amotify.fn.Input.Time.PickerParams>;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare type BoxWrapperParams = {
|
|
3
|
+
val_status: any;
|
|
4
|
+
set_status: React.Dispatch<React.SetStateAction<any>>;
|
|
5
|
+
val_validate: amotify.fn.Input.Validation.Result;
|
|
6
|
+
params: any;
|
|
7
|
+
children: ReactElement;
|
|
8
|
+
};
|
|
9
|
+
export declare const BoxWrapper: FNC<BoxWrapperParams>;
|
|
10
|
+
export declare const CommonEffects: {
|
|
11
|
+
(props: {
|
|
12
|
+
type?: string;
|
|
13
|
+
params: plainObject;
|
|
14
|
+
val_status: amotify.fn.Input.Status.Plain;
|
|
15
|
+
set_status: React.Dispatch<React.SetStateAction<any>>;
|
|
16
|
+
val_validate: amotify.fn.Input.Validation.Result;
|
|
17
|
+
set_validate: React.Dispatch<React.SetStateAction<amotify.fn.Input.Validation.Result>>;
|
|
18
|
+
DefaultValidation: amotify.fn.Input.Validation.SystemCheck;
|
|
19
|
+
onUpdateValue?: amotify.fn.Input.OnUpdateValue;
|
|
20
|
+
onUpdateValidValue?: amotify.fn.Input.OnUpdateValue;
|
|
21
|
+
ExtraOverrideParams?: plainObject;
|
|
22
|
+
ExtraStoreParams?: plainObject;
|
|
23
|
+
}): void;
|
|
24
|
+
};
|
|
25
|
+
export declare const ValidationCheck: {
|
|
26
|
+
(props: {
|
|
27
|
+
val_status: amotify.fn.Input.Status.Plain;
|
|
28
|
+
DefaultValidation: amotify.fn.Input.Validation.SystemCheck;
|
|
29
|
+
params: any;
|
|
30
|
+
set_validate: React.Dispatch<React.SetStateAction<amotify.fn.Input.Validation.Result>>;
|
|
31
|
+
}): void;
|
|
32
|
+
};
|
|
33
|
+
export declare const SubmitForm: (event: React.KeyboardEvent) => boolean;
|
|
34
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare global {
|
|
3
|
+
namespace Inputs {
|
|
4
|
+
type ToneTypes = 'normal' | 'cloud' | 'bottomBorder' | 'plain';
|
|
5
|
+
namespace Text {
|
|
6
|
+
type Params = any & React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
|
|
7
|
+
tone?: ToneTypes;
|
|
8
|
+
};
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
export declare const TextInput: (params: Inputs.Text.Params) => JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const PageNotFound: FNC<{}>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const PageViewController: FNC<amotify.fn.Layout.PageViewController.Params>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Plate: FNC<amotify.fn.Layout.Plate.Params>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const RootViewController: amotify.fn.Layout.RootViewController.Methods;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const TabBar: FNC<amotify.fn.Layout.TabBar.Params>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Corner: () => JSX.Element;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
export declare const Mini: (params: amotify.UniStyles.Pargins.Params & amotify.UniStyles.Fonts.Params & amotify.UniStyles.Borders.Params & amotify.UniStyles.FlexGrids.Params & amotify.UniStyles.Sizes.Params & amotify.UniStyles.StyleSets.Params & {
|
|
2
|
+
backgroundColor?: amotify.UniStyles.Others.BackgroundColorParams | undefined;
|
|
3
|
+
gradients?: {
|
|
4
|
+
deg: number;
|
|
5
|
+
colors: string[];
|
|
6
|
+
} | undefined;
|
|
7
|
+
boxShadow?: 0 | 1 | "none" | 2 | 3 | 4 | -1 | -2 | -3 | "borderBox" | undefined;
|
|
8
|
+
display?: "none" | "block" | "flex" | "grid" | "inlineBlock" | "inlineFlex" | undefined;
|
|
9
|
+
gap?: amotify.UniStyles.Others.gapParams | undefined;
|
|
10
|
+
overflow?: amotify.UniStyles.Others.overflowParams | undefined;
|
|
11
|
+
position?: "relative" | "absolute" | "fixed" | "sticky" | "static" | undefined;
|
|
12
|
+
top?: amotify.UniStyles.Others.TRBLParams | "topBase" | "topNavigationHeight" | undefined;
|
|
13
|
+
right?: amotify.UniStyles.Others.TRBLParams | undefined;
|
|
14
|
+
bottom?: amotify.UniStyles.Others.TRBLParams | undefined;
|
|
15
|
+
left?: amotify.UniStyles.Others.TRBLParams | undefined;
|
|
16
|
+
opacity?: "trans" | "low" | "middle" | "high" | "most" | undefined;
|
|
17
|
+
transition?: "none" | "middle" | "short" | "long" | undefined;
|
|
18
|
+
} & {
|
|
19
|
+
freeCSS?: React.CSSProperties | undefined;
|
|
20
|
+
UnderBreakPointStyles?: amotify.UniStyles.Params | undefined;
|
|
21
|
+
hoverStyles?: amotify.UniStyles.Params | undefined;
|
|
22
|
+
focusStyles?: amotify.UniStyles.Params | undefined;
|
|
23
|
+
activeStyles?: amotify.UniStyles.Params | undefined;
|
|
24
|
+
ssEffectsOnActive?: false | amotify.UniStyles.Others.EffectsOnActiveTypes | amotify.UniStyles.Others.EffectsOnActiveTypes[] | undefined;
|
|
25
|
+
ssPushable?: boolean | undefined;
|
|
26
|
+
ssLastChildLossBorder?: false | "bottom" | "right" | undefined;
|
|
27
|
+
} & {
|
|
28
|
+
showInitial?: boolean | undefined;
|
|
29
|
+
loaderID?: string | undefined;
|
|
30
|
+
} & {
|
|
31
|
+
color?: amotify.fn.Loader.Colors | undefined;
|
|
32
|
+
size?: amotify.fn.Loader.Sizes | undefined;
|
|
33
|
+
}) => JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Top: () => JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const DragTable: FNC<amotify.fn.Tables.Drag.Params>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const NormalTable: FNC<amotify.fn.Tables.Normal.Params>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const Comps: amotify.fn.Tables.CompsMethods;
|
|
2
|
+
export declare const Table: amotify.fn.Tables.Methods;
|
|
3
|
+
export declare const DefaultCellStyles: (type: amotify.fn.Tables.Types, tone: amotify.fn.Tables.Tones) => amotifyUniStyleParams;
|
|
4
|
+
export declare const DefaultCellSystemStyles: (args: {
|
|
5
|
+
top: boolean;
|
|
6
|
+
bottom: boolean;
|
|
7
|
+
left: boolean;
|
|
8
|
+
right: boolean;
|
|
9
|
+
}) => amotifyUniStyleParams;
|