amotify 0.0.64 → 0.0.66

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