amotify 0.0.71 → 0.1.0

package/bundler.ts

@@ -0,0 +1,60 @@
+import path from 'path'
+import esbuild from 'esbuild'
+import { sassPlugin,postcssModules } from 'esbuild-sass-plugin'
+
+let project = {
+  name: 'amotify',
+  ver: 'v0.0.1',
+  author: 'mingoo, LLC.',
+  details: 'https://mingoo.co.jp/'
+}
+
+let jsBanner = `/**
+* @license amotify
+* ${ project.name } ${ project.ver }
+* ${ project.details }
+   
+* Copyright (c) ${ project.author }
+* Released under the MIT license
+* ${ project.details }
+
+* Latest updated at: ${ new Date().toLocaleDateString() }
+*/
+`
+
+esbuild.build( {
+  bundle: true,
+  minify: true,
+  target: [ "ES6" ],
+  platform: 'node',
+  format: 'esm',
+  entryPoints: [
+    './src/amotify.tsx'
+  ],
+  outbase: './src',
+  outfile: './dist/amotify.min.js',
+  external: [
+    "./node_modules/*"
+  ],
+  plugins: [
+    sassPlugin( {
+      type: 'css',
+      filter: /\.module\.scss$/,
+      importMapper: ( path ) => {
+        let resolvedPath = path
+          .replace( /@props/,__dirname + '/src/@styles/props.scss' )
+          .replace( /@mixin/,__dirname + '/src/@styles/mixin.scss' )
+        return resolvedPath
+      },
+      transform: postcssModules( {
+
+      } )
+    } ),
+    sassPlugin( {
+      type: 'css'
+    } )
+  ],
+  banner: {
+    js: jsBanner
+  },
+} )

package/dist/{src/@declations → @declaration}/_.d.ts

@@ -1,13 +1,6 @@
+/// <reference types="react" />
 import './module';
-import React from 'react';
-import ReactDOM from 'react-dom';
-import * as ReactRouterDOM from 'react-router-dom';
 declare global {
-    namespace customGlobal {
-        type React = typeof React;
-        type ReactDOM = typeof ReactDOM;
-        type ReactRouterDOM = typeof ReactRouterDOM;
-    }
     interface JsminExtension {
         spreadSheet: {
             readFromFile(file: fn.Input.Filer.CustomFile): Promise<JsminExtension.SpreadSheet.Method>;
@@ -106,10 +99,10 @@ declare global {
 export type Device = 'windows' | 'android' | 'iPhone' | 'iPad' | 'macOSX' | 'undefined';
 export type Browser = 'chrome' | 'firefox' | 'safari' | 'opera' | 'ie' | 'edge' | 'undefined';
 export type ReactElement = React.ReactNode | React.ReactNode[];
-import { Styles } from './styles';
-export { Styles };
+import { TagProps } from './property';
+export type { TagProps };
 import { config, global, atoms, mols, orgs, temps, fn } from './amotify';
-export { config, global, atoms, mols, orgs, temps, fn };
+export type { config, global, atoms, mols, orgs, temps, fn };
 export interface amotify {
     config: config.Methods;
     global: global.Methods;

package/dist/{src/@declations → @declaration}/amotify.d.ts

@@ -1,4 +1,4 @@
-import { Jsmin } from 'jsmin-front';
+import { Jsmin } from 'mingoo.jsmin';
 import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
 import { IconDefinition } from "@fortawesome/fontawesome-common-types";
 import * as FontawesomeCore from '@fortawesome/fontawesome-svg-core';
@@ -6,16 +6,16 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import * as ReactRouterDOM from 'react-router-dom';
 import { ReactElement, Device, Browser } from './_';
-import { Styles } from './styles';
+import { TagProps } from './property';
 export declare namespace config {
     interface Methods {
         version: string;
         launchID: string;
         appRootID: string;
         appRoot: HTMLElement;
-        themeColor: Styles.ThemeColor;
-        darkMode: Styles.DarkMode;
-        roundness: Styles.Roundness;
+        themeColor: TagProps.ThemeColor;
+        darkMode: TagProps.DarkMode;
+        roundness: TagProps.Roundness;
         device: {
             deviceIs: Device;
             browserIs: Browser;
@@ -27,9 +27,9 @@ export declare namespace config {
             isIOS: boolean;
         };
         update: {
-            themeColor(value: Styles.ThemeColor): void;
-            darkMode(value: Styles.DarkMode): void;
-            roundness(value: Styles.Roundness): void;
+            themeColor(value: TagProps.ThemeColor): void;
+            darkMode(value: TagProps.DarkMode): void;
+            roundness(value: TagProps.Roundness): void;
         };
         variables: {
             darkmodeColors: {
@@ -39,7 +39,7 @@ export declare namespace config {
                 auto(): string;
             };
             themeColors: {
-                [key in Styles.ThemeColor]: {
+                [key in TagProps.ThemeColor]: {
                     alfa(alfa?: number): string;
                     isBrand: boolean;
                     isAvocado: boolean;
@@ -59,9 +59,9 @@ export declare namespace global {
         nonRouter?: boolean;
         isRoot?: boolean;
         appearances?: {
-            roundness?: Styles.Roundness;
-            themeColor?: Styles.ThemeColor;
-            darkMode?: Styles.DarkMode;
+            roundness?: TagProps.Roundness;
+            themeColor?: TagProps.ThemeColor;
+            darkMode?: TagProps.DarkMode;
         };
     };
     type useStoreParams = {
@@ -113,19 +113,19 @@ export declare namespace global {
     }
 }
 export declare namespace atoms {
-    type BoxInput = Styles.BasicElement & {
+    type BoxInput = TagProps.BasicElement & {
         children?: ReactElement;
     } & React.HTMLAttributes<HTMLDivElement>;
-    type SpanProps = Styles.BasicElement & {
+    type SpanProps = TagProps.BasicElement & {
         children?: ReactElement;
     } & React.HTMLAttributes<HTMLSpanElement>;
-    type ParagraphProps = Styles.BasicElement & {
+    type ParagraphProps = TagProps.BasicElement & {
         children?: ReactElement;
     } & React.HTMLAttributes<HTMLParagraphElement>;
-    type FlexProps = Styles.BasicElement & {
+    type FlexProps = TagProps.BasicElement & {
         children?: ReactElement;
     } & React.HTMLAttributes<HTMLDivElement>;
-    type GridProps = Styles.BasicElement & {
+    type GridProps = TagProps.BasicElement & {
         children: ReactElement;
         onClick?: {
             (event: React.MouseEvent<HTMLDivElement, MouseEvent>): void;
@@ -133,7 +133,7 @@ export declare namespace atoms {
     } & React.HTMLAttributes<HTMLDivElement>;
     namespace FAI {
         type Method = React.FC<FAIParams> & Shortcuts;
-        type FAIParams = Styles.BasicElement & {
+        type FAIParams = TagProps.BasicElement & {
             icon: FontawesomeCore.IconProp | IconDefinition;
             iconParams?: Omit<FontAwesomeIconProps, 'icon'>;
         };
@@ -144,7 +144,7 @@ export declare namespace atoms {
     }
     namespace Image {
         type Methods = React.FC<CompInput> & DefaultImages;
-        type CompInput = Styles.BasicElement & {
+        type CompInput = TagProps.BasicElement & {
             src: string;
             alt?: string;
             showExpand?: boolean | string;
@@ -177,12 +177,12 @@ export declare namespace atoms {
                 LINE: (params: DefaultLogo) => JSX.Element;
             };
         };
-        type Params = Styles.BasicElement & {
+        type Params = TagProps.BasicElement & {
             size?: 'S' | 'R' | 'L' | '2L' | '3L';
             color?: 'normal' | 'white';
             children?: ReactElement | React.FC<any>;
         };
-        type DefaultLogo = Styles.BasicElement & {
+        type DefaultLogo = TagProps.BasicElement & {
             size?: 'S' | 'R' | 'L' | '2L' | '3L';
             color?: 'normal' | 'white';
         };
@@ -193,7 +193,7 @@ export declare namespace atoms {
     type Methods = {
         Box: React.FC<atoms.BoxInput>;
         Flex: React.FC<atoms.FlexProps>;
-        FlexBr: React.FC<Styles.Params>;
+        FlexBr: React.FC<TagProps.Params>;
         Placeholder: React.FC<PlaceholderParams>;
         Grid: React.FC<atoms.GridProps>;
         FAI: FAI.Method;
@@ -225,13 +225,13 @@ export declare namespace mols {
         type SetParams = React.FC<Params> & FNParams;
     }
     namespace List {
-        type Params = Styles.BasicElement & {
-            rowStyles?: Styles.Params;
+        type Params = TagProps.BasicElement & {
+            rowStyles?: TagProps.Params;
             rows: RowsParams[];
         };
         type RowsParams = {
             children: ReactElement;
-        } & Styles.BasicElement;
+        } & TagProps.BasicElement;
     }
     type LinkifyTextProps = {
         text: string;
@@ -264,9 +264,7 @@ export declare namespace orgs {
     type Methods = {};
 }
 export declare namespace temps {
-    type Methods = {
-        PlayGround: React.FC<{}>;
-    };
+    type Methods = {};
 }
 export declare namespace fn {
     namespace Layout {
@@ -298,7 +296,7 @@ export declare namespace fn {
                 componentDidMount?: {
                     (): void;
                 };
-            } & Styles.BasicElement;
+            } & TagProps.BasicElement;
         }
         namespace Plate {
             type Params = {
@@ -306,7 +304,7 @@ export declare namespace fn {
             } & atoms.BoxInput;
         }
         namespace SwipeView {
-            type Params = Styles.BasicElement & {
+            type Params = TagProps.BasicElement & {
                 slideIndex?: number;
                 slides: ReactElement[];
                 wrapper?: {
@@ -352,10 +350,10 @@ export declare namespace fn {
                 Base: React.FC<RootViewController.BaseParams>;
                 TopNavigation: React.FC<atoms.FlexProps>;
                 SideNavigation: React.FC<atoms.FlexProps & {
-                    baseStyles?: Styles.Params;
+                    baseStyles?: TagProps.Params;
                 }>;
                 FooterNavigation: React.FC<atoms.FlexProps & {
-                    baseStyles?: Styles.Params;
+                    baseStyles?: TagProps.Params;
                 }>;
                 Comps: {
                     Button: React.FC<ButtonParams>;
@@ -405,11 +403,11 @@ export declare namespace fn {
             Paging: any;
         };
         type customTableHTMLAttributes<T> = Omit<React.TableHTMLAttributes<T>, 'border'>;
-        type TableParams = Styles.BasicElement & customTableHTMLAttributes<HTMLTableElement>;
-        type TableHeadParams = Styles.BasicElement & customTableHTMLAttributes<HTMLTableSectionElement>;
-        type TableBodyParams = Styles.BasicElement & customTableHTMLAttributes<HTMLTableSectionElement>;
-        type TRParams = Styles.BasicElement & React.HTMLAttributes<HTMLTableRowElement>;
-        type TableCellParams = Styles.BasicElement & React.ThHTMLAttributes<HTMLTableCellElement>;
+        type TableParams = TagProps.BasicElement & customTableHTMLAttributes<HTMLTableElement>;
+        type TableHeadParams = TagProps.BasicElement & customTableHTMLAttributes<HTMLTableSectionElement>;
+        type TableBodyParams = TagProps.BasicElement & customTableHTMLAttributes<HTMLTableSectionElement>;
+        type TRParams = TagProps.BasicElement & React.HTMLAttributes<HTMLTableRowElement>;
+        type TableCellParams = TagProps.BasicElement & React.ThHTMLAttributes<HTMLTableCellElement>;
         type Types = 'normal' | 'data' | 'drag' | 'spread';
         type Tones = 'border' | 'cellBorder' | 'rowBorder' | 'plain' | 'auto';
         type OnRowClick = {
@@ -433,13 +431,13 @@ export declare namespace fn {
                 tableID?: string;
                 tone?: Tones;
                 colLength: number;
-                cellStyles?: Styles.Params;
+                cellStyles?: TagProps.Params;
                 cellClassName?: string;
                 cellStylesCallback?: {
-                    (params: StylesCallbackInput): Styles.Params;
+                    (params: StylesCallbackInput): TagProps.Params;
                 };
                 className?: string;
-            } & Styles.Params;
+            } & TagProps.Params;
         }
         namespace Normal {
             type CellParams = Uni.CellParams;
@@ -560,7 +558,7 @@ export declare namespace fn {
     }
     namespace Input {
         type Methods = {
-            Plain: React.FC<Styles.Params & React.InputHTMLAttributes<HTMLInputElement>>;
+            Plain: React.FC<TagProps.Params & React.InputHTMLAttributes<HTMLInputElement>>;
             Hidden: (params: Hidden.PlainParams) => JSX.Element;
             Text: Text.Methods;
             TextArea: (params: TextArea.PlainParams) => JSX.Element;
@@ -590,7 +588,7 @@ export declare namespace fn {
         };
         type WrapperParams = atoms.BoxInput & {
             label?: ReactElement;
-            labelStyles?: Styles.Params;
+            labelStyles?: TagProps.Params;
             required?: boolean | 'plain' | 'omit';
         };
         type UniParams = {
@@ -608,8 +606,8 @@ export declare namespace fn {
         };
         type CoreParams = UniParams & {
             className?: string;
-            wrapStyles?: Styles.Params;
-        } & Styles.Params;
+            wrapStyles?: TagProps.Params;
+        } & TagProps.Params;
         type OnUpdateValue = {
             (data: {
                 value: any;
@@ -708,7 +706,7 @@ export declare namespace fn {
                 tabIndex?: number;
                 id?: string;
                 value?: string | number;
-                listStyles?: Styles.Params;
+                listStyles?: TagProps.Params;
             };
         }
         namespace Time {
@@ -785,7 +783,7 @@ export declare namespace fn {
                 leftIcon?: ReactElement | false;
                 rightIcon?: ReactElement | false;
                 enableUnSelected?: boolean;
-                rightIconStyles?: Styles.Params;
+                rightIconStyles?: TagProps.Params;
             };
             type ValueProps = string | number | boolean | plainObject | void | null;
             type OptionProps = {
@@ -808,9 +806,9 @@ export declare namespace fn {
                 leftIcon?: ReactElement | false;
                 rightIcon?: ReactElement | false;
                 enableUnSelected?: boolean;
-                rightIconStyles?: Styles.Params;
-                cellStyles?: Styles.Params;
-                sheetStyles?: Styles.Params;
+                rightIconStyles?: TagProps.Params;
+                cellStyles?: TagProps.Params;
+                sheetStyles?: TagProps.Params;
                 gravityPoint?: number;
             };
             type ValueProps = string | number | boolean | plainObject | void | null;
@@ -840,9 +838,9 @@ export declare namespace fn {
                 hideInput?: boolean;
                 leftIndicator?: ReactElement | false;
                 rightIndicator?: ReactElement | false;
-                cellStyles?: Styles.Params;
+                cellStyles?: TagProps.Params;
                 cellClassName?: string;
-                cellCheckedStyles?: Styles.Params;
+                cellCheckedStyles?: TagProps.Params;
                 cellCheckedClassName?: string;
                 defaultActiveStyling?: boolean;
             };
@@ -855,9 +853,9 @@ export declare namespace fn {
                 label: ReactElement;
                 disabled?: boolean;
                 className?: string;
-                checkedStyles?: Styles.Params;
+                checkedStyles?: TagProps.Params;
                 checkedClassName?: string;
-            } & Styles.Params;
+            } & TagProps.Params;
         }
         namespace Chips {
             type Methods = React.FC<PlainParams> & {
@@ -947,7 +945,7 @@ export declare namespace fn {
                 fileNameEdit?: boolean;
                 systemOnly?: boolean;
                 accept?: Accept;
-                cellStyles?: Styles.Params;
+                cellStyles?: TagProps.Params;
                 cellClassName?: string;
             };
             type CustomFile = File & {
@@ -979,7 +977,7 @@ export declare namespace fn {
                     showAlways?: boolean;
                 };
             };
-            type Color = Styles.ThemeColor | 'theme' | 'posi' | 'nega' | 'warn';
+            type Color = TagProps.ThemeColor | 'theme' | 'posi' | 'nega' | 'warn';
             type LegendsCallback = {
                 (value: number): ReactElement;
             };
@@ -994,7 +992,7 @@ export declare namespace fn {
                 value?: boolean;
                 icon?: ReactElement;
             };
-            type Color = Styles.ThemeColor | 'theme' | 'posi' | 'nega' | 'warn';
+            type Color = TagProps.ThemeColor | 'theme' | 'posi' | 'nega' | 'warn';
         }
         namespace Segmented {
             type Tones = 'Border' | 'ThemeBorder' | 'BottomLine' | 'Cloud' | 'ThemeCloud' | 'WhiteCloud';
@@ -1018,9 +1016,9 @@ export declare namespace fn {
                 tabIndex?: number;
                 disabled?: boolean;
                 value?: boolean;
-                cellStyles?: Styles.Params;
+                cellStyles?: TagProps.Params;
                 cellClassName?: string;
-                cellCheckedStyles?: Styles.Params;
+                cellCheckedStyles?: TagProps.Params;
                 cellCheckedClassName?: string;
             };
         }
@@ -1074,7 +1072,7 @@ export declare namespace fn {
                 }): Promise<Result>;
             };
         }
-        type IndicatorParams = Styles.Params & {
+        type IndicatorParams = TagProps.Params & {
             tone?: BoxTone;
             className?: string;
             children: ReactElement;
@@ -1114,7 +1112,7 @@ export declare namespace fn {
             type Normal = {};
             type Border = {};
             type Prime = {
-                color?: Colors | Styles.ThemeColor;
+                color?: Colors | TagProps.ThemeColor;
             };
             type Sub = {
                 color?: Colors | 'layer';
@@ -1129,16 +1127,14 @@ export declare namespace fn {
                 color?: Colors;
             };
         }
-        type UniParams = Styles.BasicElement & {
+        type UniParams = TagProps.BasicElement & {
             tabIndex?: number;
             children?: ReactElement;
             'aria-label'?: string;
             isLocked?: boolean;
             isActive?: boolean;
-            isActiveStyles?: Styles.Params;
+            isActiveStyles?: TagProps.Params;
             isActiveClassName?: string;
-            activeStyles?: Styles.Params;
-            activeClassName?: string;
         };
         type delegateClickEventProps = 'auxEnter' | 'enter' | 'space';
         type ButtonInput = UniParams & {
@@ -1189,7 +1185,7 @@ export declare namespace fn {
             hold_state?: boolean;
             openAfter?(): void;
             closeAfter?(): void;
-        } & Styles.BasicElement;
+        } & TagProps.BasicElement;
         type SizeParams = 'S' | 'R' | 'L' | '2L' | '3L' | 'MAX';
         type CloseOptions = {
             pageTransit?: boolean;
@@ -1221,7 +1217,7 @@ export declare namespace fn {
                 type: 'drawer.bottom';
                 size: Sizes;
                 sizeChanged?(size: Sizes): void;
-                baseStyles?: Styles.Params;
+                baseStyles?: TagProps.Params;
                 close_option?: CloseOptions & {
                     swipeDown?: boolean;
                 };
@@ -1250,7 +1246,7 @@ export declare namespace fn {
             };
             openAfter?(): void;
             closeAfter?(): void;
-        } & Styles.BasicElement;
+        } & TagProps.BasicElement;
     }
     namespace SnackBar {
         type Methods = {
@@ -1291,7 +1287,7 @@ export declare namespace fn {
         };
         type Sizes = 'S' | 'R' | 'L' | 'XL' | 'MAX';
         type Colors = 'theme' | 'posi' | 'nega' | 'warn' | 'white' | 'cloud';
-        type CompInput = Styles.Params & {
+        type CompInput = TagProps.Params & {
             showInitial?: boolean;
             loaderID?: string;
         };

package/dist/@declaration/module.d.ts

@@ -0,0 +1,2 @@
+declare module "*.scss";
+declare module "amotify/dist/amotify.min.css";

package/dist/{src/@declations/styles.d.ts → @declaration/property.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare namespace Styles {
+export declare namespace TagProps {
     type DarkMode = 'light' | 'auto' | 'dark' | 'dim';
     type ThemeColor = '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 Roundness = 0 | 1 | 2 | 3 | 4 | 5;
@@ -7,9 +7,6 @@ export declare namespace Styles {
     type Params = Properties & {
         freeCSS?: React.CSSProperties;
         UnderBreakPointStyles?: Properties;
-        hoverStyles?: Properties;
-        focusStyles?: Properties;
-        activeStyles?: Properties;
         ssEffectsOnActive?: Others.EffectsOnActive | Others.EffectsOnActive[] | false;
         ssPushable?: boolean;
         ssLastChildLossBorder?: 'bottom' | 'right' | false;

package/dist/{src/@global.d.ts → @global.d.ts}

@@ -1,4 +1,4 @@
-import { global, amotify } from '@declations';
+import { global, amotify } from '@declaration';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import * as ReactRouterDOM from 'react-router-dom';

package/dist/@globalJsmin.d.ts

@@ -0,0 +1,4 @@
+import _$ from 'mingoo.jsmin';
+declare global {
+    var $: typeof _$;
+}

package/dist/{src/@molecules.d.ts → @molecules.d.ts}

@@ -1,4 +1,4 @@
-import { atoms } from '@declations';
+import { atoms } from '@declaration';
 import React from 'react';
 import { List } from './molecules/List';
 import { Accordion } from './molecules/Accordion/parts';

package/dist/{src/@variables.d.ts → @variables.d.ts}

@@ -1,9 +1,9 @@
-import { Styles } from './@declations/styles';
+import { TagProps } from './@declaration/property';
 export declare let publicURI: string;
 export declare const launchID: string;
 export declare let appRootID: string;
 export declare const ColorObjects: {
-    key: Styles.ThemeColor;
+    key: TagProps.ThemeColor;
     isBrand: boolean;
     isAvocado: boolean;
 }[];

package/dist/amotify.d.ts

@@ -0,0 +1,12 @@
+export type { Device, Browser, TagProps, ReactElement, config, global, atoms, mols, orgs, temps, fn } from './@declaration/_';
+import { amotify } from './@declaration/_';
+import './@styles/@app.scss';
+import './@globalJsmin';
+import { launchID, publicURI } from './@variables';
+export { launchID, publicURI };
+import './@jsminAmotifyExtension/_';
+import './@styles/parts.scss';
+import './fin';
+declare const instance: amotify;
+export { instance };
+export default instance;