amotify 0.0.9 → 0.0.11

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;
 }