amotify 0.0.59 → 0.0.62

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 (79) hide show
  1. package/@types/_.tsx +5 -5
  2. package/@types/amot.tsx +11 -11
  3. package/@types/fn.tsx +14 -1
  4. package/@types/module.tsx +1 -1
  5. package/dist/amotify.js +1 -1
  6. package/dist/amotify.min.css +3 -3
  7. package/package.json +1 -1
  8. package/src/@atoms.tsx +3 -3
  9. package/src/@functions.tsx +11 -11
  10. package/src/@global.tsx +40 -40
  11. package/src/@jsminAmotifyExtension/_.tsx +4 -4
  12. package/src/@jsminAmotifyExtension/fetch.tsx +30 -30
  13. package/src/@jsminAmotifyExtension/formCollect.tsx +32 -32
  14. package/src/@jsminAmotifyExtension/spreadSheet.tsx +71 -71
  15. package/src/@jsminAmotifyExtension/variables.tsx +38 -38
  16. package/src/@molecules.tsx +6 -6
  17. package/src/@styles/props.scss +1 -1
  18. package/src/@styles/var.scss +0 -1
  19. package/src/@templates.tsx +1 -1
  20. package/src/@variables.tsx +2 -2
  21. package/src/atoms/FAI/parts.tsx +105 -105
  22. package/src/atoms/Logo/parts.tsx +19 -19
  23. package/src/atoms/Various/parts.tsx +26 -26
  24. package/src/config.tsx +62 -59
  25. package/src/functions/Button/_.tsx +49 -49
  26. package/src/functions/Cropper/parts.tsx +249 -249
  27. package/src/functions/Effects/Fade.tsx +18 -18
  28. package/src/functions/Effects/Ripple.tsx +24 -24
  29. package/src/functions/Effects/_.tsx +5 -5
  30. package/src/functions/Input/Chips/Selector.tsx +107 -107
  31. package/src/functions/Input/Chips/_.tsx +66 -66
  32. package/src/functions/Input/Contenteditable.tsx +18 -18
  33. package/src/functions/Input/DigitCharacters.tsx +48 -48
  34. package/src/functions/Input/File/_.tsx +114 -114
  35. package/src/functions/Input/Hidden.tsx +3 -3
  36. package/src/functions/Input/List/_.tsx +61 -61
  37. package/src/functions/Input/RichSelect/_.tsx +38 -38
  38. package/src/functions/Input/Segmented/_.tsx +30 -30
  39. package/src/functions/Input/Select/_.tsx +42 -42
  40. package/src/functions/Input/Slider/_.tsx +93 -93
  41. package/src/functions/Input/Switch/_.tsx +21 -21
  42. package/src/functions/Input/Text.tsx +99 -97
  43. package/src/functions/Input/TextArea.tsx +17 -17
  44. package/src/functions/Input/Time/Picker.tsx +199 -199
  45. package/src/functions/Input/Time/_.tsx +173 -173
  46. package/src/functions/Input/_.tsx +135 -135
  47. package/src/functions/Input/core.tsx +96 -96
  48. package/src/functions/Inputs/_.tsx +1 -1
  49. package/src/functions/Inputs/text.tsx +5 -5
  50. package/src/functions/Layout/PageNotFound.tsx +6 -6
  51. package/src/functions/Layout/PageRouter.tsx +28 -44
  52. package/src/functions/Layout/PageViewController/parts.tsx +7 -7
  53. package/src/functions/Layout/Plate.tsx +5 -5
  54. package/src/functions/Layout/RootViewController/parts.tsx +94 -71
  55. package/src/functions/Layout/RootViewController/style.module.scss +0 -1
  56. package/src/functions/Layout/SwipeView/parts.tsx +90 -90
  57. package/src/functions/Layout/TabBar.tsx +10 -10
  58. package/src/functions/Layout/_.tsx +7 -7
  59. package/src/functions/Loader/corner.tsx +10 -10
  60. package/src/functions/Loader/mini.tsx +25 -25
  61. package/src/functions/Loader/parts.tsx +31 -31
  62. package/src/functions/Loader/top.tsx +10 -10
  63. package/src/functions/Sheet/parts.tsx +219 -219
  64. package/src/functions/Sheet/style.module.scss +0 -20
  65. package/src/functions/SnackBar/parts.tsx +50 -50
  66. package/src/functions/Table/Data/parts.tsx +202 -202
  67. package/src/functions/Table/Drag/parts.tsx +76 -76
  68. package/src/functions/Table/Normal/parts.tsx +23 -23
  69. package/src/functions/Table/_.tsx +33 -33
  70. package/src/functions/Tooltips/parts.tsx +7 -7
  71. package/src/global/LaunchReactApplication.tsx +28 -28
  72. package/src/global/styleConverter.tsx +133 -133
  73. package/src/launch.tsx +27 -27
  74. package/src/molecules/Accordion/parts.tsx +41 -41
  75. package/src/molecules/LinkifyText/parts.tsx +18 -18
  76. package/src/molecules/List.tsx +6 -6
  77. package/src/preload.tsx +5 -45
  78. package/src/templates/PlayGround/parts.tsx +8 -8
  79. package/webpack.config.js +9 -9
package/src/functions/Loader/parts.tsx CHANGED
@@ -1,16 +1,16 @@
1
- import React from 'react';
1
+ import React from 'react'
2
2
  import {
3
3
  launchID,
4
4
  LaunchSubApplication,
5
5
  useStore
6
- } from '@global';
6
+ } from '@global'
7
7
 
8
- import style from './style.module.scss';
8
+ import style from './style.module.scss'
9
9
 
10
- export const memoryID = $.uuidGen();
11
- import { Mini } from './mini';
12
- import { Top } from './top';
13
- import { Corner } from './corner';
10
+ export const memoryID = $.uuidGen()
11
+ import { Mini } from './mini'
12
+ import { Top } from './top'
13
+ import { Corner } from './corner'
14
14
 
15
15
  const SizeWrapper: {
16
16
  ( params: {
@@ -23,7 +23,7 @@ const SizeWrapper: {
23
23
  MAX: React.FC<amotify.fn.Loader.CompInput>
24
24
  }
25
25
  } = ( params ) => {
26
- let color = params.color;
26
+ let color = params.color
27
27
  return {
28
28
  S: ( params ) => <Mini size='S' color={ color } { ...params } />,
29
29
  R: ( params ) => <Mini size='R' color={ color } { ...params } />,
@@ -43,50 +43,50 @@ const Loader: amotify.fn.Loader.Methods = {
43
43
  fn: {
44
44
  top: {
45
45
  active: () => {
46
- useStore.get( memoryID + '-top' ).active();
46
+ useStore.get( memoryID + '-top' ).active()
47
47
  },
48
48
  stop: () => {
49
- useStore.get( memoryID + '-top' ).stop();
49
+ useStore.get( memoryID + '-top' ).stop()
50
50
  },
51
51
  },
52
52
  corner: {
53
53
  active: () => {
54
- useStore.get( memoryID + '-corner' ).active();
54
+ useStore.get( memoryID + '-corner' ).active()
55
55
  },
56
56
  stop: () => {
57
- useStore.get( memoryID + '-corner' ).stop();
57
+ useStore.get( memoryID + '-corner' ).stop()
58
58
  },
59
59
  },
60
60
  mini: {
61
61
  active: ( keyCode = '' ) => {
62
62
  $( '.' + style.MiniLoader ).for( ( elm ) => {
63
- let { dataset: { componentId } = {} } = elm;
64
- if ( !componentId ) return;
65
- let fn = useStore.get( componentId );
66
- if ( fn && fn.active ) fn.active( keyCode );
67
- } );
63
+ let { dataset: { componentId } = {} } = elm
64
+ if ( !componentId ) return
65
+ let fn = useStore.get( componentId )
66
+ if ( fn && fn.active ) fn.active( keyCode )
67
+ } )
68
68
  },
69
69
  stop: ( keyCode = '' ) => {
70
70
  $( '.' + style.MiniLoader ).for( ( elm ) => {
71
- let { dataset: { componentId } = {} } = elm;
72
- if ( !componentId ) return;
73
- let fn = useStore.get( componentId );
74
- if ( fn && fn.stop ) fn.stop( keyCode );
75
- } );
71
+ let { dataset: { componentId } = {} } = elm
72
+ if ( !componentId ) return
73
+ let fn = useStore.get( componentId )
74
+ if ( fn && fn.stop ) fn.stop( keyCode )
75
+ } )
76
76
  },
77
77
  stopALL: () => {
78
78
  $( '.' + style.MiniLoader ).for( ( elm ) => {
79
- let { dataset: { componentId } = {} } = elm;
80
- if ( !componentId ) return;
81
- let fn = useStore.get( componentId );
82
- if ( fn && fn.stopForce ) fn.stopForce();
83
- } );
79
+ let { dataset: { componentId } = {} } = elm
80
+ if ( !componentId ) return
81
+ let fn = useStore.get( componentId )
82
+ if ( fn && fn.stopForce ) fn.stopForce()
83
+ } )
84
84
  },
85
85
  },
86
86
  stopALL: () => {
87
- Loader.fn.top.stop();
88
- Loader.fn.corner.stop();
89
- Loader.fn.mini.stopALL();
87
+ Loader.fn.top.stop()
88
+ Loader.fn.corner.stop()
89
+ Loader.fn.mini.stopALL()
90
90
  }
91
91
  }
92
92
  }
@@ -100,4 +100,4 @@ LaunchSubApplication( {
100
100
  <Corner />
101
101
  </>,
102
102
  nonRouter: true
103
- } );
103
+ } )
package/src/functions/Loader/top.tsx CHANGED
@@ -1,32 +1,32 @@
1
1
  import {
2
2
  useStore,
3
3
  React
4
- } from '@global';
4
+ } from '@global'
5
5
  import {
6
6
  Box,
7
7
  Flex
8
- } from '@atoms';
8
+ } from '@atoms'
9
9
 
10
- import style from './style.module.scss';
10
+ import style from './style.module.scss'
11
11
 
12
- import { memoryID } from './parts';
12
+ import { memoryID } from './parts'
13
13
 
14
14
  export const Top = () => {
15
- let [ val_active,set_active ] = React.useState( false );
15
+ let [ val_active,set_active ] = React.useState( false )
16
16
 
17
17
  React.useEffect( () => {
18
18
  useStore.set( {
19
19
  key: memoryID + '-top',
20
20
  value: {
21
21
  active: () => {
22
- set_active( true );
22
+ set_active( true )
23
23
  },
24
24
  stop: () => {
25
- set_active( false );
25
+ set_active( false )
26
26
  }
27
27
  }
28
- } );
29
- },[] );
28
+ } )
29
+ },[] )
30
30
 
31
31
  return <Flex
32
32
  className={ [
@@ -80,5 +80,5 @@ export const Top = () => {
80
80
  Loading...
81
81
  </Box>
82
82
  </Flex>
83
- </Flex>;
83
+ </Flex>
84
84
  }