amotify 0.0.9 → 0.0.10

package/@types/_.tsx

@@ -2,5 +2,4 @@ import './jsminAmotifyExtension';
 import './state';
 import './module';
 import './amot';
-import './fn';
-import './index';
+import './fn';

package/@types/amot.tsx

@@ -1,11 +1,45 @@
-import React from 'react';
-import * as ReactDom from "react-dom";
-import * as ReactRouterDom from "react-router";
-
-export {}
+export { }
 declare global {
+  type ReactElement = React.ReactNode | React.ReactNode[]
+
   namespace amotify {
-    namespace glob {
+    type ToneTypes = 'default' | 'flat' | 'sharp'
+    type DarkModeTypes = 'light' | 'auto' | 'dark' | 'dim'
+    type ThemeColorTypes = 'comun' | 'leaf' | 'heart' | 'droplet' |
+
+      'brick' | 'flower' | 'lip' | 'wine' | 'theater' | 'bat' | 'poizon' | 'eggplant' | 'ufo' | 'alien' | 'tombstone' | 'ninja' | 'moon' | 'rain' | 'unicorn' | 'axe' | 'gem' | 'soap' | 'drizzle' | 'building' | 'fish' | 'icicles' | 'water' | 'tree1' | 'tree2' | 'tree3' | 'battery' | 'seedle' | 'greenTea' | 'oak' | 'salad' | 'cloudy' | 'lemon' | 'angel' | 'parasol' | 'pizza' | 'thunder' | 'latte' | 'island' | 'shovel' | 'coffee' | 'carrot' | 'cactus' | 'volcano' | 'choco' | 'industry' | 'gun' | 'galaxy' |
+
+      'line' | 'twitter' | 'amazon' | 'facebook' | 'android' | 'slackBlue' | 'slackGreen' | 'slackRed' | 'slackYellow' | 'slackBase' | 'googleBlue' | 'googleGreen' | 'googleYellow' | 'googleRed'
+
+    type RoundnessTypes = 0 | 1 | 2 | 3 | 4 | 5
+
+    namespace config {
+      interface Methods {
+        version: string
+        tone: amotify.ToneTypes
+        themeColor: amotify.ThemeColorTypes
+        darkMode: amotify.DarkModeTypes
+        roundness: amotify.RoundnessTypes
+        device: {
+          isWhat: 'Windows' | 'Android' | 'iPhone' | 'iPad' | 'macOSX' | 'undefined'
+          isBreakpoint(): boolean
+          isPhonepoint(): boolean
+          isSystemDarkmode(): boolean
+          isPhone: boolean
+          isTouchDevice: boolean
+          isIOS: boolean
+        }
+        update: {
+          tone( value: amotify.ToneTypes ): void
+          themeColor( value: amotify.ThemeColorTypes ): void
+          darkMode( value: amotify.DarkModeTypes ): void
+          roundness( value: amotify.RoundnessTypes ): void
+        }
+        readExtraCDN( url: string ): Promise<boolean>
+      }
+    }
+
+    namespace global {
       type LaunchReactApplicationParams = {
         ( params: {
           baseElement?: HTMLElement | string
@@ -19,7 +53,6 @@ declare global {
           }
         } ): void
       }
-  
       type useStoreParams = {
         set( params: {
           key: string
@@ -45,7 +78,6 @@ declare global {
         push( url: string,newTab?: boolean ): void
         back(): void
       }
-  
       namespace StyleConverter {
         type ReadStyleSet = {
           <T>( params: T ): T
@@ -54,24 +86,23 @@ declare global {
           <T>( params: T ): T
         }
       }
-  
-      type Methods = {
-        React: typeof React
-        ReactRouterDom: typeof ReactRouterDom
-        ReactDom: typeof ReactDom
-  
+
+      interface Methods {
+        React: typeof globalThis.React
+        ReactDOM: typeof globalThis.ReactDOM
+        ReactRouterDOM: any
         StyleConverter: {
           ReadStyleSet: StyleConverter.ReadStyleSet
           ToClassName: StyleConverter.ToClassName
         }
-  
+
         pageTransit: PageTransitParams
-        useStore: glob.useStoreParams
-        useRecycle: glob.useRecycleParams
-        LaunchReactApplication: glob.LaunchReactApplicationParams
+        useStore: global.useStoreParams
+        useRecycle: global.useRecycleParams
+        LaunchReactApplication: global.LaunchReactApplicationParams
       }
     }
-  
+
     namespace atoms {
       type BoxInput = amotifyBasicElement & {
         children?: ReactElement
@@ -82,45 +113,45 @@ declare global {
       type ParagraphProps = amotifyBasicElement & {
         children?: ReactElement
       } & React.HTMLAttributes<HTMLParagraphElement>
-  
+
       type FlexProps = amotifyBasicElement & {
         children?: ReactElement
       } & React.HTMLAttributes<HTMLDivElement>
-  
+
       type GridProps = amotifyBasicElement & {
         children: ReactElement
-  
+
         onClick?: {
           ( event: React.MouseEvent<HTMLDivElement,MouseEvent> ): void
         }
       } & React.HTMLAttributes<HTMLDivElement>
-  
+
       namespace FAIcon {
-        type Method = FNC<FAIconFNC> & ShortCuts
+        type Method = React.FC<FAIconFNC> & ShortCuts
         type FAIconFNC = amotifyBasicElement & {
           iconFamily?: 'classic' | 'sharp'
-  
+
           isSolidIcon?: boolean
           isRegularIcon?: boolean
           isLightIcon?: boolean
           isThinIcon?: boolean
           isDuotoneIcon?: boolean
-  
+
           iconAnimation?: false | 'beat' | 'beat-fade' | 'bounce' | 'fade' | 'flip' | 'shake' | 'spin' | 'spin-reverse' | 'spin-pulse'
           isBrandIcon?: boolean
           d?: string
         } & React.HTMLAttributes<HTMLDivElement>
         type ShortCuts = {
-          [ key in ShortCutNames ]: FNC<Omit<FAIconFNC,'d'>>
+          [ key in ShortCutNames ]: React.FC<Omit<FAIconFNC,'d'>>
         }
         type ShortCutNames =
           'User' | 'Times' | 'Desktop' |
-  
+
           'AngleRight' | 'AngleLeft' | 'AngleUp' | 'AngleDown' |
           'ChevronLeft' | 'ChevronRight' | 'ChevronUp' | 'ChevronDown' |
           'CaretLeft' | 'CaretRight' | 'CaretUp' | 'CaretDown' |
           'ArrowLeft' | 'ArrowRight' | 'ArrowUp' | 'ArrowDown' |
-  
+
           'Rotate' | 'RotateLeft' | 'RotateRight' | 'Redo' |
           'Play' | 'Pause' | 'Stop' | 'ForwardStep' | 'BackwardStep' |
           'Check' | 'CheckCircle' |
@@ -134,15 +165,15 @@ declare global {
           'Plus' | 'Minus' | 'Equals' | 'Calculator' |
           'Image' | 'BadgePercent'
       }
-  
+
       namespace Image {
-        type Methods = FNC<CompInput> & DefaultImages;
+        type Methods = React.FC<CompInput> & DefaultImages;
         type CompInput = amotifyBasicElement & {
           src: string
           alt?: string
           showExpand?: boolean | string
         } & React.HTMLAttributes<HTMLImageElement>
-  
+
         type DefaultImages = {
           uri: {
             mingooIcon: string
@@ -156,27 +187,27 @@ declare global {
               'store'
             ): string
           }
-  
+
         }
       }
-  
-  
+
+
       namespace Logos {
         type Methods = {
           Icon: ( params: Params ) => JSX.Element
           Title: ( params: Params ) => JSX.Element
-  
+
           Brands: {
             MingooIcon: ( params: DefaultLogoTypes ) => JSX.Element
             MingooTitle: ( params: DefaultLogoTypes ) => JSX.Element
             MingooLogoH: ( params: DefaultLogoTypes ) => JSX.Element
             MingooLogoV: ( params: DefaultLogoTypes ) => JSX.Element
-  
+
             ComunIcon: ( params: DefaultLogoTypes ) => JSX.Element
             ComunTitle: ( params: DefaultLogoTypes ) => JSX.Element
             ComunLogoH: ( params: DefaultLogoTypes ) => JSX.Element
             ComunLogoV: ( params: DefaultLogoTypes ) => JSX.Element
-  
+
             Google: ( params: DefaultLogoTypes ) => JSX.Element
             Facebook: ( params: DefaultLogoTypes ) => JSX.Element
             Twitter: ( params: DefaultLogoTypes ) => JSX.Element
@@ -186,38 +217,38 @@ declare global {
         type Params = amotifyBasicElement & {
           size?: 'S' | 'R' | 'L' | '2L' | '3L'
           color?: 'normal' | 'white'
-          children?: ReactElement | FNC<any>
+          children?: ReactElement | React.FC<any>
         }
         type DefaultLogoTypes = amotifyBasicElement & {
           size?: 'S' | 'R' | 'L' | '2L' | '3L'
           color?: 'normal' | 'white'
         }
       }
-  
+
       type PlaceholderParams = amotify.atoms.BoxInput & {
         color?: 'cloud' | 'white'
       }
-  
+
       type Methods = {
-        Box: FNC<atoms.BoxInput>
-  
-        Flex: FNC<atoms.FlexProps>
-        FlexBr: FNC<amotifyUniStyleParams>
-  
-        Placeholder: FNC<PlaceholderParams>
-  
-        Grid: FNC<atoms.GridProps>
-  
+        Box: React.FC<atoms.BoxInput>
+
+        Flex: React.FC<atoms.FlexProps>
+        FlexBr: React.FC<amotifyUniStyleParams>
+
+        Placeholder: React.FC<PlaceholderParams>
+
+        Grid: React.FC<atoms.GridProps>
+
         FAIcon: FAIcon.Method
-  
-        Span: FNC<atoms.SpanProps>
-        Paragraph: FNC<atoms.ParagraphProps>
+
+        Span: React.FC<atoms.SpanProps>
+        Paragraph: React.FC<atoms.ParagraphProps>
         Img: atoms.Image.Methods
-  
+
         Logo: Logos.Methods
       }
     }
-  
+
     namespace mols {
       namespace Accordion {
         type Params = {
@@ -236,58 +267,58 @@ declare global {
             toggle( accordionID: string ): void
           }
         }
-        type SetParams = FNC<Params> & FNParams
+        type SetParams = React.FC<Params> & FNParams
       }
-  
+
       namespace List {
         type Params = amotifyBasicElement & {
           rowStyles?: amotifyUniStyleParams
           rows: RowsParams[]
         }
-  
+
         type RowsParams = {
           children: ReactElement
         } & amotifyBasicElement
       }
-  
+
       type LinkifyTextProps = {
         text: string
         placeholder?: ReactElement
       }
-  
+
       type Methods = {
-        List: FNC<mols.List.Params>
+        List: React.FC<mols.List.Params>
         Accordion: mols.Accordion.SetParams
-        LinkifyText: FNC<mols.LinkifyTextProps>
+        LinkifyText: React.FC<mols.LinkifyTextProps>
         Text: {
-          NowrapSpan: FNC<atoms.SpanProps>
-          Title: FNC<atoms.BoxInput>
-          SubTitle: FNC<atoms.BoxInput>
-          ThirdTitle: FNC<atoms.BoxInput>
-          Paragraph: FNC<atoms.BoxInput>
-          Normal: FNC<atoms.BoxInput>
-          Description: FNC<atoms.BoxInput>
-          Supplement: FNC<atoms.BoxInput>
+          NowrapSpan: React.FC<atoms.SpanProps>
+          Title: React.FC<atoms.BoxInput>
+          SubTitle: React.FC<atoms.BoxInput>
+          ThirdTitle: React.FC<atoms.BoxInput>
+          Paragraph: React.FC<atoms.BoxInput>
+          Normal: React.FC<atoms.BoxInput>
+          Description: React.FC<atoms.BoxInput>
+          Supplement: React.FC<atoms.BoxInput>
         }
-        Column: FNC<atoms.FlexProps>
+        Column: React.FC<atoms.FlexProps>
         Row: {
-          Center: FNC<atoms.FlexProps>
-          Left: FNC<atoms.FlexProps>
-          Right: FNC<atoms.FlexProps>
-          Separate: FNC<atoms.FlexProps>
+          Center: React.FC<atoms.FlexProps>
+          Left: React.FC<atoms.FlexProps>
+          Right: React.FC<atoms.FlexProps>
+          Separate: React.FC<atoms.FlexProps>
         }
       }
     }
-  
+
     namespace orgs {
       namespace DisplayStyleInput {
         type Methods = {
-          Darkmode: FNC<DarkmodeInput>
+          Darkmode: React.FC<DarkmodeInput>
           ThemeColor: {
-            ALL: FNC<ThemeColorInput>
-            Basics: FNC<ThemeColorInput>
-            Originals: FNC<ThemeColorInput>
-            Brands: FNC<ThemeColorInput>
+            ALL: React.FC<ThemeColorInput>
+            Basics: React.FC<ThemeColorInput>
+            Originals: React.FC<ThemeColorInput>
+            Brands: React.FC<ThemeColorInput>
             Keys: {
               Brands: ColorIconParams[]
               Basics: ColorIconParams[]
@@ -300,7 +331,7 @@ declare global {
           icon: ReactElement
           label?: ReactElement
         }
-  
+
         type DarkmodeInput = atoms.BoxInput & {
           onUpdate( params: amotify.DarkModeTypes ): void
         }
@@ -312,11 +343,21 @@ declare global {
         DisplayStyleInput: DisplayStyleInput.Methods
       }
     }
-  
+
     namespace temps {
       type Methods = {
-        PlayGround: FNC<{}>
+        PlayGround: React.FC<{}>
       }
     }
   }
+  interface amotify {
+    config: amotify.config.Methods
+    global: amotify.global.Methods
+    atoms: amotify.atoms.Methods
+    mols: amotify.mols.Methods
+    orgs: amotify.orgs.Methods
+    temps: amotify.temps.Methods
+    fn: amotify.fn.Methods
+  }
+  var amotify: amotify;
 }

package/@types/fn.tsx

@@ -4,14 +4,14 @@ declare global {
     namespace fn {
       namespace Layout {
         type Methods = {
-          PageViewController: FNC<PageViewController.Params>
-          TabBar: FNC<TabBar.Params>
-          Plate: FNC<Plate.Params>
-          SwipeView: FNC<SwipeView.Params>
+          PageViewController: React.FC<PageViewController.Params>
+          TabBar: React.FC<TabBar.Params>
+          Plate: React.FC<Plate.Params>
+          SwipeView: React.FC<SwipeView.Params>
   
-          PageRouter: FNC<PageRouter.RouterProps>
+          PageRouter: React.FC<PageRouter.RouterProps>
   
-          PageNotFound: FNC<{}>
+          PageNotFound: React.FC<{}>
   
           RootViewController: RootViewController.Methods
         }
@@ -92,18 +92,18 @@ declare global {
   
         namespace RootViewController {
           type Methods = {
-            Base: FNC<RootViewController.BaseParams>
-            TopNavigation: FNC<amotify.atoms.FlexProps>
-            SideNavigation: FNC<amotify.atoms.FlexProps & {
+            Base: React.FC<RootViewController.BaseParams>
+            TopNavigation: React.FC<amotify.atoms.FlexProps>
+            SideNavigation: React.FC<amotify.atoms.FlexProps & {
               baseStyles?: amotifyUniStyleParams
             }>
-            FooterNavigation: FNC<amotify.atoms.FlexProps & {
+            FooterNavigation: React.FC<amotify.atoms.FlexProps & {
               baseStyles?: amotifyUniStyleParams
             }>
             Comps: {
-              Button: FNC<ButtonParams>
-              Title: FNC<atoms.BoxInput>
-              Bar: FNC<atoms.BoxInput>
+              Button: React.FC<ButtonParams>
+              Title: React.FC<atoms.BoxInput>
+              Bar: React.FC<atoms.BoxInput>
             }
           }
   
@@ -130,13 +130,13 @@ declare global {
         }
   
         type CompsMethods = {
-          Table: FNC<TableParams>
-          Head: FNC<TableHeadParams>
-          Body: FNC<TableBodyParams>
-          Row: FNC<TRParams>
+          Table: React.FC<TableParams>
+          Head: React.FC<TableHeadParams>
+          Body: React.FC<TableBodyParams>
+          Row: React.FC<TRParams>
   
-          TH: FNC<TableCellParams>
-          TD: FNC<TableCellParams>
+          TH: React.FC<TableCellParams>
+          TD: React.FC<TableCellParams>
           RightIndicator: Uni.CellParams
         }
         type DataCompsMethods = {
@@ -262,10 +262,10 @@ declare global {
             setSearchKeyword( tableID: string,keyword: string ): void
           }
           type Comps = {
-            SearchInput: FNC<{ tableID: string }>
-            Info: FNC<{ tableID: string }>
-            Paging: FNC<{ tableID: string }>
-            RowLength: FNC<{
+            SearchInput: React.FC<{ tableID: string }>
+            Info: React.FC<{ tableID: string }>
+            Paging: React.FC<{ tableID: string }>
+            RowLength: React.FC<{
               tableID: string
               lengthSelect: number[]
             }>
@@ -307,7 +307,7 @@ declare global {
       }
       namespace Input {
         type Methods = {
-          Plain: FNC<amotifyUniStyleParams & React.InputHTMLAttributes<HTMLInputElement>>
+          Plain: React.FC<amotifyUniStyleParams & React.InputHTMLAttributes<HTMLInputElement>>
           Hidden: ( params: Hidden.PlainParams ) => JSX.Element
           Text: Text.Methods
           TextArea: ( params: TextArea.PlainParams ) => JSX.Element
@@ -328,12 +328,12 @@ declare global {
           Segmented: Segmented.Types
   
           Comps: {
-            RequiredSign: FNC<amotify.atoms.SpanProps>
-            OmitSign: FNC<amotify.atoms.SpanProps>
-            LeftIndicator: FNC<IndicatorParams>
-            RightIndicator: FNC<IndicatorParams>
-            LeftIcon: FNC<IndicatorParams>
-            RightIcon: FNC<IndicatorParams>
+            RequiredSign: React.FC<amotify.atoms.SpanProps>
+            OmitSign: React.FC<amotify.atoms.SpanProps>
+            LeftIndicator: React.FC<IndicatorParams>
+            RightIndicator: React.FC<IndicatorParams>
+            LeftIcon: React.FC<IndicatorParams>
+            RightIcon: React.FC<IndicatorParams>
           }
         }
   
@@ -635,7 +635,7 @@ declare global {
           } & amotifyUniStyleParams
         }
         namespace Chips {
-          type Methods = FNC<PlainParams> & {
+          type Methods = React.FC<PlainParams> & {
             fn: FNs
           }
   
@@ -672,20 +672,20 @@ declare global {
             value: any
             label: string
           }
-          type SelectedCellComponentInput = FNC<{
+          type SelectedCellComponentInput = React.FC<{
             removeCallback: Function
             defaultRemoveButton: ReactElement
             openCallback(): void
             value: any
             label: string
           }>
-          type SelectorCellComponentInput = FNC<{
+          type SelectorCellComponentInput = React.FC<{
             isSelected: boolean
             isFocused: boolean
             value: any
             label: string
           }>
-          type AddButtonComponentInput = FNC<{
+          type AddButtonComponentInput = React.FC<{
             selected: OptionParams[]
             openCallback(): void
           }>
@@ -721,7 +721,7 @@ declare global {
           type PlainParams = Chips.PlainParams
         }
         namespace Filer {
-          type Methods = FNC<PlainParams> & FNs
+          type Methods = React.FC<PlainParams> & FNs
   
           type PlainParams = CoreParams & React.DOMAttributes<HTMLInputElement> & {
             tone?: BoxToneTypes
@@ -910,8 +910,8 @@ declare global {
           Anchor: ToneTypes<AnchorInput>
         }
         type ToneTypes<T> = {
-          Plain: FNC<T>
-          Link: FNC<T>
+          Plain: React.FC<T>
+          Link: React.FC<T>
   
           Normal: SizeTypes<T>
           Border: SizeTypes<T>
@@ -923,10 +923,10 @@ declare global {
           BorderToFill: SizeTypes<T & Tones.BorderToFill>
         }
         type SizeTypes<T> = {
-          XS: FNC<T>
-          S: FNC<T>
-          R: FNC<T>
-          L: FNC<T>
+          XS: React.FC<T>
+          S: React.FC<T>
+          R: React.FC<T>
+          L: React.FC<T>
         }
   
         namespace Tones {
@@ -989,7 +989,7 @@ declare global {
           closeGroup( keyGroup: string ): void
           closeAll( pageTransit?: boolean ): void
           Comps: {
-            Body: FNC<atoms.BoxInput>
+            Body: React.FC<atoms.BoxInput>
           }
         }
   
@@ -1071,7 +1071,7 @@ declare global {
           close( tipsID: string ): void
           closeALL(): void
           Comps: {
-            Body: FNC<atoms.BoxInput>
+            Body: React.FC<atoms.BoxInput>
           }
         }
   
@@ -1121,11 +1121,11 @@ declare global {
           Cloud: SizeTypes<CompInput>
         }
         type SizeTypes<T> = {
-          S: FNC<T>
-          R: FNC<T>
-          L: FNC<T>
-          XL: FNC<T>
-          MAX: FNC<T>
+          S: React.FC<T>
+          R: React.FC<T>
+          L: React.FC<T>
+          XL: React.FC<T>
+          MAX: React.FC<T>
         }
   
         type Sizes = 'S' | 'R' | 'L' | 'XL' | 'MAX'
@@ -1179,9 +1179,9 @@ declare global {
           animationDelay?: number
         }
         type Methods = {
-          FadeIn: FNC<FadeUniParams>
-          FadeUp: FNC<FadeUniParams>
-          // NumberCount: FNC<{
+          FadeIn: React.FC<FadeUniParams>
+          FadeUp: React.FC<FadeUniParams>
+          // NumberCount: React.FC<{
           //   from: number
           //   to: number
           //   ms:number

package/@types/module.tsx

@@ -1,2 +1 @@
-declare module "*.scss";
-declare module "react-dom";
+declare module "*.scss";