amotify 0.0.16 → 0.0.18

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 (44) hide show
  1. package/@types/state.tsx +9 -2
  2. package/dist/amotify.js +2 -2
  3. package/dist/amotify.min.css +3 -3
  4. package/dist/coreVender.js +1 -1
  5. package/package.json +2 -2
  6. package/src/atoms/Logo/parts.tsx +14 -14
  7. package/src/atoms/Various/parts.tsx +6 -6
  8. package/src/functions/Button/_.tsx +26 -16
  9. package/src/functions/Button/style.module.scss +34 -60
  10. package/src/functions/Cropper/parts.tsx +119 -121
  11. package/src/functions/Effects/Fade.tsx +4 -4
  12. package/src/functions/Effects/style.module.scss +9 -1
  13. package/src/functions/Input/Chips/Selector.tsx +2 -2
  14. package/src/functions/Input/Chips/_.tsx +4 -4
  15. package/src/functions/Input/DigitCharacters.tsx +2 -2
  16. package/src/functions/Input/File/_.tsx +206 -213
  17. package/src/functions/Input/List/_.tsx +4 -4
  18. package/src/functions/Input/Segmented/_.tsx +12 -12
  19. package/src/functions/Input/Select/_.tsx +6 -7
  20. package/src/functions/Input/Slider/_.tsx +4 -4
  21. package/src/functions/Input/Text.tsx +104 -106
  22. package/src/functions/Input/TextArea.tsx +33 -35
  23. package/src/functions/Input/Time/Picker.tsx +14 -14
  24. package/src/functions/Input/Time/_.tsx +77 -79
  25. package/src/functions/Input/_.tsx +87 -93
  26. package/src/functions/Input/core.tsx +2 -2
  27. package/src/functions/Inputs/text.tsx +6 -8
  28. package/src/functions/Layout/PageNotFound.tsx +2 -2
  29. package/src/functions/Layout/PageViewController/parts.tsx +3 -5
  30. package/src/functions/Layout/Plate.tsx +2 -3
  31. package/src/functions/Layout/RootViewController/parts.tsx +4 -4
  32. package/src/functions/Layout/SwipeView/parts.tsx +4 -4
  33. package/src/functions/Layout/TabBar.tsx +2 -2
  34. package/src/functions/Sheet/parts.tsx +11 -11
  35. package/src/functions/SnackBar/parts.tsx +4 -3
  36. package/src/functions/Table/Data/parts.tsx +35 -37
  37. package/src/functions/Table/Drag/parts.tsx +6 -6
  38. package/src/functions/Table/Normal/parts.tsx +6 -6
  39. package/src/functions/Table/_.tsx +2 -2
  40. package/src/launch.tsx +0 -1
  41. package/src/molecules/Accordion/parts.tsx +2 -2
  42. package/src/molecules/LinkifyText/parts.tsx +3 -5
  43. package/src/templates/PlayGround/parts.tsx +2 -2
  44. package/webpack.config.js +0 -6
@@ -353,10 +353,10 @@ const Components = {
353
353
  </Comps.TH> );
354
354
  }
355
355
 
356
- return ( <Comps.Row
356
+ return <Comps.Row
357
357
  className={ [ style.Row,style.HeadRow ].join( ' ' ) }
358
358
  children={ Cols }
359
- /> );
359
+ />;
360
360
  },
361
361
  Body: ( params: {
362
362
  val_status: DataTableOptionParams
@@ -500,7 +500,7 @@ const Components = {
500
500
  </Comps.TD>
501
501
  </Comps.Row> );
502
502
  }
503
- return ( <>{ BodyRows }</> );
503
+ return <>{ BodyRows }</>;
504
504
  },
505
505
  Core: ( params: {
506
506
  val_status: DataTableOptionParams
@@ -645,24 +645,22 @@ const Components = {
645
645
  } );
646
646
  } );
647
647
 
648
- return ( <>
649
- <Box
650
- className={ style.TableBase }
651
- >
652
- <Comps.Table className={ style.Table }>
653
- <Components.Header
654
- val_status={ val_status }
655
- set_status={ set_status }
656
- KeywordFilterRows={ KeywordFilterRows }
657
- />
658
- <Components.Body
659
- val_status={ val_status }
660
- set_status={ set_status }
661
- PageRows={ PageRows }
662
- />
663
- </Comps.Table>
664
- </Box>
665
- </> );
648
+ return <Box
649
+ className={ style.TableBase }
650
+ >
651
+ <Comps.Table className={ style.Table }>
652
+ <Components.Header
653
+ val_status={ val_status }
654
+ set_status={ set_status }
655
+ KeywordFilterRows={ KeywordFilterRows }
656
+ />
657
+ <Components.Body
658
+ val_status={ val_status }
659
+ set_status={ set_status }
660
+ PageRows={ PageRows }
661
+ />
662
+ </Comps.Table>
663
+ </Box>;
666
664
  },
667
665
  Propagations: {} as any,
668
666
 
@@ -707,10 +705,10 @@ const Components = {
707
705
  } );
708
706
  row.__sys4SearchKey = __sys4SearchKey.join( '/;' );
709
707
  } );
710
- return ( <Components.StateManager
708
+ return <Components.StateManager
711
709
  eventID={ $.uuidGen() }
712
710
  { ...params }
713
- /> );
711
+ />;
714
712
  },
715
713
  StateManager: ( params: amotify.fn.Tables.Data.Params ) => {
716
714
  let {
@@ -762,10 +760,10 @@ const Components = {
762
760
  set_status( DefStatus );
763
761
  }
764
762
 
765
- return ( <Components.Core
763
+ return <Components.Core
766
764
  val_status={ val_status }
767
765
  set_status={ set_status }
768
- /> );
766
+ />;
769
767
  }
770
768
  }
771
769
 
@@ -823,9 +821,9 @@ export const DataFNs: amotify.fn.Tables.Data.FNs = {
823
821
  export const DataComps: amotify.fn.Tables.Data.Comps = {
824
822
  SearchInput: ( params ) => {
825
823
  let status = DataFNs.useStatus( params.tableID );
826
- if ( !status.tableComponentDidMount ) return ( null );
824
+ if ( !status.tableComponentDidMount ) return null;
827
825
 
828
- return ( <Input.Text.Normal
826
+ return <Input.Text.Normal
829
827
  placeholder='検索...'
830
828
  clearButton
831
829
  padding={ '2/3' }
@@ -841,14 +839,14 @@ export const DataComps: amotify.fn.Tables.Data.Comps = {
841
839
  onUpdateValidValue={ ( { value } ) => {
842
840
  DataFNs.setSearchKeyword( params.tableID,value );
843
841
  } }
844
- /> );
842
+ />;
845
843
  },
846
844
  Info: ( params ) => {
847
845
  let status = DataFNs.useStatus( params.tableID );
848
- if ( !status.tableComponentDidMount ) return ( null );
846
+ if ( !status.tableComponentDidMount ) return null;
849
847
  let Ratio = status.filteredRows.ratio( status.totalRows ) || 0;
850
848
 
851
- return ( <Flex
849
+ return <Flex
852
850
  verticalAlign='baseline'
853
851
  gap={ '1/2' }
854
852
  fontSize='1.mini'
@@ -861,18 +859,18 @@ export const DataComps: amotify.fn.Tables.Data.Comps = {
861
859
  { status.filteredRows.toLocaleString() }
862
860
  </Span>
863
861
  / { status.totalRows.toLocaleString() }件 ({ Ratio }%)
864
- </Flex> );
862
+ </Flex>;
865
863
  },
866
864
  Paging: ( params ) => {
867
865
  let status = DataFNs.useStatus( params.tableID );
868
- if ( !status.tableComponentDidMount ) return ( null );
866
+ if ( !status.tableComponentDidMount ) return null;
869
867
 
870
868
  let PageSelect: amotify.fn.Input.Select.OptionProps[] = [];
871
869
  for ( let index = 0; index < status.paging.pageLength; index++ ) {
872
870
  PageSelect.push( { value: index + 1,label: ( index + 1 ).toString() } );
873
871
  }
874
872
 
875
- return ( <Row.Center>
873
+ return <Row.Center>
876
874
  <Row.Center
877
875
  gap={ '1/2' }
878
876
  >
@@ -917,11 +915,11 @@ export const DataComps: amotify.fn.Tables.Data.Comps = {
917
915
  <FAI.ChevronRight />
918
916
  </Buttons.Button.Sub.R>
919
917
  </Row.Right>
920
- </Row.Center> );
918
+ </Row.Center>;
921
919
  },
922
920
  RowLength: ( params ) => {
923
921
  let status = DataFNs.useStatus( params.tableID );
924
- if ( !status.tableComponentDidMount ) return ( null );
922
+ if ( !status.tableComponentDidMount ) return null;
925
923
 
926
924
  let currentLength = status.paging.rowLength;
927
925
  let ExistCurrentLength = 0;
@@ -939,7 +937,7 @@ export const DataComps: amotify.fn.Tables.Data.Comps = {
939
937
  keys: [ 'value' ],
940
938
  } );
941
939
 
942
- return ( <Row.Center
940
+ return <Row.Center
943
941
  gap={ '1/2' }
944
942
  >
945
943
  件数 :
@@ -955,7 +953,7 @@ export const DataComps: amotify.fn.Tables.Data.Comps = {
955
953
  DataFNs.setRowLength( params.tableID,value );
956
954
  } }
957
955
  />
958
- </Row.Center> );
956
+ </Row.Center>;
959
957
  },
960
958
  }
961
959
 
@@ -64,10 +64,10 @@ const HeadRow: React.FC<amotify.fn.Tables.Drag.Params> = ( props ) => {
64
64
  /> );
65
65
  }
66
66
 
67
- return ( <Comps.Row
67
+ return <Comps.Row
68
68
  className={ [ style.Row,style.HeadRow ].join( ' ' ) }
69
69
  children={ Cols }
70
- /> );
70
+ />;
71
71
  }
72
72
  const BodyRows: React.FC<amotify.fn.Tables.Drag.Params> = ( props ) => {
73
73
  let {
@@ -294,9 +294,9 @@ const BodyRows: React.FC<amotify.fn.Tables.Drag.Params> = ( props ) => {
294
294
  }
295
295
  },[] );
296
296
 
297
- return ( <>
297
+ return <>
298
298
  { BodyRows }
299
- </> );
299
+ </>;
300
300
  }
301
301
 
302
302
  export const DragTable: React.FC<amotify.fn.Tables.Drag.Params> = ( params ) => {
@@ -334,10 +334,10 @@ export const DragTable: React.FC<amotify.fn.Tables.Drag.Params> = ( params ) =>
334
334
  return row;
335
335
  } );
336
336
 
337
- return ( <Comps.Table className={ style.Table }>
337
+ return <Comps.Table className={ style.Table }>
338
338
  <HeadRow { ...params } />
339
339
  <BodyRows { ...params } />
340
- </Comps.Table> );
340
+ </Comps.Table>;
341
341
  }
342
342
 
343
343
  type InfoParams = {
@@ -47,10 +47,10 @@ const HeadRow: React.FC<amotify.fn.Tables.Normal.Params> = ( params ) => {
47
47
  /> );
48
48
  } )
49
49
 
50
- return ( <Comps.Row
50
+ return <Comps.Row
51
51
  className={ [ style.Row,style.HeadRow ].join( ' ' ) }
52
52
  children={ Cols }
53
- /> );
53
+ />;
54
54
  }
55
55
  const BodyRows: React.FC<amotify.fn.Tables.Normal.Params> = ( params ) => {
56
56
  let {
@@ -105,9 +105,9 @@ const BodyRows: React.FC<amotify.fn.Tables.Normal.Params> = ( params ) => {
105
105
  /> );
106
106
  } );
107
107
 
108
- return ( <>
108
+ return <>
109
109
  { BodyRows }
110
- </> );
110
+ </>;
111
111
  }
112
112
 
113
113
  export const NormalTable: React.FC<amotify.fn.Tables.Normal.Params> = ( params ) => {
@@ -117,8 +117,8 @@ export const NormalTable: React.FC<amotify.fn.Tables.Normal.Params> = ( params )
117
117
  return row;
118
118
  } );
119
119
 
120
- return ( <Comps.Table className={ style.Table }>
120
+ return <Comps.Table className={ style.Table }>
121
121
  <HeadRow { ...params } />
122
122
  <BodyRows { ...params } />
123
- </Comps.Table> );
123
+ </Comps.Table>;
124
124
  }
@@ -100,12 +100,12 @@ const Wrapper: React.FC<amotify.fn.Tables.Uni.Params & {
100
100
  'spread': ''
101
101
  }[ type ];
102
102
 
103
- return ( <Box
103
+ return <Box
104
104
  className={ ClassName }
105
105
  style={ freeCSS }
106
106
  >
107
107
  <TableComponent { ...others as any } />
108
- </Box> );
108
+ </Box>;
109
109
  }
110
110
 
111
111
  let DataComponent: any = ( props: any ) => ( <Wrapper type='data' { ...props } /> );
package/src/launch.tsx CHANGED
@@ -1,5 +1,4 @@
1
1
  import 'jsmin-front/@types';
2
-
3
2
  import '../@types/_';
4
3
 
5
4
  if ( !global.$ ) console.log( `%c※can not find global.$,please read Jsmin to launch amotify.`,'color:orange;' );
@@ -113,7 +113,7 @@ const Component: React.FC<amotify.mols.Accordion.Params> = ( params ) => {
113
113
  } );
114
114
  }
115
115
 
116
- return ( <Box
116
+ return <Box
117
117
  className={ [
118
118
  style.Wrap,
119
119
  style[ 'Open_' + val_open ]
@@ -124,7 +124,7 @@ const Component: React.FC<amotify.mols.Accordion.Params> = ( params ) => {
124
124
  data-accordion-content-id={ val_contentID }
125
125
  { ...others }
126
126
  />
127
- </Box> );
127
+ </Box>;
128
128
  }
129
129
 
130
130
  const Accordion: amotify.mols.Accordion.SetParams = Component as any
@@ -46,9 +46,7 @@ export const LinkifyText: React.FC<amotify.mols.LinkifyTextProps> = ( props ) =>
46
46
  Description = [ placeholder ];
47
47
  }
48
48
 
49
- return (
50
- <>
51
- { Description }
52
- </>
53
- );
49
+ return <>
50
+ { Description }
51
+ </>;
54
52
  }
@@ -15,7 +15,7 @@ import {
15
15
  import style from './style.module.scss';
16
16
 
17
17
  export const PlayGround: React.FC<{}> = () => {
18
- return ( <>
18
+ return <>
19
19
  <Box
20
20
  padding={ 2 }
21
21
  border
@@ -92,5 +92,5 @@ export const PlayGround: React.FC<{}> = () => {
92
92
  />
93
93
  </Box>
94
94
  </Column>
95
- </> );
95
+ </>;
96
96
  }
package/webpack.config.js CHANGED
@@ -52,12 +52,6 @@ module.exports = ( () => {
52
52
  ],
53
53
  splitChunks: {
54
54
  cacheGroups: {
55
- // jsminFront: {
56
- // test: /node_modules\/jsmin-front/,
57
- // filename: 'jsminFront.js',
58
- // chunks: 'all',
59
- // enforce: true
60
- // },
61
55
  vendor: {
62
56
  test: /node_modules/,
63
57
  filename: 'coreVender.js',