amotify 0.0.65 → 0.0.67

package/dist/src/functions/Layout/TabBar.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { fn } from '@declations';
+import { React } from '@global';
+export declare const TabBar: React.FC<fn.Layout.TabBar.Params>;

package/dist/src/functions/Layout/_.d.ts

@@ -0,0 +1,3 @@
+import { fn } from '@declations';
+declare const Layout: fn.Layout.Methods;
+export { Layout };

package/dist/src/functions/Loader/corner.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { React } from '@global';
+export declare const Corner: () => React.JSX.Element;

package/dist/src/functions/Loader/mini.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { fn } from '@declations';
+import { React } from '@global';
+export declare const Mini: (params: fn.Loader.CompInput & {
+    color?: fn.Loader.Colors;
+    size?: fn.Loader.Sizes;
+}) => React.JSX.Element;

package/dist/src/functions/Loader/parts.d.ts

@@ -0,0 +1,4 @@
+import { fn } from '@declations';
+export declare const memoryID: string;
+declare const Loader: fn.Loader.Methods;
+export { Loader };

package/dist/src/functions/Loader/top.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { React } from '@global';
+export declare const Top: () => React.JSX.Element;

package/dist/src/functions/Sheet/parts.d.ts

@@ -0,0 +1,3 @@
+import { fn } from '@declations';
+declare const Sheet: fn.Sheet.Methods;
+export { Sheet };

package/dist/src/functions/SnackBar/parts.d.ts

@@ -0,0 +1,3 @@
+import { fn } from '@declations';
+declare const SnackBar: fn.SnackBar.Methods;
+export { SnackBar };

package/dist/src/functions/Table/Data/parts.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { fn } from '@declations';
+import { React } from '@global';
+export declare const DataFNs: fn.Tables.Data.FNs;
+export declare const DataComps: fn.Tables.Data.Comps;
+export declare const DataTable: (params: fn.Tables.Data.Params) => React.JSX.Element;

package/dist/src/functions/Table/Drag/parts.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { fn } from '@declations';
+import { React } from '@global';
+export declare const DragTable: React.FC<fn.Tables.Drag.Params>;

package/dist/src/functions/Table/Normal/parts.d.ts

@@ -0,0 +1,3 @@
+import { fn } from '@declations';
+import React from 'react';
+export declare const NormalTable: React.FC<fn.Tables.Normal.Params>;

package/dist/src/functions/Table/_.d.ts

@@ -0,0 +1,10 @@
+import { Styles, fn } from '@declations';
+export declare const Comps: fn.Tables.CompsMethods;
+export declare const Table: fn.Tables.Methods;
+export declare const DefaultCellStyles: (type: fn.Tables.Types, tone: fn.Tables.Tones) => Styles.Params;
+export declare const DefaultCellSystemStyles: (args: {
+    top: boolean;
+    bottom: boolean;
+    left: boolean;
+    right: boolean;
+}) => Styles.Params;

package/dist/src/functions/Tooltips/parts.d.ts

@@ -0,0 +1,3 @@
+import { fn } from '@declations';
+declare const Tooltips: fn.Tooltips.Methods;
+export { Tooltips };

package/dist/src/global/LaunchReactApplication.d.ts

@@ -0,0 +1,3 @@
+import { global } from '@declations';
+export declare const LaunchRoot: (params: global.LaunchRootInput) => void;
+export declare const LaunchReactApplication: (props: global.LaunchReactApplicationInput) => void;

package/dist/src/global/styleConverter.d.ts

@@ -0,0 +1,3 @@
+import { global } from '@declations';
+export declare const ReadStyleSet: global.StyleConverter.ReadStyleSet;
+export declare const ToClassName: global.StyleConverter.ToClassName;

package/dist/src/launch.d.ts

@@ -0,0 +1,10 @@
+import './@styles/@app.scss';
+export { Device, Browser, Styles, ReactElement, config, global, atoms, mols, orgs, temps, fn } from './@declations/_';
+import { amotify } from './@declations/_';
+import { launchID } from './@variables';
+export { launchID };
+declare let publicURI: string;
+export { publicURI };
+import './@jsminAmotifyExtension/_';
+declare const instance: amotify;
+export default instance;

package/dist/src/molecules/Accordion/parts.d.ts

@@ -0,0 +1,3 @@
+import { mols } from '@declations';
+declare const Accordion: mols.Accordion.SetParams;
+export { Accordion };

package/dist/src/molecules/LinkifyText/parts.d.ts

@@ -0,0 +1,3 @@
+import { mols } from '@declations';
+import React from 'react';
+export declare const LinkifyText: React.FC<mols.LinkifyTextProps>;

package/dist/src/molecules/List.d.ts

@@ -0,0 +1,3 @@
+import { mols } from '@declations';
+import React from 'react';
+export declare const List: React.FC<mols.List.Params>;

package/dist/src/templates/PlayGround/parts.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const PlayGround: React.FC<{}>;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "amotify",
-  "version": "0.0.65",
+  "version": "0.0.67",
   "description": "UI Component for React",
-  "main": "dist/launch.js",
-  "types": "dist/@types.d.ts",
+  "main": "dist/amotify.js",
+  "types": "dist/src/launch.d.ts",
   "scripts": {
     "clean": "rimraf dist",
     "devCDN:webpack": "webpack --mode development --watch",
-    "devCDN:server": "nodemon app.js --ignore public --ignore package.json --ignore src --ignore webpack.config.js --ignore tsconfig.json",
+    "devCDN:server": "nodemon app.js",
     "proCDN:webpack": "webpack --mode production",
     "start": "run-p clean devCDN:*",
     "build": "run-p clean proCDN:*"
@@ -34,10 +34,12 @@
     "@fortawesome/free-regular-svg-icons": "^6.5.1",
     "@fortawesome/free-solid-svg-icons": "^6.5.1",
     "@fortawesome/react-fontawesome": "^0.2.0",
-    "jsmin-front": "^0.0.23",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-router-dom": "^6.22.0"
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.0",
+    "jsmin-front": "^0.0.29",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^6.23.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.23.0",
@@ -46,8 +48,6 @@
     "@babel/preset-typescript": "^7.23.3",
     "@types/express": "^4.17.21",
     "@types/google.maps": "^3.54.8",
-    "@types/react": "^18.2.37",
-    "@types/react-dom": "^18.2.15",
     "babel-loader": "^9.1.3",
     "babel-preset-preact": "^2.0.0",
     "browser-sync-webpack-plugin": "^2.3.0",

package/tsconfig.json

@@ -4,9 +4,9 @@
       "DOM"
     ],
     "jsx": "react",
-    "target": "es5",
+    // "target": "es5",
+    "target": "ES2016",
     "module": "commonjs",
-    "sourceMap": false,
     "baseUrl": "./",
     "paths": {
       "~": [
@@ -24,6 +24,9 @@
       "@styleSet": [
         "src/@styles/styleSet"
       ],
+      "@declations": [
+        "src/@declations/_"
+      ],
       "@global": [
         "src/@global"
       ],
@@ -48,8 +51,9 @@
     "forceConsistentCasingInFileNames": true,
     "downlevelIteration": true,
     "allowJs": true,
-    "declaration": false,
-    // "emitDeclarationOnly": true,
+    "emitDeclarationOnly": false,
+    "declaration": true,
+    "sourceMap": false,
     "outDir": "./dist",
     "noImplicitAny": true,
     "noImplicitThis": true,
@@ -58,11 +62,14 @@
     // "noUnusedParameters": true,
     "strictNullChecks": true,
     "esModuleInterop": true,
-    "noEmitOnError": false
+    "noEmitOnError": false,
+    "noEmit": false
   },
   "exclude": [
     "node_modules",
-    "public/*",
-    "dist/*"
+    "dist"
+  ],
+  "include": [
+    "src/*",
   ]
 }

package/@types/_.tsx

@@ -1,7 +0,0 @@
-export default { }
-
-import './jsminAmotifyExtension'
-import './state'
-import './module'
-import './amot'
-import './fn'

package/@types/amot.tsx

@@ -1,355 +0,0 @@
-export default {}
-
-import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome'
-import { IconDefinition } from "@fortawesome/fontawesome-common-types"
-import * as FontawesomeCore from '@fortawesome/fontawesome-svg-core'
-
-import React from 'react'
-import ReactDOM from 'react-dom'
-import * as ReactRouterDOM from 'react-router-dom'
-
-
-declare global {
-  type ReactElement = React.ReactNode | React.ReactNode[]
-
-  namespace amotify {
-    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
-
-    type DeviceTypes = 'windows' | 'android' | 'iPhone' | 'iPad' | 'macOSX' | 'undefined'
-    type BrowserTypes = 'chrome' | 'firefox' | 'safari' | 'opera' | 'ie' | 'edge' | 'undefined'
-
-    namespace config {
-      interface Methods {
-        version: string
-        launchID: string
-        tone: amotify.ToneTypes
-        themeColor: amotify.ThemeColorTypes
-        darkMode: amotify.DarkModeTypes
-        roundness: amotify.RoundnessTypes
-        device: {
-          deviceIs: DeviceTypes
-          browserIs: BrowserTypes
-          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
-        }
-        variables: {
-          darkmodeColors: {
-            light: string
-            dark: string
-            dim: string
-            auto(): string
-          }
-          themeColors: {
-            [ key in amotify.ThemeColorTypes ]: {
-              alfa( alfa?: number ): string
-              isBrand: boolean
-              isAvocado: boolean
-            }
-          }
-        }
-        readExtraCDN( url: string ): Promise<boolean>
-      }
-    }
-
-    namespace global {
-      type LaunchReactApplicationInput = {
-        baseElement?: HTMLElement | string
-        reactElement: ReactElement
-        nonRouter?: boolean
-        isRoot?: boolean
-        appearances?: {
-          roundness?: RoundnessTypes
-          themeColor?: amotify.ThemeColorTypes
-          tone?: amotify.ToneTypes
-          darkMode?: amotify.DarkModeTypes
-        }
-      }
-      type useStoreParams = {
-        set( params: {
-          key: string
-          value: any
-          privateKey?: string
-        } ): boolean
-        update( params: {
-          key: string
-          value: any
-          privateKey?: string
-        } ): boolean
-        get( key: string,privateKey?: string ): any
-        delete( key: string,privateKey?: string ): boolean
-      }
-      type useRecycleParams = {
-        set( key: string ): string
-        do( key: string ): void
-      }
-      type PageTransitParams = {
-        open( url: string ): void
-        pushSync( url: string ): void
-        pushAsync( url: string ): void
-        push( url: string,newTab?: boolean ): void
-        back(): void
-      }
-      namespace StyleConverter {
-        type ReadStyleSet = {
-          <T>( params: T ): T
-        }
-        type ToClassName = {
-          <T>( params: T ): T
-        }
-      }
-
-      interface Methods {
-        React: typeof React
-        ReactDOM: typeof ReactDOM
-        ReactRouterDOM: typeof ReactRouterDOM
-        StyleConverter: {
-          ReadStyleSet: StyleConverter.ReadStyleSet
-          ToClassName: StyleConverter.ToClassName
-        }
-
-        pageTransit: PageTransitParams
-        useStore: global.useStoreParams
-        useRecycle: global.useRecycleParams
-        LaunchReactApplication( params: global.LaunchReactApplicationInput ): void
-      }
-    }
-
-    namespace atoms {
-      type BoxInput = amotifyBasicElement & {
-        children?: ReactElement
-      } & React.HTMLAttributes<HTMLDivElement>
-      type SpanProps = amotifyBasicElement & {
-        children?: ReactElement
-      } & React.HTMLAttributes<HTMLSpanElement>
-      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 FAI {
-        type Method = React.FC<FAIParams> & Shortcuts
-        type FAIParams = amotifyBasicElement & {
-          icon: FontawesomeCore.IconProp | IconDefinition
-          iconParams?: Omit<FontAwesomeIconProps,'icon'>
-        }
-        type Shortcuts = {
-          [ key in ShortCutNames ]: React.FC<Omit<FAIParams,'icon'>>
-        }
-
-        type ShortCutNames =
-          'User' | 'Times' |
-
-          'AngleRight' | 'AngleLeft' | 'AngleUp' | 'AngleDown' |
-          'ChevronLeft' | 'ChevronRight' | 'ChevronUp' | 'ChevronDown' |
-          'CaretLeft' | 'CaretRight' | 'CaretUp' | 'CaretDown' |
-          'ArrowLeft' | 'ArrowRight' | 'ArrowUp' | 'ArrowDown' |
-
-          'Rotate' | 'Redo' |
-          'Check' | 'CheckCircle' |
-          'Question' | 'QuestionCircle' |
-          'Exclamation' | 'ExclamationTriangle' |
-          'Home' | 'Share' |
-          'Search' | 'YenSign' | 'Heart' | 'Star' |
-          'Edit' | 'Pen' | 'Copy' | 'File' |
-          'TrashAlt' | 'Bars' | 'Download' |
-          'Link' | 'LinkSlash' | 'ExternalLinkAlt' |
-          'Gear' |
-          'Plus' | 'Minus' |
-          'EllipsisH' | 'EllipsisV' |
-          'PaperPlane' |
-          'Image'
-      }
-
-      namespace Image {
-        type Methods = React.FC<CompInput> & DefaultImages
-        type CompInput = amotifyBasicElement & {
-          src: string
-          alt?: string
-          showExpand?: boolean | string
-        } & React.HTMLAttributes<HTMLImageElement>
-
-        type DefaultImages = {
-          uri: {
-            mingooIcon: string
-            comunIcon: string
-            comunIconClear: string
-            defaultIcon( type:
-              'image' |
-              'object' |
-              'user' |
-              'group' |
-              '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
-            LINE: ( params: DefaultLogoTypes ) => JSX.Element
-          }
-        }
-        type Params = amotifyBasicElement & {
-          size?: 'S' | 'R' | 'L' | '2L' | '3L'
-          color?: 'normal' | 'white'
-          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: React.FC<atoms.BoxInput>
-
-        Flex: React.FC<atoms.FlexProps>
-        FlexBr: React.FC<amotifyUniStyleParams>
-
-        Placeholder: React.FC<PlaceholderParams>
-
-        Grid: React.FC<atoms.GridProps>
-
-        FAI: FAI.Method
-
-        Span: React.FC<atoms.SpanProps>
-        Paragraph: React.FC<atoms.ParagraphProps>
-        Img: atoms.Image.Methods
-
-        Logo: Logos.Methods
-      }
-    }
-
-    namespace mols {
-      namespace Accordion {
-        type Params = {
-          defaultOpen?: boolean
-          override?: boolean
-          accordionID?: string
-          slideAnimation?: 'none' | 'fast' | 'slow'
-          children: ReactElement
-          onToggleEvent?: {
-            ( open: boolean ): void
-          }
-        } & atoms.BoxInput
-        type FNParams = {
-          fn: {
-            open( accordionID: string ): void
-            close( accordionID: string ): void
-            toggle( accordionID: string ): void
-          }
-        }
-        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: React.FC<mols.List.Params>
-        Accordion: mols.Accordion.SetParams
-        LinkifyText: React.FC<mols.LinkifyTextProps>
-        Text: {
-          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: React.FC<atoms.FlexProps>
-        Row: {
-          Center: React.FC<atoms.FlexProps>
-          Left: React.FC<atoms.FlexProps>
-          Right: React.FC<atoms.FlexProps>
-          Separate: React.FC<atoms.FlexProps>
-        }
-      }
-    }
-
-    namespace orgs {
-    }
-
-    namespace temps {
-      type Methods = {
-        PlayGround: React.FC<{}>
-      }
-    }
-  }
-  interface amotify {
-    config: amotify.config.Methods
-    global: amotify.global.Methods
-    atoms: amotify.atoms.Methods
-    mols: amotify.mols.Methods
-    orgs: {}
-    temps: amotify.temps.Methods
-    fn: amotify.fn.Methods
-  }
-  var amotify: amotify
-}