amotify 0.1.6 → 0.1.8

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 (286) hide show
  1. package/bundler_style.ts +55 -0
  2. package/dist/@declaration/_.d.ts +5 -109
  3. package/dist/@declaration/_.js +2 -3
  4. package/dist/@declaration/_.js.map +7 -0
  5. package/dist/@declaration/module.d.ts +1 -1
  6. package/dist/@declaration/module.js +1 -1
  7. package/dist/@declaration/module.js.map +7 -0
  8. package/dist/@declaration/property.d.ts +133 -137
  9. package/dist/@declaration/property.js +1 -2
  10. package/dist/@declaration/property.js.map +7 -0
  11. package/dist/@styles/componentClasses/_.css +1499 -0
  12. package/dist/@styles/componentClasses/_.d.ts +22 -0
  13. package/dist/@styles/componentClasses/_.js +392 -0
  14. package/dist/@utils/GenerateClassName.d.ts +11 -0
  15. package/dist/@utils/GenerateClassName.js +2 -0
  16. package/dist/@utils/GenerateClassName.js.map +7 -0
  17. package/dist/@utils/LaunchReactApp.d.ts +19 -0
  18. package/dist/@utils/LaunchReactApp.js +2 -0
  19. package/dist/@utils/LaunchReactApp.js.map +7 -0
  20. package/dist/@utils/_.d.ts +11 -0
  21. package/dist/@utils/_.js +2 -0
  22. package/dist/@utils/_.js.map +7 -0
  23. package/dist/@utils/collectForm.d.ts +11 -0
  24. package/dist/@utils/collectForm.js +2 -0
  25. package/dist/@utils/collectForm.js.map +7 -0
  26. package/dist/{@middleware → @utils}/color.d.ts +3 -3
  27. package/dist/@utils/color.js +2 -0
  28. package/dist/@utils/color.js.map +7 -0
  29. package/dist/@utils/config.d.ts +43 -0
  30. package/dist/@utils/config.js +2 -0
  31. package/dist/@utils/config.js.map +7 -0
  32. package/dist/@utils/fin.d.ts +1 -0
  33. package/dist/@utils/fin.js +2 -0
  34. package/dist/@utils/fin.js.map +7 -0
  35. package/dist/@utils/jsminEx.d.ts +56 -0
  36. package/dist/@utils/jsminEx.js +2 -0
  37. package/dist/@utils/jsminEx.js.map +7 -0
  38. package/dist/@utils/pageTransit.d.ts +11 -0
  39. package/dist/@utils/pageTransit.js +2 -0
  40. package/dist/@utils/pageTransit.js.map +7 -0
  41. package/dist/@utils/useRecycle.d.ts +8 -0
  42. package/dist/@utils/useRecycle.js +2 -0
  43. package/dist/@utils/useRecycle.js.map +7 -0
  44. package/dist/@utils/useStore.d.ts +18 -0
  45. package/dist/@utils/useStore.js +2 -0
  46. package/dist/@utils/useStore.js.map +7 -0
  47. package/dist/atoms/Box.d.ts +9 -0
  48. package/dist/atoms/Box.js +2 -0
  49. package/dist/atoms/Box.js.map +7 -0
  50. package/dist/atoms/FAI.d.ts +18 -0
  51. package/dist/atoms/FAI.js +2 -0
  52. package/dist/atoms/FAI.js.map +7 -0
  53. package/dist/atoms/Flex.d.ts +11 -0
  54. package/dist/atoms/Flex.js +2 -0
  55. package/dist/atoms/Flex.js.map +7 -0
  56. package/dist/atoms/Grid.d.ts +4 -0
  57. package/dist/atoms/Grid.js +2 -0
  58. package/dist/atoms/Grid.js.map +7 -0
  59. package/dist/atoms/Img.d.ts +11 -0
  60. package/dist/atoms/Img.js +2 -0
  61. package/dist/atoms/Img.js.map +7 -0
  62. package/dist/atoms/Logo.d.ts +40 -0
  63. package/dist/atoms/Logo.js +52 -0
  64. package/dist/atoms/Logo.js.map +7 -0
  65. package/dist/atoms/P.d.ts +9 -0
  66. package/dist/atoms/P.js +2 -0
  67. package/dist/atoms/P.js.map +7 -0
  68. package/dist/atoms/Placeholder.d.ts +9 -0
  69. package/dist/atoms/Placeholder.js +2 -0
  70. package/dist/atoms/Placeholder.js.map +7 -0
  71. package/dist/atoms/Span.d.ts +9 -0
  72. package/dist/atoms/Span.js +2 -0
  73. package/dist/atoms/Span.js.map +7 -0
  74. package/dist/atoms/_.d.ts +9 -0
  75. package/dist/atoms/_.js +2 -0
  76. package/dist/atoms/_.js.map +7 -0
  77. package/dist/chunk-E3D4DIO4.js +2 -0
  78. package/dist/chunk-E3D4DIO4.js.map +7 -0
  79. package/dist/fn/Button.d.ts +82 -0
  80. package/dist/fn/Button.js +2 -0
  81. package/dist/fn/Button.js.map +7 -0
  82. package/dist/fn/Cropper.d.ts +27 -0
  83. package/dist/fn/Cropper.js +2 -0
  84. package/dist/fn/Cropper.js.map +7 -0
  85. package/dist/fn/Effect/Fade.d.ts +17 -0
  86. package/dist/fn/Effect/Fade.js +2 -0
  87. package/dist/fn/Effect/Fade.js.map +7 -0
  88. package/dist/fn/Effect/Pudding.d.ts +1 -0
  89. package/dist/fn/Effect/Pudding.js +2 -0
  90. package/dist/fn/Effect/Pudding.js.map +7 -0
  91. package/dist/fn/Effect/Ripple.d.ts +1 -0
  92. package/dist/fn/Effect/Ripple.js +4 -0
  93. package/dist/fn/Effect/Ripple.js.map +7 -0
  94. package/dist/fn/Effect/_.d.ts +9 -0
  95. package/dist/fn/Effect/_.js +2 -0
  96. package/dist/fn/Effect/_.js.map +7 -0
  97. package/dist/fn/Input/Checker.d.ts +17 -0
  98. package/dist/fn/Input/Checker.js +2 -0
  99. package/dist/fn/Input/Checker.js.map +7 -0
  100. package/dist/fn/Input/Chips/Selector.d.ts +44 -0
  101. package/dist/fn/Input/Chips/Selector.js +2 -0
  102. package/dist/fn/Input/Chips/Selector.js.map +7 -0
  103. package/dist/fn/Input/Chips/_.d.ts +60 -0
  104. package/dist/fn/Input/Chips/_.js +2 -0
  105. package/dist/fn/Input/Chips/_.js.map +7 -0
  106. package/dist/fn/Input/Contenteditable.d.ts +17 -0
  107. package/dist/fn/Input/Contenteditable.js +2 -0
  108. package/dist/fn/Input/Contenteditable.js.map +7 -0
  109. package/dist/fn/Input/DigitCharacters.d.ts +17 -0
  110. package/dist/fn/Input/DigitCharacters.js +2 -0
  111. package/dist/fn/Input/DigitCharacters.js.map +7 -0
  112. package/dist/fn/Input/Filer.d.ts +47 -0
  113. package/dist/fn/Input/Filer.js +2 -0
  114. package/dist/fn/Input/Filer.js.map +7 -0
  115. package/dist/fn/Input/Hidden.d.ts +13 -0
  116. package/dist/fn/Input/Hidden.js +2 -0
  117. package/dist/fn/Input/Hidden.js.map +7 -0
  118. package/dist/fn/Input/List.d.ts +50 -0
  119. package/dist/fn/Input/List.js +2 -0
  120. package/dist/fn/Input/List.js.map +7 -0
  121. package/dist/fn/Input/Parts.d.ts +22 -0
  122. package/dist/fn/Input/Parts.js +2 -0
  123. package/dist/fn/Input/Parts.js.map +7 -0
  124. package/dist/fn/Input/Plain.d.ts +7 -0
  125. package/dist/fn/Input/Plain.js +2 -0
  126. package/dist/fn/Input/Plain.js.map +7 -0
  127. package/dist/fn/Input/RichSelect.d.ts +32 -0
  128. package/dist/fn/Input/RichSelect.js +2 -0
  129. package/dist/fn/Input/RichSelect.js.map +7 -0
  130. package/dist/fn/Input/Search.d.ts +6 -0
  131. package/dist/fn/Input/Search.js +2 -0
  132. package/dist/fn/Input/Search.js.map +7 -0
  133. package/dist/fn/Input/Segmented.d.ts +22 -0
  134. package/dist/fn/Input/Segmented.js +2 -0
  135. package/dist/fn/Input/Segmented.js.map +7 -0
  136. package/dist/fn/Input/Select.d.ts +28 -0
  137. package/dist/fn/Input/Select.js +2 -0
  138. package/dist/fn/Input/Select.js.map +7 -0
  139. package/dist/fn/Input/Slider.d.ts +31 -0
  140. package/dist/fn/Input/Slider.js +2 -0
  141. package/dist/fn/Input/Slider.js.map +7 -0
  142. package/dist/fn/Input/Switch.d.ts +17 -0
  143. package/dist/fn/Input/Switch.js +2 -0
  144. package/dist/fn/Input/Switch.js.map +7 -0
  145. package/dist/fn/Input/Text.d.ts +50 -0
  146. package/dist/fn/Input/Text.js +2 -0
  147. package/dist/fn/Input/Text.js.map +7 -0
  148. package/dist/fn/Input/TextArea.d.ts +19 -0
  149. package/dist/fn/Input/TextArea.js +2 -0
  150. package/dist/fn/Input/TextArea.js.map +7 -0
  151. package/dist/fn/Input/Time/Picker.d.ts +37 -0
  152. package/dist/fn/Input/Time/Picker.js +2 -0
  153. package/dist/fn/Input/Time/Picker.js.map +7 -0
  154. package/dist/fn/Input/Time/_.d.ts +78 -0
  155. package/dist/fn/Input/Time/_.js +2 -0
  156. package/dist/fn/Input/Time/_.js.map +7 -0
  157. package/dist/fn/Input/_.d.ts +142 -0
  158. package/dist/fn/Input/_.js +2 -0
  159. package/dist/fn/Input/_.js.map +7 -0
  160. package/dist/fn/Input/core.d.ts +54 -0
  161. package/dist/fn/Input/core.js +2 -0
  162. package/dist/fn/Input/core.js.map +7 -0
  163. package/dist/fn/Layout/PageNotFound.d.ts +6 -0
  164. package/dist/fn/Layout/PageNotFound.js +2 -0
  165. package/dist/fn/Layout/PageNotFound.js.map +7 -0
  166. package/dist/fn/Layout/PageRouter.d.ts +27 -0
  167. package/dist/fn/Layout/PageRouter.js +2 -0
  168. package/dist/fn/Layout/PageRouter.js.map +7 -0
  169. package/dist/fn/Layout/PageViewController.d.ts +13 -0
  170. package/dist/fn/Layout/PageViewController.js +2 -0
  171. package/dist/fn/Layout/PageViewController.js.map +7 -0
  172. package/dist/fn/Layout/Plate.d.ts +9 -0
  173. package/dist/fn/Layout/Plate.js +2 -0
  174. package/dist/fn/Layout/Plate.js.map +7 -0
  175. package/dist/fn/Layout/RootViewController.d.ts +41 -0
  176. package/dist/fn/Layout/RootViewController.js +2 -0
  177. package/dist/fn/Layout/RootViewController.js.map +7 -0
  178. package/dist/fn/Layout/SwipeView.d.ts +40 -0
  179. package/dist/fn/Layout/SwipeView.js +2 -0
  180. package/dist/fn/Layout/SwipeView.js.map +7 -0
  181. package/dist/fn/Layout/TabBar.d.ts +16 -0
  182. package/dist/fn/Layout/TabBar.js +2 -0
  183. package/dist/fn/Layout/TabBar.js.map +7 -0
  184. package/dist/fn/Layout/_.d.ts +27 -0
  185. package/dist/fn/Layout/_.js +2 -0
  186. package/dist/fn/Layout/_.js.map +7 -0
  187. package/dist/fn/Loader/_.d.ts +47 -0
  188. package/dist/fn/Loader/_.js +2 -0
  189. package/dist/fn/Loader/_.js.map +7 -0
  190. package/dist/fn/Loader/corner.d.ts +1 -0
  191. package/dist/fn/Loader/corner.js +2 -0
  192. package/dist/fn/Loader/corner.js.map +7 -0
  193. package/dist/fn/Loader/mini.d.ts +6 -0
  194. package/dist/fn/Loader/mini.js +2 -0
  195. package/dist/fn/Loader/mini.js.map +7 -0
  196. package/dist/fn/Loader/top.d.ts +2 -0
  197. package/dist/fn/Loader/top.js +2 -0
  198. package/dist/fn/Loader/top.js.map +7 -0
  199. package/dist/fn/Sheet.d.ts +75 -0
  200. package/dist/fn/Sheet.js +2 -0
  201. package/dist/fn/Sheet.js.map +7 -0
  202. package/dist/fn/Snackbar.d.ts +24 -0
  203. package/dist/fn/Snackbar.js +2 -0
  204. package/dist/fn/Snackbar.js.map +7 -0
  205. package/dist/fn/Table/Data.d.ts +128 -0
  206. package/dist/fn/Table/Data.js +2 -0
  207. package/dist/fn/Table/Data.js.map +7 -0
  208. package/dist/fn/Table/Drag.d.ts +18 -0
  209. package/dist/fn/Table/Drag.js +2 -0
  210. package/dist/fn/Table/Drag.js.map +7 -0
  211. package/dist/fn/Table/Normal.d.ts +16 -0
  212. package/dist/fn/Table/Normal.js +2 -0
  213. package/dist/fn/Table/Normal.js.map +7 -0
  214. package/dist/fn/Table/Parts.d.ts +24 -0
  215. package/dist/fn/Table/Parts.js +2 -0
  216. package/dist/fn/Table/Parts.js.map +7 -0
  217. package/dist/fn/Table/Wrapper.d.ts +10 -0
  218. package/dist/fn/Table/Wrapper.js +2 -0
  219. package/dist/fn/Table/Wrapper.js.map +7 -0
  220. package/dist/fn/Table/_.d.ts +42 -0
  221. package/dist/fn/Table/_.js +2 -0
  222. package/dist/fn/Table/_.js.map +7 -0
  223. package/dist/fn/Table/cellStyling.d.ts +9 -0
  224. package/dist/fn/Table/cellStyling.js +2 -0
  225. package/dist/fn/Table/cellStyling.js.map +7 -0
  226. package/dist/fn/Tooltips.d.ts +31 -0
  227. package/dist/fn/Tooltips.js +2 -0
  228. package/dist/fn/Tooltips.js.map +7 -0
  229. package/dist/fn/_.d.ts +10 -0
  230. package/dist/fn/_.js +2 -0
  231. package/dist/fn/_.js.map +7 -0
  232. package/dist/index.d.ts +6 -1
  233. package/dist/index.js +2 -17
  234. package/dist/index.js.map +7 -0
  235. package/dist/mols/Accordion.d.ts +25 -0
  236. package/dist/mols/Accordion.js +2 -0
  237. package/dist/mols/Accordion.js.map +7 -0
  238. package/dist/mols/Column.d.ts +7 -0
  239. package/dist/mols/Column.js +2 -0
  240. package/dist/mols/Column.js.map +7 -0
  241. package/dist/mols/LinkifyText.d.ts +10 -0
  242. package/dist/mols/LinkifyText.js +2 -0
  243. package/dist/mols/LinkifyText.js.map +7 -0
  244. package/dist/mols/List.d.ts +11 -0
  245. package/dist/mols/List.js +2 -0
  246. package/dist/mols/List.js.map +7 -0
  247. package/dist/mols/Row.d.ts +16 -0
  248. package/dist/mols/Row.js +2 -0
  249. package/dist/mols/Row.js.map +7 -0
  250. package/dist/mols/Text.d.ts +21 -0
  251. package/dist/mols/Text.js +2 -0
  252. package/dist/mols/Text.js.map +7 -0
  253. package/dist/mols/_.d.ts +6 -0
  254. package/dist/mols/_.js +2 -0
  255. package/dist/mols/_.js.map +7 -0
  256. package/dist/orgs/_.d.ts +1 -0
  257. package/dist/orgs/_.js +1 -0
  258. package/dist/orgs/_.js.map +7 -0
  259. package/dist/style.css +7290 -0
  260. package/dist/style.d.ts +4 -0
  261. package/dist/style.js +392 -0
  262. package/dist/temps/_.d.ts +1 -0
  263. package/dist/temps/_.js +1 -0
  264. package/dist/temps/_.js.map +7 -0
  265. package/package.json +59 -48
  266. package/bundler.ts +0 -68
  267. package/dist/@declaration/amotify.d.ts +0 -1353
  268. package/dist/@declaration/amotify.js +0 -2
  269. package/dist/@middleware/GenerateClassName.d.ts +0 -3
  270. package/dist/@middleware/GenerateClassName.js +0 -282
  271. package/dist/@middleware/_.d.ts +0 -23
  272. package/dist/@middleware/_.js +0 -131
  273. package/dist/@middleware/color.js +0 -99
  274. package/dist/@middleware/pageTransit.d.ts +0 -2
  275. package/dist/@middleware/pageTransit.js +0 -31
  276. package/dist/@middleware/useRecycle.d.ts +0 -2
  277. package/dist/@middleware/useRecycle.js +0 -43
  278. package/dist/@middleware/useStore.d.ts +0 -2
  279. package/dist/@middleware/useStore.js +0 -39
  280. package/dist/@middleware/userAgent.d.ts +0 -14
  281. package/dist/@middleware/userAgent.js +0 -36
  282. package/dist/atoms/Box/index.d.ts +0 -9
  283. package/dist/atoms/Box/index.js +0 -19
  284. package/dist/atoms/index.d.ts +0 -4
  285. package/dist/atoms/index.js +0 -25
  286. package/tsconfig.json +0 -101
@@ -1,1353 +0,0 @@
1
- import { Jsmin } from '@mingoo/jsmin';
2
- import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
3
- import { IconDefinition } from "@fortawesome/fontawesome-common-types";
4
- import * as FontawesomeCore from '@fortawesome/fontawesome-svg-core';
5
- import React from 'react';
6
- import ReactDOM from 'react-dom';
7
- import * as ReactRouterDOM from 'react-router-dom';
8
- import { ReactElement, Device, Browser } from './_';
9
- import { TagProps } from './property';
10
- export declare namespace config {
11
- interface Methods {
12
- sessionUID: string;
13
- appRootID: string;
14
- appRoot: HTMLElement;
15
- themeColor: TagProps.ThemeColor;
16
- darkMode: TagProps.DarkMode;
17
- roundness: TagProps.Roundness;
18
- device: {
19
- deviceIs: Device;
20
- browserIs: Browser;
21
- isBreakpoint(): boolean;
22
- isPhonepoint(): boolean;
23
- isSystemDarkmode(): boolean;
24
- isPhone: boolean;
25
- isTouchDevice: boolean;
26
- isIOS: boolean;
27
- };
28
- update: {
29
- themeColor(value: TagProps.ThemeColor): void;
30
- darkMode(value: TagProps.DarkMode): void;
31
- roundness(value: TagProps.Roundness): void;
32
- };
33
- variables: {
34
- darkmodeColors: {
35
- light: string;
36
- dark: string;
37
- dim: string;
38
- auto(): string;
39
- };
40
- themeColors: {
41
- [key in TagProps.ThemeColor]: {
42
- alfa(alfa?: number): string;
43
- isBrand: boolean;
44
- isAvocado: boolean;
45
- };
46
- };
47
- };
48
- readExtraCDN(url: string): Promise<boolean>;
49
- }
50
- }
51
- export declare namespace global {
52
- type LaunchRootInput = {
53
- baseElement?: HTMLElement;
54
- };
55
- type LaunchReactApplicationInput = {
56
- baseElement?: HTMLElement | string;
57
- reactElement: ReactElement;
58
- nonRouter?: boolean;
59
- isRoot?: boolean;
60
- appearances?: {
61
- roundness?: TagProps.Roundness;
62
- themeColor?: TagProps.ThemeColor;
63
- darkMode?: TagProps.DarkMode;
64
- };
65
- };
66
- type useStoreParams = {
67
- set(params: {
68
- key: string;
69
- value: any;
70
- privateKey?: string;
71
- }): boolean;
72
- update(params: {
73
- key: string;
74
- value: any;
75
- privateKey?: string;
76
- }): boolean;
77
- get(key: string, privateKey?: string): any;
78
- delete(key: string, privateKey?: string): boolean;
79
- };
80
- type useRecycleParams = {
81
- set(key: string): string;
82
- do(key: string): void;
83
- };
84
- type PageTransitParams = {
85
- open(url: string): void;
86
- pushSync(url: string): void;
87
- pushAsync(url: string): void;
88
- push(url: string, newTab?: boolean): void;
89
- back(): void;
90
- };
91
- namespace StyleConverter {
92
- type ReadStyleSet = {
93
- <T>(params: T): T;
94
- };
95
- type ToClassName = {
96
- <T>(params: T): T;
97
- };
98
- }
99
- interface Methods {
100
- React: typeof React;
101
- ReactDOM: typeof ReactDOM;
102
- ReactRouterDOM: typeof ReactRouterDOM;
103
- StyleConverter: {
104
- ReadStyleSet: StyleConverter.ReadStyleSet;
105
- ToClassName: StyleConverter.ToClassName;
106
- };
107
- pageTransit: PageTransitParams;
108
- useStore: global.useStoreParams;
109
- useRecycle: global.useRecycleParams;
110
- LaunchRoot(params: global.LaunchRootInput): void;
111
- LaunchReactApplication(params: global.LaunchReactApplicationInput): void;
112
- }
113
- }
114
- export declare namespace atoms {
115
- type BoxInput = TagProps.BasicElement & {
116
- children?: ReactElement;
117
- } & React.HTMLAttributes<HTMLDivElement>;
118
- type SpanProps = TagProps.BasicElement & {
119
- children?: ReactElement;
120
- } & React.HTMLAttributes<HTMLSpanElement>;
121
- type ParagraphProps = TagProps.BasicElement & {
122
- children?: ReactElement;
123
- } & React.HTMLAttributes<HTMLParagraphElement>;
124
- type FlexProps = TagProps.BasicElement & {
125
- children?: ReactElement;
126
- } & React.HTMLAttributes<HTMLDivElement>;
127
- type GridProps = TagProps.BasicElement & {
128
- children: ReactElement;
129
- onClick?: {
130
- (event: React.MouseEvent<HTMLDivElement, MouseEvent>): void;
131
- };
132
- } & React.HTMLAttributes<HTMLDivElement>;
133
- namespace FAI {
134
- type Method = React.FC<FAIParams> & Shortcuts;
135
- type FAIParams = TagProps.BasicElement & {
136
- icon: FontawesomeCore.IconProp | IconDefinition;
137
- iconParams?: Omit<FontAwesomeIconProps, 'icon'>;
138
- };
139
- type Shortcuts = {
140
- [key in ShortCutNames]: React.FC<Omit<FAIParams, 'icon'>>;
141
- };
142
- type ShortCutNames = 'User' | 'Times' | 'AngleRight' | 'AngleLeft' | 'AngleUp' | 'AngleDown' | 'ChevronLeft' | 'ChevronRight' | 'ChevronUp' | 'ChevronDown' | 'CaretLeft' | 'CaretRight' | 'CaretUp' | 'CaretDown' | 'ArrowLeft' | 'ArrowRight' | 'ArrowUp' | 'ArrowDown' | 'Rotate' | 'Redo' | 'Check' | 'CheckCircle' | 'Question' | 'QuestionCircle' | 'Exclamation' | 'ExclamationTriangle' | 'Home' | 'Share' | 'Search' | 'YenSign' | 'Heart' | 'Star' | 'Edit' | 'Pen' | 'Copy' | 'File' | 'TrashAlt' | 'Bars' | 'Download' | 'Link' | 'LinkSlash' | 'ExternalLinkAlt' | 'Gear' | 'Plus' | 'Minus' | 'EllipsisH' | 'EllipsisV' | 'PaperPlane' | 'Image';
143
- }
144
- namespace Image {
145
- type Methods = React.FC<CompInput> & DefaultImages;
146
- type CompInput = TagProps.BasicElement & {
147
- src: string;
148
- alt?: string;
149
- showExpand?: boolean | string;
150
- } & React.HTMLAttributes<HTMLImageElement>;
151
- type DefaultImages = {
152
- uri: {
153
- mingooIcon: string;
154
- comunIcon: string;
155
- comunIconClear: string;
156
- defaultIcon(type: 'image' | 'object' | 'user' | 'group' | 'store'): string;
157
- };
158
- };
159
- }
160
- namespace Logos {
161
- type Methods = {
162
- Icon: (params: Params) => JSX.Element;
163
- Title: (params: Params) => JSX.Element;
164
- Brands: {
165
- MingooIcon: (params: DefaultLogo) => JSX.Element;
166
- MingooTitle: (params: DefaultLogo) => JSX.Element;
167
- MingooLogoH: (params: DefaultLogo) => JSX.Element;
168
- MingooLogoV: (params: DefaultLogo) => JSX.Element;
169
- ComunIcon: (params: DefaultLogo) => JSX.Element;
170
- ComunTitle: (params: DefaultLogo) => JSX.Element;
171
- ComunLogoH: (params: DefaultLogo) => JSX.Element;
172
- ComunLogoV: (params: DefaultLogo) => JSX.Element;
173
- Google: (params: DefaultLogo) => JSX.Element;
174
- Facebook: (params: DefaultLogo) => JSX.Element;
175
- Twitter: (params: DefaultLogo) => JSX.Element;
176
- LINE: (params: DefaultLogo) => JSX.Element;
177
- };
178
- };
179
- type Params = TagProps.BasicElement & {
180
- size?: 'S' | 'R' | 'L' | '2L' | '3L';
181
- color?: 'normal' | 'white';
182
- children?: ReactElement | React.FC<any>;
183
- };
184
- type DefaultLogo = TagProps.BasicElement & {
185
- size?: 'S' | 'R' | 'L' | '2L' | '3L';
186
- color?: 'normal' | 'white';
187
- };
188
- }
189
- type PlaceholderParams = atoms.BoxInput & {
190
- color?: 'cloud' | 'white';
191
- };
192
- type Methods = {
193
- Box: React.FC<atoms.BoxInput>;
194
- Flex: React.FC<atoms.FlexProps>;
195
- FlexBr: React.FC<TagProps.Params>;
196
- Placeholder: React.FC<PlaceholderParams>;
197
- Grid: React.FC<atoms.GridProps>;
198
- FAI: FAI.Method;
199
- Span: React.FC<atoms.SpanProps>;
200
- Paragraph: React.FC<atoms.ParagraphProps>;
201
- Img: atoms.Image.Methods;
202
- Logo: Logos.Methods;
203
- };
204
- }
205
- export declare namespace mols {
206
- namespace Accordion {
207
- type Params = {
208
- defaultOpen?: boolean;
209
- override?: boolean;
210
- accordionID?: string;
211
- slideAnimation?: 'none' | 'fast' | 'slow';
212
- children: ReactElement;
213
- onToggleEvent?: {
214
- (open: boolean): void;
215
- };
216
- } & atoms.BoxInput;
217
- type FNParams = {
218
- fn: {
219
- open(accordionID: string): void;
220
- close(accordionID: string): void;
221
- toggle(accordionID: string): void;
222
- };
223
- };
224
- type SetParams = React.FC<Params> & FNParams;
225
- }
226
- namespace List {
227
- type Params = TagProps.BasicElement & {
228
- rowStyles?: TagProps.Params;
229
- rows: RowsParams[];
230
- };
231
- type RowsParams = {
232
- children: ReactElement;
233
- } & TagProps.BasicElement;
234
- }
235
- type LinkifyTextProps = {
236
- text: string;
237
- placeholder?: ReactElement;
238
- };
239
- type Methods = {
240
- List: React.FC<mols.List.Params>;
241
- Accordion: mols.Accordion.SetParams;
242
- LinkifyText: React.FC<mols.LinkifyTextProps>;
243
- Text: {
244
- NowrapSpan: React.FC<atoms.SpanProps>;
245
- Title: React.FC<atoms.BoxInput>;
246
- SubTitle: React.FC<atoms.BoxInput>;
247
- ThirdTitle: React.FC<atoms.BoxInput>;
248
- Paragraph: React.FC<atoms.BoxInput>;
249
- Normal: React.FC<atoms.BoxInput>;
250
- Description: React.FC<atoms.BoxInput>;
251
- Supplement: React.FC<atoms.BoxInput>;
252
- };
253
- Column: React.FC<atoms.FlexProps>;
254
- Row: {
255
- Center: React.FC<atoms.FlexProps>;
256
- Left: React.FC<atoms.FlexProps>;
257
- Right: React.FC<atoms.FlexProps>;
258
- Separate: React.FC<atoms.FlexProps>;
259
- };
260
- };
261
- }
262
- export declare namespace orgs {
263
- type Methods = {};
264
- }
265
- export declare namespace temps {
266
- type Methods = {};
267
- }
268
- export declare namespace fn {
269
- namespace Layout {
270
- type Methods = {
271
- PageViewController: React.FC<PageViewController.Params>;
272
- TabBar: React.FC<TabBar.Params>;
273
- Plate: React.FC<Plate.Params>;
274
- SwipeView: React.FC<SwipeView.Params>;
275
- PageRouter: React.FC<PageRouter.RouterProps>;
276
- PageNotFound: React.FC<{}>;
277
- RootViewController: RootViewController.Methods;
278
- };
279
- namespace PageViewController {
280
- type Params = {
281
- viewIndex: number;
282
- views: ReactElement[];
283
- wrapper?: {
284
- (view: ReactElement): ReactElement;
285
- };
286
- };
287
- }
288
- namespace TabBar {
289
- type Params = {
290
- tabIndex: number;
291
- tabs: ReactElement[];
292
- onTabChange?: {
293
- (index: number): void;
294
- };
295
- componentDidMount?: {
296
- (): void;
297
- };
298
- } & TagProps.BasicElement;
299
- }
300
- namespace Plate {
301
- type Params = {
302
- size?: 'XS' | 'S' | 'R' | 'L' | 'XL' | 'MAX';
303
- } & atoms.BoxInput;
304
- }
305
- namespace SwipeView {
306
- type Params = TagProps.BasicElement & {
307
- slideIndex?: number;
308
- slides: ReactElement[];
309
- wrapper?: {
310
- (slide: ReactElement): ReactElement;
311
- };
312
- options?: {
313
- onSlideCallback?: {
314
- (index: number): void;
315
- };
316
- visibilitySurroundSlide?: boolean;
317
- autoSwipeSeconds?: number;
318
- loop?: boolean;
319
- disableMousedrag?: boolean;
320
- disableTouch?: boolean;
321
- };
322
- };
323
- }
324
- namespace PageRouter {
325
- type RoutesProps = {
326
- path: string;
327
- content: ReactElement;
328
- };
329
- type Callbacks = {
330
- beforeCallBack?: {
331
- (pathName: string): void;
332
- };
333
- afterCallBack?: {
334
- (pathName: string): void;
335
- };
336
- afterFirstCallBack?: {
337
- (pathName: string): void;
338
- };
339
- };
340
- type RoutesSwitchProps = {
341
- routes: RoutesProps[];
342
- } & Callbacks;
343
- type RouterProps = {
344
- pages: RoutesProps[];
345
- } & Callbacks;
346
- }
347
- namespace RootViewController {
348
- type Methods = {
349
- Base: React.FC<RootViewController.BaseParams>;
350
- TopNavigation: React.FC<atoms.FlexProps>;
351
- SideNavigation: React.FC<atoms.FlexProps & {
352
- baseStyles?: TagProps.Params;
353
- }>;
354
- FooterNavigation: React.FC<atoms.FlexProps & {
355
- baseStyles?: TagProps.Params;
356
- }>;
357
- Comps: {
358
- Button: React.FC<ButtonParams>;
359
- Title: React.FC<atoms.BoxInput>;
360
- Bar: React.FC<atoms.BoxInput>;
361
- };
362
- fn: FNs;
363
- };
364
- type BaseParams = atoms.BoxInput & {
365
- topNavigation?: ReactElement;
366
- sideNavigation?: ReactElement;
367
- footerNavigation?: ReactElement;
368
- };
369
- type ButtonParams = Buttons.ButtonInput & Buttons.Tones.Clear & {
370
- uri?: string;
371
- uriGroup?: (string | RegExp) | (string | RegExp)[];
372
- };
373
- type FNs = {
374
- updateCSSProperty: {
375
- topNav(): void;
376
- footer(): void;
377
- reset(): void;
378
- };
379
- };
380
- }
381
- }
382
- namespace Tables {
383
- type Methods = {
384
- Comps: CompsMethods;
385
- Normal: (props: Normal.Params) => JSX.Element;
386
- Data: Data.Methods;
387
- Drag: (props: Drag.Params) => JSX.Element;
388
- Spread: () => JSX.Element;
389
- };
390
- type CompsMethods = {
391
- Table: React.FC<TableParams>;
392
- Head: React.FC<TableHeadParams>;
393
- Body: React.FC<TableBodyParams>;
394
- Row: React.FC<TRParams>;
395
- TH: React.FC<TableCellParams>;
396
- TD: React.FC<TableCellParams>;
397
- RightIndicator: Uni.CellParams;
398
- };
399
- type DataCompsMethods = {
400
- Search: any;
401
- Info: any;
402
- Paging: any;
403
- };
404
- type customTableHTMLAttributes<T> = Omit<React.TableHTMLAttributes<T>, 'border'>;
405
- type TableParams = TagProps.BasicElement & customTableHTMLAttributes<HTMLTableElement>;
406
- type TableHeadParams = TagProps.BasicElement & customTableHTMLAttributes<HTMLTableSectionElement>;
407
- type TableBodyParams = TagProps.BasicElement & customTableHTMLAttributes<HTMLTableSectionElement>;
408
- type TRParams = TagProps.BasicElement & React.HTMLAttributes<HTMLTableRowElement>;
409
- type TableCellParams = TagProps.BasicElement & React.ThHTMLAttributes<HTMLTableCellElement>;
410
- type Types = 'normal' | 'data' | 'drag' | 'spread';
411
- type Tones = 'border' | 'cellBorder' | 'rowBorder' | 'plain' | 'auto';
412
- type OnRowClick = {
413
- (rowIDOrIndex: any, event: React.MouseEvent<HTMLTableRowElement, MouseEvent>): void;
414
- };
415
- type StylesCallbackInput = {
416
- top: boolean;
417
- bottom: boolean;
418
- left: boolean;
419
- right: boolean;
420
- rowIndex: number;
421
- colIndex: number;
422
- isHeader: boolean;
423
- isBody: boolean;
424
- };
425
- namespace Uni {
426
- type CellParams = TableCellParams & {
427
- type?: 'th' | 'td';
428
- };
429
- type Params = {
430
- tableID?: string;
431
- tone?: Tones;
432
- colLength: number;
433
- cellStyles?: TagProps.Params;
434
- cellClassName?: string;
435
- cellStylesCallback?: {
436
- (params: StylesCallbackInput): TagProps.Params;
437
- };
438
- className?: string;
439
- } & TagProps.Params;
440
- }
441
- namespace Normal {
442
- type CellParams = Uni.CellParams;
443
- type HeadRowParams = CellParams[];
444
- type BodyRowParams = CellParams[] & {
445
- rowID?: string | number;
446
- };
447
- type Params = Uni.Params & {
448
- head: HeadRowParams | false;
449
- rows: BodyRowParams[];
450
- onRowClick?: OnRowClick;
451
- };
452
- }
453
- namespace Drag {
454
- type CellParams = Uni.CellParams;
455
- type HeadRowParams = CellParams[];
456
- type BodyRowParams = CellParams[] & {
457
- rowID?: any;
458
- };
459
- type Params = Uni.Params & {
460
- head: HeadRowParams | false;
461
- rows: BodyRowParams[];
462
- onOrderChanged: {
463
- (orderList: any[]): void;
464
- };
465
- };
466
- }
467
- namespace Data {
468
- type CellParams = TableCellParams & {
469
- type?: 'th' | 'td';
470
- data: string | number;
471
- option?: any;
472
- orderIndex?: string | number;
473
- };
474
- type HeadRowParams = CellParams[];
475
- type BodyRowParams = Array<CellParams> & ArrayObjectParams;
476
- type ArrayObjectParams = {
477
- rowID?: any;
478
- __sys4SearchKey?: string;
479
- checked?: boolean;
480
- filtered?: boolean;
481
- currentPage?: boolean;
482
- };
483
- type Params = Uni.Params & {
484
- tableID?: string;
485
- head: HeadRowParams;
486
- rows: BodyRowParams[];
487
- onRowClick?: OnRowClick;
488
- eventID?: string;
489
- checker?: boolean;
490
- searchKeyword?: string;
491
- filter?: boolean | boolean[];
492
- order?: boolean | boolean[];
493
- defaultOrder?: OrderParams;
494
- pageRowLength: number;
495
- noRecords?: ReactElement;
496
- onOrderChanged?: {
497
- (order: OrderParams): void;
498
- };
499
- };
500
- type Methods = {
501
- (props: Data.Params): JSX.Element;
502
- } & FNs & Comps;
503
- type FNs = {
504
- __memoryID: string;
505
- useStatus(tableID: string): useStatusOutput;
506
- getRowData(tableID: string): BodyRowParams[];
507
- setPageIndex(tableID: string, pageIndex: number): void;
508
- setRowLength(tableID: string, rowLength: number): void;
509
- setSearchKeyword(tableID: string, keyword: string): void;
510
- };
511
- type Comps = {
512
- SearchInput: React.FC<{
513
- tableID: string;
514
- }>;
515
- Info: React.FC<{
516
- tableID: string;
517
- }>;
518
- Paging: React.FC<{
519
- tableID: string;
520
- }>;
521
- RowLength: React.FC<{
522
- tableID: string;
523
- lengthSelect: number[];
524
- }>;
525
- };
526
- type useStatusOutput = {
527
- tableComponentDidMount: boolean;
528
- totalRows: number;
529
- pageRows: number;
530
- filteredRows: number;
531
- searchKeyword: string;
532
- filter: {
533
- enabled: boolean;
534
- column: boolean[];
535
- current: (string[])[];
536
- };
537
- order: {
538
- enabled: boolean;
539
- column: boolean[];
540
- current: fn.Tables.Data.OrderParams;
541
- };
542
- paging: {
543
- rowLength: number;
544
- pageLength: number;
545
- currentPageIndex: number;
546
- };
547
- };
548
- type FilterColumnsProps = {
549
- index: number;
550
- keyword: string;
551
- enabled: boolean;
552
- }[];
553
- type OrderParams = [number, 'ASC' | 'DESC'];
554
- }
555
- namespace Spread {
556
- }
557
- }
558
- namespace Input {
559
- type Methods = {
560
- Plain: React.FC<TagProps.Params & React.InputHTMLAttributes<HTMLInputElement>>;
561
- Hidden: (params: Hidden.PlainParams) => JSX.Element;
562
- Text: Text.Methods;
563
- TextArea: (params: TextArea.PlainParams) => JSX.Element;
564
- Contenteditable: (params: Contenteditable.PlainParams) => JSX.Element;
565
- DigitCharacters: (params: DigitCharacters.PlainParams) => JSX.Element;
566
- Time: Time.Methods;
567
- Select: (params: Select.PlainParams) => JSX.Element;
568
- RichSelect: (params: RichSelect.PlainParams) => JSX.Element;
569
- Radio: (props: List.PlainParams) => JSX.Element;
570
- Checkbox: (props: List.PlainParams) => JSX.Element;
571
- Checker: (params: Checker.PlainParams) => JSX.Element;
572
- Chips: Chips.Methods;
573
- Search: (params: Search.PlainParams) => JSX.Element;
574
- File: Filer.Methods;
575
- Slider: (params: Slider.PlainParams) => JSX.Element;
576
- Switch: (params: Switch.PlainParams) => JSX.Element;
577
- Segmented: Segmented.Types;
578
- Comps: {
579
- RequiredSign: React.FC<atoms.SpanProps>;
580
- RequiredShortSign: React.FC<atoms.SpanProps>;
581
- OmitSign: React.FC<atoms.SpanProps>;
582
- LeftIndicator: React.FC<IndicatorParams>;
583
- RightIndicator: React.FC<IndicatorParams>;
584
- LeftIcon: React.FC<IndicatorParams>;
585
- RightIcon: React.FC<IndicatorParams>;
586
- };
587
- };
588
- type WrapperParams = atoms.BoxInput & {
589
- label?: ReactElement;
590
- labelStyles?: TagProps.Params;
591
- required?: boolean | 'plain' | 'omit';
592
- };
593
- type UniParams = {
594
- name?: string;
595
- form?: string;
596
- status_id?: string;
597
- componentID?: string;
598
- override?: 'force' | 'beforeModified' | 'never';
599
- required?: boolean;
600
- enableFormSubmit?: boolean;
601
- checkValidationAtFirst?: boolean;
602
- onValidate?: Validation.OnValidate;
603
- onUpdateValue?: OnUpdateValue;
604
- onUpdateValidValue?: OnUpdateValue;
605
- };
606
- type CoreParams = UniParams & {
607
- className?: string;
608
- wrapStyles?: TagProps.Params;
609
- } & TagProps.Params;
610
- type OnUpdateValue = {
611
- (data: {
612
- value: any;
613
- componentID: string;
614
- storeData?: plainObject;
615
- eventType: Validation.EventType;
616
- }): void;
617
- };
618
- type BoxTone = 'border' | 'cloud' | 'bottomBorder' | 'plain';
619
- namespace Hidden {
620
- type PlainParams = React.DOMAttributes<HTMLInputElement> & {
621
- componentID?: string;
622
- name?: string;
623
- form?: string;
624
- enableFormSubmit?: boolean;
625
- id?: string;
626
- value?: string | number | plainObject;
627
- };
628
- }
629
- namespace Text {
630
- type Methods = {
631
- Validate(value: any, restrict: Restrict): {
632
- ok: boolean;
633
- body: ReactElement;
634
- };
635
- Normal: (props: OriginParams) => JSX.Element;
636
- Katakana: (props: OriginParams) => JSX.Element;
637
- HankakuKatakana: (props: OriginParams) => JSX.Element;
638
- Number: (props: PlainParams) => JSX.Element;
639
- DigitNumber: (props: PlainParams) => JSX.Element;
640
- Tel: (props: PlainParams) => JSX.Element;
641
- CreditCard: (props: PlainParams) => JSX.Element;
642
- Email: (props: PlainParams) => JSX.Element;
643
- Url: (props: PlainParams) => JSX.Element;
644
- Postal: (props: PlainParams) => JSX.Element;
645
- Password: (props: PlainParams) => JSX.Element;
646
- Money: {
647
- JPY: (props: PlainParams) => JSX.Element;
648
- };
649
- };
650
- type Restrict = 'text' | 'katakana' | 'hankaku.katakana' | 'number' | 'digitNumber' | 'tel' | 'email' | 'url' | 'fileName' | 'password' | 'postal' | 'creditCard';
651
- type PlainParams = CoreParams & React.DOMAttributes<HTMLInputElement> & {
652
- tone?: BoxTone;
653
- tabIndex?: number;
654
- id?: string;
655
- disabled?: boolean;
656
- min?: number | null;
657
- max?: number | null;
658
- maxLength?: number | null;
659
- autoComplete?: 'off' | 'none' | string;
660
- autoCapitalize?: 'off' | 'none' | string;
661
- clearButton?: boolean;
662
- value?: string | number;
663
- placeholder?: string;
664
- leftIndicator?: ReactElement | false;
665
- rightIndicator?: ReactElement | false;
666
- leftIcon?: ReactElement | false;
667
- rightIcon?: ReactElement | false;
668
- };
669
- type OriginParams = PlainParams & {
670
- restrict?: Restrict;
671
- };
672
- }
673
- namespace TextArea {
674
- type PlainParams = CoreParams & React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
675
- tone?: BoxTone;
676
- tabIndex?: number;
677
- id?: string;
678
- disabled?: boolean;
679
- value?: string | number;
680
- placeholder?: string;
681
- leftIndicator?: ReactElement | false;
682
- rightIndicator?: ReactElement | false;
683
- leftIcon?: ReactElement | false;
684
- rightIcon?: ReactElement | false;
685
- };
686
- }
687
- namespace Contenteditable {
688
- type PlainParams = CoreParams & React.TextareaHTMLAttributes<HTMLDivElement> & {
689
- tone?: BoxTone;
690
- tabIndex?: number;
691
- id?: string;
692
- children?: string;
693
- leftIndicator?: ReactElement | false;
694
- rightIndicator?: ReactElement | false;
695
- leftIcon?: ReactElement | false;
696
- rightIcon?: ReactElement | false;
697
- };
698
- }
699
- namespace DigitCharacters {
700
- type PlainParams = CoreParams & React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
701
- tone?: BoxTone;
702
- combineInput?: boolean;
703
- digits: number;
704
- numericOnly?: boolean;
705
- tabIndex?: number;
706
- id?: string;
707
- value?: string | number;
708
- listStyles?: TagProps.Params;
709
- };
710
- }
711
- namespace Time {
712
- type Methods = {
713
- Clock: (props: PlainParams) => JSX.Element;
714
- Date: (props: PlainParams) => JSX.Element;
715
- Week: (props: PlainParams) => JSX.Element;
716
- Month: (props: PlainParams) => JSX.Element;
717
- Year: (props: PlainParams) => JSX.Element;
718
- DateWareki: (props: DateWarekiParams) => JSX.Element;
719
- Periods: {
720
- Date: (props: PeriodParams) => JSX.Element;
721
- Month: (props: PeriodParams) => JSX.Element;
722
- };
723
- fn: FN;
724
- };
725
- type FN = {
726
- picker: {
727
- launch(params: PickerParams & Omit<Tooltips.Params, 'content'>): void;
728
- remove(tipsID: string): void;
729
- };
730
- };
731
- type Era = 'clock' | 'year' | 'meiji' | 'taisho' | 'shouwa' | 'heisei' | 'reiwa';
732
- type Restrict = 'clock' | 'date' | 'week' | 'month' | 'year' | 'dates' | 'months' | 'dateWareki';
733
- type PlainParams = CoreParams & React.DOMAttributes<HTMLInputElement> & {
734
- tone?: BoxTone;
735
- tabIndex?: number;
736
- id?: string;
737
- disabled?: boolean;
738
- value?: string | [string, string];
739
- min?: string;
740
- max?: string;
741
- leftIndicator?: ReactElement | false;
742
- rightIndicator?: ReactElement | false;
743
- };
744
- type OriginParams = PlainParams & {
745
- restrict: Restrict;
746
- era?: Era;
747
- };
748
- type DateWarekiParams = PlainParams & {
749
- value?: string;
750
- defaultEra?: 'year' | 'wareki';
751
- };
752
- type PeriodParams = Omit<PlainParams, 'value'> & {
753
- value?: [string, string];
754
- };
755
- type RangeProps = {
756
- type: 'hour' | 'minute' | 'date' | 'month' | 'year' | 'week' | 'dateWareki';
757
- from: number;
758
- length: number;
759
- region?: number;
760
- };
761
- type PickerParams = {
762
- tipsID?: string;
763
- restrict: Restrict;
764
- defaultValue: string | string[];
765
- era?: Era;
766
- min?: string;
767
- max?: string;
768
- onValueUpdate(value: string | [string, string], era: Era): void;
769
- };
770
- }
771
- namespace Select {
772
- type PlainParams = CoreParams & React.DOMAttributes<HTMLSelectElement> & {
773
- tone?: BoxTone;
774
- tabIndex?: number;
775
- id?: string;
776
- disabled?: boolean;
777
- value?: ValueProps;
778
- options: OptionProps[];
779
- placeholder?: string;
780
- leftIndicator?: ReactElement | false;
781
- rightIndicator?: ReactElement | false;
782
- leftIcon?: ReactElement | false;
783
- rightIcon?: ReactElement | false;
784
- enableUnSelected?: boolean;
785
- rightIconStyles?: TagProps.Params;
786
- };
787
- type ValueProps = string | number | boolean | plainObject | void | null;
788
- type OptionProps = {
789
- value: ValueProps;
790
- label: string;
791
- displayLabel?: ReactElement;
792
- };
793
- }
794
- namespace RichSelect {
795
- type PlainParams = CoreParams & React.DOMAttributes<HTMLInputElement> & {
796
- tone?: BoxTone;
797
- tabIndex?: number;
798
- id?: string;
799
- disabled?: boolean;
800
- value?: ValueProps;
801
- options: OptionProps[];
802
- placeholder?: string;
803
- leftIndicator?: ReactElement | false;
804
- rightIndicator?: ReactElement | false;
805
- leftIcon?: ReactElement | false;
806
- rightIcon?: ReactElement | false;
807
- enableUnSelected?: boolean;
808
- rightIconStyles?: TagProps.Params;
809
- cellStyles?: TagProps.Params;
810
- sheetStyles?: TagProps.Params;
811
- gravityPoint?: number;
812
- };
813
- type ValueProps = string | number | boolean | plainObject | void | null;
814
- type OptionProps = {
815
- type?: 'button' | 'label';
816
- value: ValueProps;
817
- label: ReactElement;
818
- selectedLabel?: ReactElement;
819
- };
820
- }
821
- namespace List {
822
- type ListTone = 'border' | 'cloud' | 'vivid' | 'normal' | 'plain';
823
- type Methods = {
824
- Radio: (props: PlainParams) => JSX.Element;
825
- Checkbox: (props: PlainParams) => JSX.Element;
826
- };
827
- type PlainParams = CoreParams & {
828
- tone?: ListTone;
829
- icon?: boolean;
830
- tabIndex?: number;
831
- id?: string;
832
- iconType?: 'radio' | 'checkbox';
833
- minSelect?: number;
834
- disabled?: boolean;
835
- value?: any | any[];
836
- options: OptionParams[];
837
- hideInput?: boolean;
838
- leftIndicator?: ReactElement | false;
839
- rightIndicator?: ReactElement | false;
840
- cellStyles?: TagProps.Params;
841
- cellClassName?: string;
842
- cellCheckedStyles?: TagProps.Params;
843
- cellCheckedClassName?: string;
844
- defaultActiveStyling?: boolean;
845
- };
846
- type OriginParams = PlainParams & {
847
- type: 'radio' | 'checkbox' | 'checker';
848
- tone: ListTone;
849
- };
850
- type OptionParams = {
851
- value: any;
852
- label: ReactElement;
853
- disabled?: boolean;
854
- className?: string;
855
- checkedStyles?: TagProps.Params;
856
- checkedClassName?: string;
857
- } & TagProps.Params;
858
- }
859
- namespace Chips {
860
- type Methods = React.FC<PlainParams> & {
861
- fn: FNs;
862
- };
863
- type PlainParams = CoreParams & {
864
- tabIndex?: number;
865
- id?: string;
866
- disabled?: boolean;
867
- value?: OptionParams[];
868
- limit?: number;
869
- selectorGravityPoint?: number;
870
- defaultOptions?: OptionParams[];
871
- onDynamicSearch?: onDynamicSearch;
872
- leftIndicator?: ReactElement | false;
873
- rightIndicator?: ReactElement | false;
874
- rightIcon?: ReactElement | false;
875
- leftIcon?: ReactElement | false;
876
- SelectedCellComponent?: SelectedCellComponentInput;
877
- SelectorCellComponent?: SelectorCellComponentInput;
878
- AddButtonComponent?: AddButtonComponentInput;
879
- };
880
- type onDynamicSearch = {
881
- (k: string): Promise<{
882
- options: OptionParams[];
883
- }>;
884
- };
885
- type OptionParams = {
886
- value: any;
887
- label: string;
888
- };
889
- type SelectedCellComponentInput = React.FC<{
890
- removeCallback: Function;
891
- defaultRemoveButton: ReactElement;
892
- openCallback(): void;
893
- value: any;
894
- label: string;
895
- }>;
896
- type SelectorCellComponentInput = React.FC<{
897
- isSelected: boolean;
898
- isFocused: boolean;
899
- value: any;
900
- label: string;
901
- }>;
902
- type AddButtonComponentInput = React.FC<{
903
- selected: OptionParams[];
904
- openCallback(): void;
905
- }>;
906
- type OpenSelectorInput = {
907
- parent: Jsmin.Args;
908
- selectorID: string;
909
- options: OptionParams[];
910
- selected: OptionParams[];
911
- bottomContent?: ReactElement;
912
- gravityPoint?: number;
913
- limit?: number;
914
- onDynamicSearch?: {
915
- (k: string): Promise<{
916
- options: OptionParams[];
917
- }>;
918
- };
919
- onUpdated(params: {
920
- values: any[];
921
- }): void;
922
- onClosed(): void;
923
- SelectorCellComponent?: SelectorCellComponentInput;
924
- };
925
- type FNs = {
926
- openSelector(params: OpenSelectorInput): void;
927
- closeSelector(selectorID: string): void;
928
- updateOptions(selectorID: string, options: OptionParams[]): void;
929
- updateSelected(selectorID: string, selected: OptionParams[]): void;
930
- };
931
- }
932
- namespace Search {
933
- type PlainParams = Chips.PlainParams;
934
- }
935
- namespace Filer {
936
- type Methods = React.FC<PlainParams> & FNs;
937
- type PlainParams = CoreParams & React.DOMAttributes<HTMLInputElement> & {
938
- tone?: BoxTone;
939
- tabIndex?: number;
940
- id?: string;
941
- disabled?: boolean;
942
- value?: CustomFile[];
943
- limit?: number;
944
- fileNameEdit?: boolean;
945
- systemOnly?: boolean;
946
- accept?: Accept;
947
- cellStyles?: TagProps.Params;
948
- cellClassName?: string;
949
- };
950
- type CustomFile = File & {
951
- id: string;
952
- };
953
- type Accept = 'image' | string;
954
- type FNs = {
955
- fn: {
956
- openDialog(params: {
957
- accept?: Accept;
958
- multiple?: boolean;
959
- }): Promise<File[]>;
960
- };
961
- };
962
- }
963
- namespace Slider {
964
- type PlainParams = CoreParams & React.DOMAttributes<HTMLInputElement> & {
965
- tabIndex?: number;
966
- id?: string;
967
- disabled?: boolean;
968
- value?: number;
969
- color?: Color;
970
- min: number;
971
- max: number;
972
- step: number;
973
- legends?: {
974
- enable?: boolean;
975
- custom?: LegendsCallback;
976
- showAlways?: boolean;
977
- };
978
- };
979
- type Color = TagProps.ThemeColor | 'theme' | 'posi' | 'nega' | 'warn';
980
- type LegendsCallback = {
981
- (value: number): ReactElement;
982
- };
983
- }
984
- namespace Switch {
985
- type PlainParams = UniParams & React.DOMAttributes<HTMLInputElement> & {
986
- color?: Color;
987
- id?: string;
988
- tabIndex?: number;
989
- appearance?: 'material' | 'applely';
990
- disabled?: boolean;
991
- value?: boolean;
992
- icon?: ReactElement;
993
- };
994
- type Color = TagProps.ThemeColor | 'theme' | 'posi' | 'nega' | 'warn';
995
- }
996
- namespace Segmented {
997
- type Tones = 'Border' | 'ThemeBorder' | 'BottomLine' | 'Cloud' | 'ThemeCloud' | 'WhiteCloud';
998
- type Types = {
999
- Auto: (params: Params) => JSX.Element;
1000
- Normal: (params: Params) => JSX.Element;
1001
- Cloud: (params: Params) => JSX.Element;
1002
- Cloud2: (params: Params) => JSX.Element;
1003
- Cloud3: (params: Params) => JSX.Element;
1004
- Border: (params: Params) => JSX.Element;
1005
- Border2: (params: Params) => JSX.Element;
1006
- BottomLine: (params: Params) => JSX.Element;
1007
- };
1008
- type Params = List.PlainParams;
1009
- type ListParams = List.OptionParams[];
1010
- }
1011
- namespace Checker {
1012
- type PlainParams = CoreParams & {
1013
- label: ReactElement;
1014
- id?: string;
1015
- tabIndex?: number;
1016
- disabled?: boolean;
1017
- value?: boolean;
1018
- cellStyles?: TagProps.Params;
1019
- cellClassName?: string;
1020
- cellCheckedStyles?: TagProps.Params;
1021
- cellCheckedClassName?: string;
1022
- };
1023
- }
1024
- namespace Status {
1025
- type Plain = {
1026
- componentID: string;
1027
- dataValue: any;
1028
- eventType: Validation.EventType;
1029
- eventID: string;
1030
- };
1031
- type Text = Plain & {
1032
- formatValue: any;
1033
- prevValue: any;
1034
- caretFrom: number;
1035
- caretTo: number;
1036
- };
1037
- type DigitCharacters = Plain & {
1038
- formatValue: any;
1039
- };
1040
- type Time = Plain & {
1041
- formatValue: any;
1042
- ranges: Time.RangeProps[];
1043
- };
1044
- type Slider = Plain & {
1045
- min: number;
1046
- max: number;
1047
- step: number;
1048
- };
1049
- }
1050
- namespace Validation {
1051
- type EventType = 'init' | 'update' | 'override' | 'refresh';
1052
- type Notice = {
1053
- type: 'valid' | 'invalid' | 'warn';
1054
- label: ReactElement;
1055
- };
1056
- type Result = {
1057
- ok: boolean;
1058
- notice: Notice[];
1059
- };
1060
- type SystemCheck = {
1061
- (props: {
1062
- value: any;
1063
- params: any;
1064
- }): Result;
1065
- };
1066
- type OnValidate = {
1067
- (state: {
1068
- eventType: EventType;
1069
- value: any;
1070
- props: plainObject;
1071
- }): Promise<Result>;
1072
- };
1073
- }
1074
- type IndicatorParams = TagProps.Params & {
1075
- tone?: BoxTone;
1076
- className?: string;
1077
- children: ReactElement;
1078
- };
1079
- }
1080
- namespace Buttons {
1081
- type Methods = Seed & {};
1082
- type Seeds = 'Button' | 'Label' | 'Anchor';
1083
- type Tones = 'Plain' | 'Link' | 'Normal' | 'Border' | 'Prime' | 'Sub' | 'Clear' | 'FillToBorder' | 'BorderToFill';
1084
- type Sizes = 'XS' | 'S' | 'R' | 'L';
1085
- type Colors = 'theme' | 'posi' | 'nega' | 'warn' | 'cloud' | 'trans' | 'white' | 'plain';
1086
- type Seed = {
1087
- Button: Tone<ButtonInput>;
1088
- Label: Tone<LabelInput>;
1089
- Anchor: Tone<AnchorInput>;
1090
- };
1091
- type Tone<T> = {
1092
- Plain: React.FC<T>;
1093
- Link: React.FC<T>;
1094
- Normal: Size<T>;
1095
- Border: Size<T>;
1096
- Prime: Size<T & Tones.Prime>;
1097
- Sub: Size<T & Tones.Sub>;
1098
- Clear: Size<T & Tones.Clear>;
1099
- FillToBorder: Size<T & Tones.FillToBorder>;
1100
- BorderToFill: Size<T & Tones.BorderToFill>;
1101
- };
1102
- type Size<T> = {
1103
- XS: React.FC<T>;
1104
- S: React.FC<T>;
1105
- R: React.FC<T>;
1106
- L: React.FC<T>;
1107
- };
1108
- namespace Tones {
1109
- type Plain = {};
1110
- type Link = {};
1111
- type Normal = {};
1112
- type Border = {};
1113
- type Prime = {
1114
- color?: Colors | TagProps.ThemeColor;
1115
- };
1116
- type Sub = {
1117
- color?: Colors | 'layer';
1118
- };
1119
- type Clear = {
1120
- color?: Colors | 'layer';
1121
- };
1122
- type FillToBorder = {
1123
- color?: Colors;
1124
- };
1125
- type BorderToFill = {
1126
- color?: Colors;
1127
- };
1128
- }
1129
- type UniParams = TagProps.BasicElement & {
1130
- tabIndex?: number;
1131
- children?: ReactElement;
1132
- 'aria-label'?: string;
1133
- isLocked?: boolean;
1134
- isActive?: boolean;
1135
- isActiveStyles?: TagProps.Params;
1136
- isActiveClassName?: string;
1137
- };
1138
- type delegateClickEventProps = 'auxEnter' | 'enter' | 'space';
1139
- type ButtonInput = UniParams & {
1140
- submitOption?: {
1141
- formName: string;
1142
- acceptInvalidForm?: boolean;
1143
- submitDelegationKey?: delegateClickEventProps | delegateClickEventProps[];
1144
- callback(form: plainObject, ok: boolean): void;
1145
- };
1146
- } & React.ButtonHTMLAttributes<HTMLButtonElement>;
1147
- type LabelInput = UniParams & {
1148
- htmlFor?: string;
1149
- } & React.LabelHTMLAttributes<HTMLLabelElement>;
1150
- type AnchorInput = UniParams & {
1151
- href?: string;
1152
- newTab?: boolean;
1153
- sync?: boolean;
1154
- download?: any;
1155
- shiftQueryParams?: boolean;
1156
- } & React.ButtonHTMLAttributes<HTMLAnchorElement>;
1157
- }
1158
- namespace Sheet {
1159
- type Methods = {
1160
- open(params: Params): void;
1161
- refresh(params: Params, open: boolean): void;
1162
- resize(params: {
1163
- sheetID: string;
1164
- size: SizeParams;
1165
- }): void;
1166
- reposition(sheetID: string): void;
1167
- close(key: string, eventType?: 'Escape' | 'pageTransit', force?: boolean): void;
1168
- closeGroup(keyGroup: string): void;
1169
- closeAll(pageTransit?: boolean): void;
1170
- Comps: {
1171
- Body: React.FC<atoms.BoxInput>;
1172
- };
1173
- };
1174
- type Params = NormalParams | EdgeParams | CustomParams | ImageParams | Bottom.Params;
1175
- type UniParams = {
1176
- sheetID?: string;
1177
- sheetGroups?: string | string[];
1178
- backgroundEffect?: boolean;
1179
- content: ReactElement | {
1180
- (): JSX.Element;
1181
- };
1182
- overwrap?: boolean;
1183
- close_option?: CloseOptions;
1184
- hold_state?: boolean;
1185
- openAfter?(): void;
1186
- closeAfter?(): void;
1187
- } & TagProps.BasicElement;
1188
- type SizeParams = 'S' | 'R' | 'L' | '2L' | '3L' | 'MAX';
1189
- type CloseOptions = {
1190
- pageTransit?: boolean;
1191
- escapeKeyDown?: boolean;
1192
- aroundClick?: boolean;
1193
- elementBlur?: Jsmin.Args;
1194
- };
1195
- type Sheet = 'normal.topLeft' | 'normal.topCenter' | 'normal.topRight' | 'normal.middleLeft' | 'normal.middleCenter' | 'normal.middleRight' | 'normal.bottomLeft' | 'normal.bottomCenter' | 'normal.bottomRight' | 'drawer.left' | 'drawer.right' | 'drawer.bottom' | 'custom' | 'image';
1196
- type NormalParams = UniParams & {
1197
- type: Sheet;
1198
- size?: SizeParams;
1199
- };
1200
- type EdgeParams = UniParams & {
1201
- type: Sheet;
1202
- size?: SizeParams;
1203
- };
1204
- type CustomParams = UniParams & {
1205
- type: 'custom';
1206
- parent: Jsmin.Args;
1207
- gravityPoint?: number;
1208
- };
1209
- type ImageParams = Omit<UniParams, 'content'> & {
1210
- type: 'image';
1211
- src: string | string[];
1212
- };
1213
- namespace Bottom {
1214
- type Sizes = 'S' | 'R' | 'L';
1215
- type Params = UniParams & {
1216
- type: 'drawer.bottom';
1217
- size: Sizes;
1218
- sizeChanged?(size: Sizes): void;
1219
- baseStyles?: TagProps.Params;
1220
- close_option?: CloseOptions & {
1221
- swipeDown?: boolean;
1222
- };
1223
- };
1224
- }
1225
- }
1226
- namespace Tooltips {
1227
- type Methods = {
1228
- __memoryID: string;
1229
- open(params: Params): void;
1230
- close(tipsID: string): void;
1231
- closeALL(): void;
1232
- Comps: {
1233
- Body: React.FC<atoms.BoxInput>;
1234
- };
1235
- };
1236
- type Params = {
1237
- tipsID?: string;
1238
- tipsGroups?: string | string[];
1239
- parent: Jsmin.Args;
1240
- gravityPoint?: number;
1241
- close_option?: Sheet.CloseOptions;
1242
- hold_state?: boolean;
1243
- content: ReactElement | {
1244
- (): JSX.Element;
1245
- };
1246
- openAfter?(): void;
1247
- closeAfter?(): void;
1248
- } & TagProps.BasicElement;
1249
- }
1250
- namespace SnackBar {
1251
- type Methods = {
1252
- __memoryID: string;
1253
- add(props: AddParams): SnackBar.Methods;
1254
- remove(snackID: string): SnackBar.Methods;
1255
- __launch(): void;
1256
- };
1257
- type AddParams = Omit<atoms.BoxInput, 'children'> & {
1258
- children?: ReactElement | {
1259
- (): JSX.Element;
1260
- };
1261
- customChildren?: {
1262
- (params: {
1263
- close(): void;
1264
- }): JSX.Element;
1265
- };
1266
- snackID?: string;
1267
- secondsToClose?: number;
1268
- };
1269
- }
1270
- namespace Loader {
1271
- type Methods = Color & FNs;
1272
- type Color = {
1273
- Theme: Size<CompInput>;
1274
- Posi: Size<CompInput>;
1275
- Nega: Size<CompInput>;
1276
- Warn: Size<CompInput>;
1277
- White: Size<CompInput>;
1278
- Cloud: Size<CompInput>;
1279
- };
1280
- type Size<T> = {
1281
- S: React.FC<T>;
1282
- R: React.FC<T>;
1283
- L: React.FC<T>;
1284
- XL: React.FC<T>;
1285
- MAX: React.FC<T>;
1286
- };
1287
- type Sizes = 'S' | 'R' | 'L' | 'XL' | 'MAX';
1288
- type Colors = 'theme' | 'posi' | 'nega' | 'warn' | 'white' | 'cloud';
1289
- type CompInput = TagProps.Params & {
1290
- showInitial?: boolean;
1291
- loaderID?: string;
1292
- };
1293
- type FNs = {
1294
- __memoryID: string;
1295
- __launch(): void;
1296
- fn: {
1297
- stopALL(): void;
1298
- top: {
1299
- active(): void;
1300
- stop(): void;
1301
- };
1302
- corner: {
1303
- active(): void;
1304
- stop(): void;
1305
- };
1306
- mini: {
1307
- active(loaderID?: string): void;
1308
- stop(loaderID?: string): void;
1309
- stopALL(): void;
1310
- };
1311
- };
1312
- };
1313
- }
1314
- namespace Cropper {
1315
- type Use = 'square' | 'wallpaper.horizontal' | 'wallpaper.vertical';
1316
- type Params = {
1317
- use: Use;
1318
- develops: DevelopParams[];
1319
- onProcessFinished: {
1320
- (files: Input.Filer.CustomFile[]): void;
1321
- };
1322
- };
1323
- type DevelopParams = {
1324
- size: 'S' | 'R' | 'L';
1325
- maxSize?: number;
1326
- };
1327
- type Methods = {
1328
- open(params: Params): void;
1329
- };
1330
- }
1331
- namespace Effects {
1332
- type FadeUniParams = atoms.BoxInput & {
1333
- animationTime?: number;
1334
- animationDelay?: number;
1335
- };
1336
- type Methods = {
1337
- FadeIn: React.FC<FadeUniParams>;
1338
- FadeUp: React.FC<FadeUniParams>;
1339
- };
1340
- }
1341
- type Methods = {
1342
- Table: fn.Tables.Methods;
1343
- Layout: fn.Layout.Methods;
1344
- Buttons: fn.Buttons.Methods;
1345
- Input: fn.Input.Methods;
1346
- Sheet: fn.Sheet.Methods;
1347
- SnackBar: fn.SnackBar.Methods;
1348
- Loader: fn.Loader.Methods;
1349
- Tooltips: fn.Tooltips.Methods;
1350
- Effects: fn.Effects.Methods;
1351
- Cropper: fn.Cropper.Methods;
1352
- };
1353
- }