amotify 0.0.8 → 0.0.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.
Files changed (261) hide show
  1. package/{dist/@types/_.d.ts → @types/_.tsx} +3 -4
  2. package/{src/@types → @types}/amot.tsx +125 -85
  3. package/{src/@types → @types}/fn.tsx +52 -53
  4. package/{src/@types → @types}/jsminAmotifyExtension.tsx +1 -2
  5. package/@types/module.tsx +1 -0
  6. package/dist/amotify.js +328 -0
  7. package/{public → dist}/amotify.min.css +339 -339
  8. package/package.json +11 -12
  9. package/src/{Atoms/@export.tsx → @atoms.tsx} +3 -3
  10. package/src/@functions.tsx +29 -0
  11. package/src/{Global/@export.tsx → @global.tsx} +9 -9
  12. package/src/@jsminAmotifyExtension/formCollect.tsx +1 -1
  13. package/src/{Molecules/@export.tsx → @molecules.tsx} +5 -4
  14. package/src/@organisms.tsx +5 -0
  15. package/src/@styles/UniStyling.scss +1 -1
  16. package/src/@styles/init.scss +1 -1
  17. package/src/@styles/styleSet.scss +1 -1
  18. package/src/{Templates/@export.tsx → @templates.tsx} +1 -1
  19. package/src/{Atoms → atoms}/FAIcon/parts.tsx +4 -3
  20. package/src/{Atoms → atoms}/FAIcon/style.module.scss +1 -2
  21. package/src/{Atoms → atoms}/Logo/parts.tsx +2 -2
  22. package/src/{Atoms → atoms}/Logo/style.module.scss +1 -2
  23. package/src/{Atoms → atoms}/Various/parts.tsx +10 -9
  24. package/src/{Atoms → atoms}/Various/style.module.scss +3 -2
  25. package/src/config.tsx +4 -4
  26. package/src/{Functions → functions}/Button/_.tsx +2 -1
  27. package/src/{Functions → functions}/Button/style.module.scss +3 -2
  28. package/src/{Functions → functions}/Cropper/parts.tsx +16 -20
  29. package/src/{Functions → functions}/Cropper/style.module.scss +1 -1
  30. package/src/{Functions → functions}/Effects/Fade.tsx +6 -11
  31. package/src/{Functions → functions}/Effects/style.module.scss +1 -1
  32. package/src/{Functions → functions}/Input/Chips/Selector.tsx +17 -21
  33. package/src/{Functions → functions}/Input/Chips/_.tsx +12 -17
  34. package/src/functions/Input/Chips/style.module.scss +6 -0
  35. package/src/{Functions → functions}/Input/DigitCharacters.tsx +6 -10
  36. package/src/{Functions → functions}/Input/File/_.tsx +13 -16
  37. package/src/{Functions → functions}/Input/File/style.module.scss +1 -1
  38. package/src/{Functions → functions}/Input/Hidden.tsx +4 -3
  39. package/src/{Functions → functions}/Input/List/_.tsx +8 -12
  40. package/src/{Functions → functions}/Input/List/style.module.scss +1 -1
  41. package/src/{Functions → functions}/Input/Segmented/_.tsx +2 -2
  42. package/src/{Functions → functions}/Input/Segmented/style.module.scss +2 -2
  43. package/src/{Functions → functions}/Input/Select/_.tsx +8 -11
  44. package/src/{Functions → functions}/Input/Select/style.module.scss +1 -1
  45. package/src/{Functions → functions}/Input/Slider/_.tsx +9 -12
  46. package/src/{Functions → functions}/Input/Slider/style.module.scss +2 -2
  47. package/src/{Functions → functions}/Input/Switch/_.tsx +7 -11
  48. package/src/{Functions → functions}/Input/Switch/style.module.scss +1 -1
  49. package/src/{Functions → functions}/Input/Text.tsx +6 -11
  50. package/src/{Functions → functions}/Input/TextArea.tsx +4 -8
  51. package/src/{Functions → functions}/Input/Time/Picker.tsx +11 -16
  52. package/src/{Functions → functions}/Input/Time/_.tsx +13 -17
  53. package/src/{Functions → functions}/Input/Time/style.module.scss +1 -1
  54. package/src/{Functions → functions}/Input/_.tsx +12 -17
  55. package/src/{Functions → functions}/Input/core.tsx +14 -19
  56. package/src/{Functions → functions}/Input/style.module.scss +1 -1
  57. package/src/{Functions → functions}/Inputs/style.module.scss +1 -1
  58. package/src/{Functions → functions}/Inputs/text.tsx +5 -17
  59. package/src/functions/Inputs/types.d.ts +13 -0
  60. package/src/{Functions → functions}/Layout/PageNotFound.tsx +6 -7
  61. package/src/{Functions → functions}/Layout/PageRouter.tsx +25 -34
  62. package/src/{Functions → functions}/Layout/PageViewController/parts.tsx +6 -9
  63. package/src/{Functions → functions}/Layout/Plate.tsx +3 -2
  64. package/src/{Functions → functions}/Layout/RootViewController/parts.tsx +6 -8
  65. package/src/{Functions → functions}/Layout/RootViewController/style.module.scss +1 -1
  66. package/src/{Functions → functions}/Layout/SwipeView/parts.tsx +11 -16
  67. package/src/{Functions → functions}/Layout/SwipeView/style.module.scss +1 -1
  68. package/src/{Functions → functions}/Layout/TabBar.tsx +6 -10
  69. package/src/{Functions → functions}/Loader/corner.tsx +6 -12
  70. package/src/{Functions → functions}/Loader/mini.tsx +9 -12
  71. package/src/{Functions → functions}/Loader/parts.tsx +7 -10
  72. package/src/{Functions → functions}/Loader/style.module.scss +1 -1
  73. package/src/{Functions → functions}/Loader/top.tsx +6 -12
  74. package/src/{Functions → functions}/Sheet/parts.tsx +16 -19
  75. package/src/{Functions → functions}/Sheet/style.module.scss +1 -1
  76. package/src/{Functions → functions}/SnackBar/parts.tsx +14 -17
  77. package/src/{Functions → functions}/SnackBar/style.module.scss +1 -1
  78. package/src/{Functions → functions}/Table/Data/parts.tsx +4 -4
  79. package/src/{Functions → functions}/Table/Drag/parts.tsx +12 -15
  80. package/src/{Functions → functions}/Table/Normal/parts.tsx +5 -5
  81. package/src/{Functions → functions}/Table/_.tsx +4 -4
  82. package/src/{Functions → functions}/Table/style.module.scss +3 -2
  83. package/src/{Functions → functions}/Tooltips/parts.tsx +3 -2
  84. package/src/{Global → global}/LaunchReactApplication.tsx +4 -3
  85. package/src/{Global → global}/styleConverter.tsx +3 -7
  86. package/src/launch.tsx +16 -11
  87. package/src/{Molecules → molecules}/Accordion/parts.tsx +8 -12
  88. package/src/{Molecules → molecules}/Accordion/style.module.scss +1 -1
  89. package/src/{Molecules → molecules}/LinkifyText/parts.tsx +4 -3
  90. package/src/{Molecules → molecules}/List.tsx +3 -2
  91. package/src/{Organisms → organisms}/DisplayStyleInput/darkmode.tsx +6 -11
  92. package/src/{Organisms → organisms}/DisplayStyleInput/themeColor.tsx +7 -12
  93. package/src/{Templates → templates}/PlayGround/parts.tsx +12 -40
  94. package/src/{Templates → templates}/PlayGround/style.module.scss +1 -1
  95. package/tsconfig.json +19 -5
  96. package/webpack.config.js +18 -7
  97. package/dist/@jsminAmotifyExtension/_.d.ts +0 -4
  98. package/dist/@jsminAmotifyExtension/_.js +0 -6
  99. package/dist/@jsminAmotifyExtension/fetch.d.ts +0 -9
  100. package/dist/@jsminAmotifyExtension/fetch.js +0 -199
  101. package/dist/@jsminAmotifyExtension/formCollect.d.ts +0 -1
  102. package/dist/@jsminAmotifyExtension/formCollect.js +0 -137
  103. package/dist/@jsminAmotifyExtension/spreadSheet.d.ts +0 -4
  104. package/dist/@jsminAmotifyExtension/spreadSheet.js +0 -314
  105. package/dist/@jsminAmotifyExtension/variables.d.ts +0 -0
  106. package/dist/@jsminAmotifyExtension/variables.js +0 -186
  107. package/dist/@types/_.js +0 -8
  108. package/dist/@types/amot.d.ts +0 -260
  109. package/dist/@types/amot.js +0 -2
  110. package/dist/@types/fn.d.ts +0 -1040
  111. package/dist/@types/fn.js +0 -2
  112. package/dist/@types/index.d.ts +0 -62
  113. package/dist/@types/index.js +0 -2
  114. package/dist/@types/jsminAmotifyExtension.d.ts +0 -134
  115. package/dist/@types/jsminAmotifyExtension.js +0 -2
  116. package/dist/@types/module.d.ts +0 -2
  117. package/dist/@types/module.js +0 -1
  118. package/dist/@types/state.d.ts +0 -145
  119. package/dist/@types/state.js +0 -2
  120. package/dist/Atoms/@export.d.ts +0 -4
  121. package/dist/Atoms/@export.js +0 -16
  122. package/dist/Atoms/FAIcon/parts.d.ts +0 -2
  123. package/dist/Atoms/FAIcon/parts.js +0 -152
  124. package/dist/Atoms/Logo/parts.d.ts +0 -1
  125. package/dist/Atoms/Logo/parts.js +0 -154
  126. package/dist/Atoms/Various/parts.d.ts +0 -9
  127. package/dist/Atoms/Various/parts.js +0 -113
  128. package/dist/Functions/@export.d.ts +0 -12
  129. package/dist/Functions/@export.js +0 -25
  130. package/dist/Functions/Button/_.d.ts +0 -1
  131. package/dist/Functions/Button/_.js +0 -270
  132. package/dist/Functions/Cropper/parts.d.ts +0 -1
  133. package/dist/Functions/Cropper/parts.js +0 -783
  134. package/dist/Functions/Effects/Fade.d.ts +0 -1
  135. package/dist/Functions/Effects/Fade.js +0 -82
  136. package/dist/Functions/Effects/Ripple.d.ts +0 -1
  137. package/dist/Functions/Effects/Ripple.js +0 -107
  138. package/dist/Functions/Effects/_.d.ts +0 -3
  139. package/dist/Functions/Effects/_.js +0 -43
  140. package/dist/Functions/Input/Chips/Selector.d.ts +0 -1
  141. package/dist/Functions/Input/Chips/Selector.js +0 -356
  142. package/dist/Functions/Input/Chips/_.d.ts +0 -2
  143. package/dist/Functions/Input/Chips/_.js +0 -218
  144. package/dist/Functions/Input/DigitCharacters.d.ts +0 -1
  145. package/dist/Functions/Input/DigitCharacters.js +0 -178
  146. package/dist/Functions/Input/File/_.d.ts +0 -2
  147. package/dist/Functions/Input/File/_.js +0 -458
  148. package/dist/Functions/Input/Hidden.d.ts +0 -1
  149. package/dist/Functions/Input/Hidden.js +0 -30
  150. package/dist/Functions/Input/List/_.d.ts +0 -1
  151. package/dist/Functions/Input/List/_.js +0 -232
  152. package/dist/Functions/Input/Segmented/_.d.ts +0 -1
  153. package/dist/Functions/Input/Segmented/_.js +0 -111
  154. package/dist/Functions/Input/Select/_.d.ts +0 -1
  155. package/dist/Functions/Input/Select/_.js +0 -154
  156. package/dist/Functions/Input/Slider/_.d.ts +0 -1
  157. package/dist/Functions/Input/Slider/_.js +0 -308
  158. package/dist/Functions/Input/Switch/_.d.ts +0 -1
  159. package/dist/Functions/Input/Switch/_.js +0 -120
  160. package/dist/Functions/Input/Text.d.ts +0 -5
  161. package/dist/Functions/Input/Text.js +0 -340
  162. package/dist/Functions/Input/TextArea.d.ts +0 -1
  163. package/dist/Functions/Input/TextArea.js +0 -98
  164. package/dist/Functions/Input/Time/Picker.d.ts +0 -1
  165. package/dist/Functions/Input/Time/Picker.js +0 -581
  166. package/dist/Functions/Input/Time/_.d.ts +0 -2
  167. package/dist/Functions/Input/Time/_.js +0 -567
  168. package/dist/Functions/Input/_.d.ts +0 -5
  169. package/dist/Functions/Input/_.js +0 -446
  170. package/dist/Functions/Input/core.d.ts +0 -34
  171. package/dist/Functions/Input/core.js +0 -324
  172. package/dist/Functions/Inputs/_.d.ts +0 -3
  173. package/dist/Functions/Inputs/_.js +0 -7
  174. package/dist/Functions/Inputs/text.d.ts +0 -12
  175. package/dist/Functions/Inputs/text.js +0 -46
  176. package/dist/Functions/Layout/PageNotFound.d.ts +0 -1
  177. package/dist/Functions/Layout/PageNotFound.js +0 -30
  178. package/dist/Functions/Layout/PageRouter.d.ts +0 -2
  179. package/dist/Functions/Layout/PageRouter.js +0 -65
  180. package/dist/Functions/Layout/PageViewController/parts.d.ts +0 -1
  181. package/dist/Functions/Layout/PageViewController/parts.js +0 -31
  182. package/dist/Functions/Layout/Plate.d.ts +0 -1
  183. package/dist/Functions/Layout/Plate.js +0 -39
  184. package/dist/Functions/Layout/RootViewController/parts.d.ts +0 -1
  185. package/dist/Functions/Layout/RootViewController/parts.js +0 -202
  186. package/dist/Functions/Layout/SwipeView/parts.d.ts +0 -2
  187. package/dist/Functions/Layout/SwipeView/parts.js +0 -319
  188. package/dist/Functions/Layout/TabBar.d.ts +0 -1
  189. package/dist/Functions/Layout/TabBar.js +0 -49
  190. package/dist/Functions/Layout/_.d.ts +0 -2
  191. package/dist/Functions/Layout/_.js +0 -20
  192. package/dist/Functions/Loader/corner.d.ts +0 -1
  193. package/dist/Functions/Loader/corner.js +0 -59
  194. package/dist/Functions/Loader/mini.d.ts +0 -33
  195. package/dist/Functions/Loader/mini.js +0 -126
  196. package/dist/Functions/Loader/parts.d.ts +0 -3
  197. package/dist/Functions/Loader/parts.js +0 -108
  198. package/dist/Functions/Loader/top.d.ts +0 -1
  199. package/dist/Functions/Loader/top.js +0 -69
  200. package/dist/Functions/Sheet/parts.d.ts +0 -2
  201. package/dist/Functions/Sheet/parts.js +0 -724
  202. package/dist/Functions/SnackBar/parts.d.ts +0 -2
  203. package/dist/Functions/SnackBar/parts.js +0 -171
  204. package/dist/Functions/Table/Data/parts.d.ts +0 -3
  205. package/dist/Functions/Table/Data/parts.js +0 -629
  206. package/dist/Functions/Table/Drag/parts.d.ts +0 -1
  207. package/dist/Functions/Table/Drag/parts.js +0 -359
  208. package/dist/Functions/Table/Normal/parts.d.ts +0 -1
  209. package/dist/Functions/Table/Normal/parts.js +0 -92
  210. package/dist/Functions/Table/_.d.ts +0 -9
  211. package/dist/Functions/Table/_.js +0 -153
  212. package/dist/Functions/Tooltips/parts.d.ts +0 -2
  213. package/dist/Functions/Tooltips/parts.js +0 -71
  214. package/dist/Global/@export.d.ts +0 -12
  215. package/dist/Global/@export.js +0 -198
  216. package/dist/Global/LaunchReactApplication.d.ts +0 -1
  217. package/dist/Global/LaunchReactApplication.js +0 -48
  218. package/dist/Global/styleConverter.d.ts +0 -2
  219. package/dist/Global/styleConverter.js +0 -349
  220. package/dist/Molecules/@export.d.ts +0 -21
  221. package/dist/Molecules/@export.js +0 -41
  222. package/dist/Molecules/Accordion/parts.d.ts +0 -2
  223. package/dist/Molecules/Accordion/parts.js +0 -165
  224. package/dist/Molecules/LinkifyText/parts.d.ts +0 -1
  225. package/dist/Molecules/LinkifyText/parts.js +0 -39
  226. package/dist/Molecules/List.d.ts +0 -1
  227. package/dist/Molecules/List.js +0 -35
  228. package/dist/Organisms/@export.d.ts +0 -2
  229. package/dist/Organisms/@export.js +0 -5
  230. package/dist/Organisms/DisplayStyleInput/_.d.ts +0 -1
  231. package/dist/Organisms/DisplayStyleInput/_.js +0 -15
  232. package/dist/Organisms/DisplayStyleInput/darkmode.d.ts +0 -1
  233. package/dist/Organisms/DisplayStyleInput/darkmode.js +0 -77
  234. package/dist/Organisms/DisplayStyleInput/themeColor.d.ts +0 -27
  235. package/dist/Organisms/DisplayStyleInput/themeColor.js +0 -185
  236. package/dist/Templates/@export.d.ts +0 -2
  237. package/dist/Templates/@export.js +0 -5
  238. package/dist/Templates/PlayGround/parts.d.ts +0 -1
  239. package/dist/Templates/PlayGround/parts.js +0 -55
  240. package/dist/config.d.ts +0 -16
  241. package/dist/config.js +0 -171
  242. package/dist/launch.d.ts +0 -9
  243. package/dist/launch.js +0 -46
  244. package/dist/preload.d.ts +0 -1
  245. package/dist/preload.js +0 -73
  246. package/public/amotify.js +0 -310
  247. package/src/@types/_.tsx +0 -6
  248. package/src/@types/index.tsx +0 -74
  249. package/src/@types/module.tsx +0 -2
  250. package/src/Functions/@export.tsx +0 -29
  251. package/src/Functions/Input/Chips/style.module.scss +0 -6
  252. package/src/Functions/Inputs/types.d.ts +0 -1
  253. package/src/Global/exe.tsx +0 -0
  254. package/src/Organisms/@export.tsx +0 -5
  255. package/src/index.js +0 -0
  256. /package/{src/@types → @types}/state.tsx +0 -0
  257. /package/src/{Functions → functions}/Effects/Ripple.tsx +0 -0
  258. /package/src/{Functions → functions}/Effects/_.tsx +0 -0
  259. /package/src/{Functions → functions}/Inputs/_.tsx +0 -0
  260. /package/src/{Functions → functions}/Layout/_.tsx +0 -0
  261. /package/src/{Organisms → organisms}/DisplayStyleInput/_.tsx +0 -0
@@ -1,4 +1,4 @@
1
- @use 'src/@styles/props' as *;
1
+ @use '@props' as *;
2
2
  .Wrap {
3
3
  &.Open_true {
4
4
  opacity: 1;
@@ -1,16 +1,17 @@
1
+ import React from 'react';
1
2
  import {
2
3
  FAIcon
3
- } from '~/Atoms/@export';
4
+ } from '@atoms';
4
5
  import {
5
6
  Buttons
6
- } from '~/Functions/@export';
7
+ } from '@fn';
7
8
 
8
9
  const {
9
10
  Anchor
10
11
  } = Buttons;
11
12
 
12
13
 
13
- export const LinkifyText: FNC<amotify.mols.LinkifyTextProps> = ( props ) => {
14
+ export const LinkifyText: React.FC<amotify.mols.LinkifyTextProps> = ( props ) => {
14
15
  let {
15
16
  text,
16
17
  placeholder
@@ -1,8 +1,9 @@
1
+ import React from 'react';
1
2
  import {
2
3
  Flex
3
- } from '~/Atoms/@export';
4
+ } from '@atoms';
4
5
 
5
- export const List: FNC<amotify.mols.List.Params> = ( params ) => {
6
+ export const List: React.FC<amotify.mols.List.Params> = ( params ) => {
6
7
  let {
7
8
  rows,
8
9
  rowStyles: DefaultRowStyles,
@@ -1,25 +1,20 @@
1
1
  import {
2
2
  React
3
- } from '~/Global/@export';
3
+ } from '@global';
4
4
  import {
5
5
  Box,
6
6
  Flex,
7
7
  Img,
8
8
  FAIcon
9
- } from '~/Atoms/@export';
9
+ } from '@atoms';
10
10
  import {
11
11
  Column,
12
12
  Row,
13
13
  Text
14
- } from '~/Molecules/@export';
14
+ } from '@mols';
15
15
  import {
16
16
  Input
17
- } from '~/Functions/@export';
18
-
19
- const {
20
- useState,
21
- useEffect
22
- } = React;
17
+ } from '@fn';
23
18
 
24
19
  const ColorCell = ( params: {
25
20
  colorType: amotify.DarkModeTypes
@@ -79,10 +74,10 @@ const ColorCell = ( params: {
79
74
  }
80
75
 
81
76
  export const Darkmode = ( params: amotify.orgs.DisplayStyleInput.DarkmodeInput ) => {
82
- let [ val_darkmode,set_darkmode ] = useState( amotify.config.darkMode || 'light' );
77
+ let [ val_darkmode,set_darkmode ] = React.useState( amotify.config.darkMode || 'light' );
83
78
 
84
79
  const mounted = React.useRef( false );
85
- useEffect( () => {
80
+ React.useEffect( () => {
86
81
  if ( mounted.current ) {
87
82
  params.onUpdate( val_darkmode );
88
83
  } else {
@@ -1,25 +1,20 @@
1
1
  import {
2
2
  React
3
- } from '~/Global/@export';
3
+ } from '@global';
4
4
  import {
5
5
  Box,
6
6
  Flex,
7
7
  Img,
8
8
  FAIcon
9
- } from '~/Atoms/@export';
9
+ } from '@atoms';
10
10
  import {
11
11
  Column,
12
12
  Row,
13
13
  Text
14
- } from '~/Molecules/@export';
14
+ } from '@mols';
15
15
  import {
16
16
  Input
17
- } from '~/Functions/@export';
18
-
19
- const {
20
- useState,
21
- useEffect
22
- } = React;
17
+ } from '@fn';
23
18
 
24
19
  type ColorIconParams = {
25
20
  key: string
@@ -137,7 +132,7 @@ const GenOption = ( params: ColorIconParams ) => {
137
132
  }
138
133
 
139
134
  const ThemeColor: {
140
- ( type: 'all' | 'brand' | 'original' | 'basic' ): FNC<amotify.orgs.DisplayStyleInput.ThemeColorInput>
135
+ ( type: 'all' | 'brand' | 'original' | 'basic' ): React.FC<amotify.orgs.DisplayStyleInput.ThemeColorInput>
141
136
  } = ( type ) => {
142
137
  let ColorsArray: ColorIconParams[][] = [];
143
138
  if ( type == 'all' ) {
@@ -172,9 +167,9 @@ const ThemeColor: {
172
167
  }
173
168
  const Comp = ( params: amotify.orgs.DisplayStyleInput.ThemeColorInput ) => {
174
169
  const mounted = React.useRef( false );
175
- let [ val_ColorKey,set_ColorKey ] = useState( amotify.config.themeColor );
170
+ let [ val_ColorKey,set_ColorKey ] = React.useState( amotify.config.themeColor );
176
171
 
177
- useEffect( () => {
172
+ React.useEffect( () => {
178
173
  if ( mounted.current ) {
179
174
  params.onUpdate( val_ColorKey );
180
175
  } else {
@@ -1,51 +1,29 @@
1
- import {
2
- React,
3
- } from '~/Global/@export';
4
- const {
5
- useEffect,
6
- useState
7
- } = React;
8
-
1
+ import React from 'react';
9
2
  import {
10
3
  Box
11
- } from '~/Atoms/@export';
12
- import {
13
- Column,
14
- Row,
15
- Text
16
- } from '~/Molecules/@export';
4
+ } from '@atoms';
17
5
  import {
18
- DisplayStyleInput
19
- } from '~/Organisms/@export';
20
-
6
+ Column
7
+ } from '@mols';
21
8
  import {
22
9
  Buttons,
23
10
  Input,
24
11
  Inputs
25
- } from '~/Functions/@export';
12
+ } from '@fn';
26
13
 
27
14
  import style from './style.module.scss';
28
15
 
29
- export const PlayGround: FNC<{}> = () => {
16
+ export const PlayGround: React.FC<{}> = () => {
30
17
  return ( <>
18
+ <Box
19
+ padding={ 2 }
20
+ backgroundColor='cloud'
21
+ >
22
+ AAAA
23
+ </Box>
31
24
  <Column
32
25
  gap={ 2 }
33
26
  >
34
- <DisplayStyleInput.Darkmode
35
- onUpdate={ ( value ) => {
36
- amotify.config.update.darkMode( value );
37
- } }
38
- />
39
- <DisplayStyleInput.ThemeColor.Originals
40
- onUpdate={ ( value ) => {
41
- amotify.config.update.themeColor( value );
42
- } }
43
- />
44
- <DisplayStyleInput.ThemeColor.Brands
45
- onUpdate={ ( value ) => {
46
- amotify.config.update.themeColor( value );
47
- } }
48
- />
49
27
  <Input.Text.Normal
50
28
  />
51
29
  <Input.Select
@@ -105,12 +83,6 @@ export const PlayGround: FNC<{}> = () => {
105
83
  unitWidth={ 6 }
106
84
  />
107
85
  </Box>
108
- {/* <Input.Select
109
- name='test-segmented'
110
- form='test'
111
- required
112
- list={ val_select }
113
- /> */}
114
86
  </Column>
115
87
  </> );
116
88
  }
@@ -1,4 +1,4 @@
1
- @use 'src/@styles/props' as *;
1
+ @use '@props' as *;
2
2
  .TestAnimation {
3
3
  animation: .25s ease-in-out jiggly infinite;
4
4
  cursor: grab;
package/tsconfig.json CHANGED
@@ -15,13 +15,29 @@
15
15
  "~/*": [
16
16
  "src/*"
17
17
  ],
18
+ "@uniVar": [
19
+ "src/@styles/props"
20
+ ],
21
+ "@brandVar": [
22
+ "src/@styles/brand"
23
+ ],
24
+ "@styleSet": [
25
+ "src/@styles/styleSet"
26
+ ],
27
+
28
+ "@global": [ "src/@global" ],
29
+ "@atoms": [ "src/@atoms" ],
30
+ "@mols": [ "src/@molecules" ],
31
+ "@orgs": [ "src/@organisms" ],
32
+ "@temps": [ "src/@templates" ],
33
+ "@fn": [ "src/@functions" ],
18
34
  },
19
35
  "strict": true,
20
36
  "skipLibCheck": true,
21
37
  "forceConsistentCasingInFileNames": true,
22
38
  "downlevelIteration": true,
23
39
  "allowJs": true,
24
- "declaration": true,
40
+ "declaration": false,
25
41
  // "emitDeclarationOnly": true,
26
42
  "outDir": "./dist",
27
43
  "noImplicitAny": true,
@@ -35,9 +51,7 @@
35
51
  },
36
52
  "exclude": [
37
53
  "node_modules",
38
- "public"
39
- ],
40
- "include": [
41
- "src/launch.tsx"
54
+ "public/*",
55
+ "dist/*"
42
56
  ]
43
57
  }
package/webpack.config.js CHANGED
@@ -24,7 +24,7 @@ module.exports = ( () => {
24
24
  entry: entry,
25
25
  output: {
26
26
  filename: '[name].js',
27
- path: __dirname + '/public/',
27
+ path: __dirname + '/dist/',
28
28
  devtoolModuleFilenameTemplate: 'src/[resource-path]'
29
29
  },
30
30
  optimization: {
@@ -44,11 +44,11 @@ module.exports = ( () => {
44
44
  } )
45
45
  ],
46
46
  },
47
- externals: {
48
- 'react': 'React',
49
- 'react-dom': 'ReactDOM',
50
- 'react-router-dom': 'ReactRouterDOM'
51
- },
47
+ // externals: {
48
+ // 'react': 'React',
49
+ // 'react-dom': 'ReactDOM',
50
+ // 'react-router-dom': 'ReactRouterDOM'
51
+ // },
52
52
  plugins: [
53
53
  // new BundleAnalyzerPlugin(),
54
54
  new BrowserSync(
@@ -98,7 +98,18 @@ module.exports = ( () => {
98
98
  modules: [ 'node_modules' ],
99
99
  extensions: [ '.js', '.jsx', '.tsx', 'ts' ],
100
100
  alias: {
101
- '~': `${ __dirname }/src`
101
+ '~': `${ __dirname }/src`,
102
+
103
+ '@props': path.resolve( __dirname, 'src/@styles/props' ),
104
+ '@brandVar': path.resolve( __dirname, 'src/@styles/brand' ),
105
+ '@styleSet': path.resolve( __dirname, 'src/@styles/styleSet' ),
106
+
107
+ '@global': path.resolve( __dirname, 'src/@global' ),
108
+ '@atoms': path.resolve( __dirname, 'src/@atoms' ),
109
+ '@mols': path.resolve( __dirname, 'src/@molecules' ),
110
+ '@orgs': path.resolve( __dirname, 'src/@organisms' ),
111
+ '@temps': path.resolve( __dirname, 'src/@templates' ),
112
+ '@fn': path.resolve( __dirname, 'src/@functions' ),
102
113
  }
103
114
  },
104
115
  }
@@ -1,4 +0,0 @@
1
- import './variables';
2
- import './fetch';
3
- import './formCollect';
4
- import './spreadSheet';
@@ -1,6 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- require("./variables");
4
- require("./fetch");
5
- require("./formCollect");
6
- require("./spreadSheet");
@@ -1,9 +0,0 @@
1
- declare const fetcher: (params: {
2
- key: string;
3
- topLoader?: boolean | undefined;
4
- cornerLoader?: boolean | undefined;
5
- trafficControl?: number | undefined;
6
- preventMultiRequest?: boolean | undefined;
7
- } & Omit<Jsmin.Fetch.Input, "method"> & {
8
- method: string;
9
- }, callback?: JsminExtension.Fetch.callback | undefined) => Promise<Jsmin.Fetch.Output>;
@@ -1,199 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
14
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
15
- return new (P || (P = Promise))(function (resolve, reject) {
16
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
17
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
18
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
19
- step((generator = generator.apply(thisArg, _arguments || [])).next());
20
- });
21
- };
22
- var __generator = (this && this.__generator) || function (thisArg, body) {
23
- var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
24
- return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
25
- function verb(n) { return function (v) { return step([n, v]); }; }
26
- function step(op) {
27
- if (f) throw new TypeError("Generator is already executing.");
28
- while (_) try {
29
- if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
30
- if (y = 0, t) op = [op[0] & 2, t.value];
31
- switch (op[0]) {
32
- case 0: case 1: t = op; break;
33
- case 4: _.label++; return { value: op[1], done: false };
34
- case 5: _.label++; y = op[1]; op = [0]; continue;
35
- case 7: op = _.ops.pop(); _.trys.pop(); continue;
36
- default:
37
- if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
38
- if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
39
- if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
40
- if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
41
- if (t[2]) _.ops.pop();
42
- _.trys.pop(); continue;
43
- }
44
- op = body.call(thisArg, _);
45
- } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
46
- if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
47
- }
48
- };
49
- var __rest = (this && this.__rest) || function (s, e) {
50
- var t = {};
51
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
52
- t[p] = s[p];
53
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
54
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
55
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
56
- t[p[i]] = s[p[i]];
57
- }
58
- return t;
59
- };
60
- var __read = (this && this.__read) || function (o, n) {
61
- var m = typeof Symbol === "function" && o[Symbol.iterator];
62
- if (!m) return o;
63
- var i = m.call(o), r, ar = [], e;
64
- try {
65
- while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
66
- }
67
- catch (error) { e = { error: error }; }
68
- finally {
69
- try {
70
- if (r && !r.done && (m = i["return"])) m.call(i);
71
- }
72
- finally { if (e) throw e.error; }
73
- }
74
- return ar;
75
- };
76
- var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
77
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
78
- if (ar || !(i in from)) {
79
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
80
- ar[i] = from[i];
81
- }
82
- }
83
- return to.concat(ar || Array.prototype.slice.call(from));
84
- };
85
- var fetcher = function (params, callback) { return __awaiter(void 0, void 0, void 0, function () {
86
- var _a, method, _b, key, _c, url, _d, trafficControl, _e,
87
- // trafficControl = 1000,
88
- preventMultiRequest, _f, topLoader, _g, cornerLoader, Params, result;
89
- return __generator(this, function (_h) {
90
- switch (_h.label) {
91
- case 0:
92
- _a = params || {}, method = _a.method, _b = _a.key, key = _b === void 0 ? $.uuidGen(16) : _b, _c = _a.url, url = _c === void 0 ? '' : _c, _d = _a.trafficControl, trafficControl = _d === void 0 ? 500 : _d, _e = _a.preventMultiRequest, preventMultiRequest = _e === void 0 ? true : _e, _f = _a.topLoader, topLoader = _f === void 0 ? false : _f, _g = _a.cornerLoader, cornerLoader = _g === void 0 ? true : _g, Params = __rest(_a, ["method", "key", "url", "trafficControl", "preventMultiRequest", "topLoader", "cornerLoader"]);
93
- return [4 /*yield*/, (function () { return __awaiter(void 0, void 0, void 0, function () {
94
- var exist, result, requestTime, CoolDownTime_1;
95
- return __generator(this, function (_a) {
96
- switch (_a.label) {
97
- case 0:
98
- exist = $.fetch.waitList.includes(key);
99
- if (preventMultiRequest && exist) {
100
- return [2 /*return*/, {
101
- ok: false,
102
- status: 405,
103
- statusText: 'NoAcceptedMultiRequests',
104
- body: 'NoAcceptedMultiRequests',
105
- requestTime: 0,
106
- rawData: null
107
- }];
108
- }
109
- $.fetch.waitList = __spreadArray(__spreadArray([], __read($.fetch.waitList), false), [key], false);
110
- if (!url.match(/https?:/)) {
111
- url = '/' + url.replace(/^\//, "");
112
- Params.headers = __assign(__assign({}, $.fetch.defaultHeaders || {}), Params.headers || {});
113
- }
114
- amotify.fn.Loader.fn.mini.active(params.key || '');
115
- !topLoader || amotify.fn.Loader.fn.top.active();
116
- !cornerLoader || amotify.fn.Loader.fn.corner.active();
117
- return [4 /*yield*/, $.ajax(__assign({ method: method, url: url }, Params))];
118
- case 1:
119
- result = _a.sent();
120
- if ($.fetch.defaultResultCallback)
121
- $.fetch.defaultResultCallback(result);
122
- if (!trafficControl) return [3 /*break*/, 3];
123
- requestTime = result.requestTime;
124
- if (!(requestTime <= trafficControl)) return [3 /*break*/, 3];
125
- CoolDownTime_1 = Number(trafficControl - requestTime);
126
- return [4 /*yield*/, (function () {
127
- result.requestTime = trafficControl;
128
- return new Promise(function (resolve, reject) {
129
- setTimeout(function () {
130
- resolve(void 0);
131
- }, CoolDownTime_1);
132
- });
133
- })()];
134
- case 2:
135
- _a.sent();
136
- _a.label = 3;
137
- case 3:
138
- amotify.fn.Loader.fn.mini.stop(params.key || '');
139
- !topLoader || amotify.fn.Loader.fn.top.stop();
140
- !cornerLoader || amotify.fn.Loader.fn.corner.stop();
141
- $.fetch.waitList.splice($.fetch.waitList.findIndex(function (a) { return a == key; }), 1);
142
- return [2 /*return*/, result];
143
- }
144
- });
145
- }); })()];
146
- case 1:
147
- result = _h.sent();
148
- if (callback)
149
- callback(result);
150
- return [2 /*return*/, result];
151
- }
152
- });
153
- }); };
154
- $.fetch = {
155
- get: function (params, callback) { return __awaiter(void 0, void 0, void 0, function () {
156
- return __generator(this, function (_a) {
157
- switch (_a.label) {
158
- case 0: return [4 /*yield*/, fetcher(__assign(__assign({}, params), { method: 'get' }), callback)];
159
- case 1: return [2 /*return*/, _a.sent()];
160
- }
161
- });
162
- }); },
163
- post: function (params, callback) { return __awaiter(void 0, void 0, void 0, function () {
164
- return __generator(this, function (_a) {
165
- switch (_a.label) {
166
- case 0: return [4 /*yield*/, fetcher(__assign(__assign({}, params), { method: 'post' }), callback)];
167
- case 1: return [2 /*return*/, _a.sent()];
168
- }
169
- });
170
- }); },
171
- options: function (params, callback) { return __awaiter(void 0, void 0, void 0, function () {
172
- return __generator(this, function (_a) {
173
- switch (_a.label) {
174
- case 0: return [4 /*yield*/, fetcher(__assign(__assign({}, params), { method: 'options' }), callback)];
175
- case 1: return [2 /*return*/, _a.sent()];
176
- }
177
- });
178
- }); },
179
- put: function (params, callback) { return __awaiter(void 0, void 0, void 0, function () {
180
- return __generator(this, function (_a) {
181
- switch (_a.label) {
182
- case 0: return [4 /*yield*/, fetcher(__assign(__assign({}, params), { method: 'put' }), callback)];
183
- case 1: return [2 /*return*/, _a.sent()];
184
- }
185
- });
186
- }); },
187
- waitList: [],
188
- defaultHeaders: {},
189
- defaultResultCallback: function (result) {
190
- var status = result.status, statusText = result.statusText;
191
- if (status == 500) {
192
- $.NoticeHttpStatus({
193
- status: status,
194
- statusText: statusText,
195
- label: React.createElement(React.Fragment, null, "Internal Server Error")
196
- });
197
- }
198
- }
199
- };
@@ -1 +0,0 @@
1
- export {};
@@ -1,137 +0,0 @@
1
- "use strict";
2
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
3
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
4
- return new (P || (P = Promise))(function (resolve, reject) {
5
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
6
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
7
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
8
- step((generator = generator.apply(thisArg, _arguments || [])).next());
9
- });
10
- };
11
- var __generator = (this && this.__generator) || function (thisArg, body) {
12
- var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
13
- return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
14
- function verb(n) { return function (v) { return step([n, v]); }; }
15
- function step(op) {
16
- if (f) throw new TypeError("Generator is already executing.");
17
- while (_) try {
18
- if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
19
- if (y = 0, t) op = [op[0] & 2, t.value];
20
- switch (op[0]) {
21
- case 0: case 1: t = op; break;
22
- case 4: _.label++; return { value: op[1], done: false };
23
- case 5: _.label++; y = op[1]; op = [0]; continue;
24
- case 7: op = _.ops.pop(); _.trys.pop(); continue;
25
- default:
26
- if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
27
- if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
28
- if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
29
- if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
30
- if (t[2]) _.ops.pop();
31
- _.trys.pop(); continue;
32
- }
33
- op = body.call(thisArg, _);
34
- } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
35
- if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
36
- }
37
- };
38
- Object.defineProperty(exports, "__esModule", { value: true });
39
- var _export_1 = require("../Global/@export");
40
- var formProcess = false;
41
- $.formCollect = function (form) { return __awaiter(void 0, void 0, void 0, function () {
42
- var focusElement, Inputs, totalValid, Values, index, Input, _a, componentId, componentData, _b, displayValue, name_1, checked, _c, value, _d, inputType, validation, Value, files, valid;
43
- return __generator(this, function (_e) {
44
- switch (_e.label) {
45
- case 0:
46
- if (formProcess)
47
- return [2 /*return*/, {
48
- valid: false,
49
- data: {}
50
- }];
51
- focusElement = document.activeElement;
52
- if (focusElement)
53
- focusElement.blur();
54
- formProcess = true;
55
- Inputs = $("[data-form=\"".concat(form, "\"]")), totalValid = 1, Values = {};
56
- index = 0;
57
- _e.label = 1;
58
- case 1:
59
- if (!(index < Inputs.length)) return [3 /*break*/, 5];
60
- Input = Inputs[index];
61
- _a = Input.dataset.componentId, componentId = _a === void 0 ? '' : _a;
62
- componentData = _export_1.useStore.get(componentId);
63
- if (!(componentData && componentData.Refresh)) return [3 /*break*/, 3];
64
- return [4 /*yield*/, componentData.Refresh()];
65
- case 2:
66
- _e.sent();
67
- _e.label = 3;
68
- case 3:
69
- _b = Inputs[index], displayValue = _b.value, name_1 = _b.name, checked = _b.checked, _c = _b.dataset, value = _c.value, _d = _c.inputType, inputType = _d === void 0 ? '' : _d, validation = _c.validation;
70
- Value = value;
71
- validation = Number((validation !== null && validation !== void 0 ? validation : 'true') == 'true');
72
- if (inputType == 'hidden') {
73
- if (Value)
74
- Value = JSON.parse(Value);
75
- }
76
- else if (['radio', 'checkbox', 'checker'].includes(inputType)) {
77
- if (Value) {
78
- Value = JSON.parse(Value);
79
- if ($.is.array(Value)) {
80
- Value = Value.map(function (v) { return JSON.parse(v); });
81
- }
82
- else {
83
- Value = JSON.parse(Value);
84
- }
85
- if (inputType == 'radio') {
86
- Value = Value[0];
87
- }
88
- if (inputType == 'checker') {
89
- Value = Boolean(Value[0]);
90
- }
91
- }
92
- }
93
- else if (['chips-single', 'chips-multi'].includes(inputType)) {
94
- Value = JSON.parse(Value);
95
- if (Value.length) {
96
- if (inputType == 'chips-single')
97
- Value = Value[0];
98
- }
99
- }
100
- else if (inputType == 'time') {
101
- if (Value)
102
- Value = JSON.parse(Value);
103
- }
104
- else if (inputType == 'select') {
105
- if (Value)
106
- Value = JSON.parse(Value);
107
- }
108
- else if (inputType == 'file') {
109
- if (componentData) {
110
- files = componentData.Files;
111
- Value = files;
112
- }
113
- }
114
- else if (inputType == 'slider') {
115
- if (Value)
116
- Value = JSON.parse(Value);
117
- }
118
- else if (inputType == 'switch') {
119
- Value = checked | 0;
120
- }
121
- valid = (validation !== null && validation !== void 0 ? validation : 1) | 0;
122
- totalValid &= valid;
123
- if (validation)
124
- Values[name_1] = Value;
125
- _e.label = 4;
126
- case 4:
127
- index++;
128
- return [3 /*break*/, 1];
129
- case 5:
130
- formProcess = false;
131
- return [2 /*return*/, {
132
- valid: Boolean(totalValid),
133
- data: Values
134
- }];
135
- }
136
- });
137
- }); };