amotify 0.0.8 → 0.0.9

package/package.json

@@ -1,21 +1,16 @@
 {
   "name": "amotify",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "UI Component for React",
   "main": "dist/launch.js",
   "types": "dist/@types.d.ts",
   "scripts": {
-    "clean-cdn": "rimraf public",
-    "clean-dist": "rimraf dist",
+    "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",
     "proCDN:webpack": "webpack --mode production",
-    "allBuild:tsc": "tsc -p tsconfig.json && tsc-alias -p tsconfig.json",
-    "typesBuild:tsc": "tsc -p tsconfig.json && tsc-alias -p tsconfig.json tsc --emitDeclarationOnly",
-    "build": "run-p clean-dist allBuild:*",
-    "build-types": "run-p clean-dist typesBuild:*",
-    "server": "run-p clean-cdn devCDN:*",
-    "cdn": "run-p clean-cdn proCDN:*"
+    "start": "run-p clean devCDN:*",
+    "build": "run-p clean proCDN:*"
   },
   "repository": {
     "type": "git",

package/src/{Atoms/@export.tsx → @atoms.tsx}

@@ -7,11 +7,11 @@ import {
   Grid,
   Paragraph,
   Placeholder
-} from './Various/parts';
+} from './atoms/Various/parts';
 
-import { FAIcon } from './FAIcon/parts';
+import { FAIcon } from './atoms/FAIcon/parts';
 
-import { Logo } from './Logo/parts';
+import { Logo } from './atoms/Logo/parts';
 
 export {
   Flex,

package/src/@functions.tsx

@@ -0,0 +1,29 @@
+import {
+  Effects
+} from './functions/Effects/_';
+
+import { Buttons } from './functions/Button/_';
+import { Input } from './functions/Input/_';
+import { Inputs } from './functions/Inputs/_';
+import { Layout } from './functions/Layout/_';
+import { Table } from './functions/Table/_';
+import { Sheet } from './functions/Sheet/parts';
+import { SnackBar } from './functions/SnackBar/parts';
+import { Loader } from './functions/Loader/parts';
+import { Tooltips } from './functions/Tooltips/parts';
+
+import { Cropper } from './functions/Cropper/parts';
+
+export {
+  Buttons,
+  Input,
+  Inputs,
+  Table,
+  Layout,
+  Sheet,
+  SnackBar,
+  Loader,
+  Tooltips,
+  Effects,
+  Cropper,
+}

package/src/{Global/@export.tsx → @global.tsx}

@@ -2,7 +2,7 @@ import React from 'react';
 import * as ReactDom from 'react-dom';
 import * as ReactRouterDom from 'react-router-dom';
 
-import { LaunchReactApplication } from './LaunchReactApplication';
+import { LaunchReactApplication } from './global/LaunchReactApplication';
 
 const Inmemory: {
   [ key: string ]: {
@@ -119,7 +119,7 @@ const pageTransit: amotify.glob.PageTransitParams = {
 import {
   ReadStyleSet,
   ToClassName
-} from './styleConverter';
+} from './global/styleConverter';
 
 const StyleConverter = {
   ReadStyleSet,

package/src/@jsminAmotifyExtension/formCollect.tsx

@@ -1,6 +1,6 @@
 import {
   useStore
-} from '~/Global/@export';
+} from '@global';
 
 let formProcess = false;
 $.formCollect = async ( form ) => {

package/src/{Molecules/@export.tsx → @molecules.tsx}

@@ -2,10 +2,10 @@ import {
   Span,
   Box,
   Flex
-} from '~/Atoms/@export';
-import { List } from './List';
-import { Accordion } from './Accordion/parts';
-import { LinkifyText } from './LinkifyText/parts';
+} from '@atoms';
+import { List } from './molecules/List';
+import { Accordion } from './molecules/Accordion/parts';
+import { LinkifyText } from './molecules/LinkifyText/parts';
 
 const Text = {
   Title: ( params: amotify.atoms.BoxInput ) => ( <Box

package/src/@organisms.tsx

@@ -0,0 +1,5 @@
+import { DisplayStyleInput } from './organisms/DisplayStyleInput/_';
+
+export {
+  DisplayStyleInput
+}

package/src/@styles/UniStyling.scss

@@ -1,4 +1,4 @@
-@use 'src/@styles/props' as *;
+@use './props' as *;
 @use './styleSet' as *;
 @use './themeColor' as themeColor;
 @mixin UniStyles($DS ) {

package/src/@styles/init.scss

@@ -1,4 +1,4 @@
-@use 'src/@styles/props' as *;
+@use './props' as *;
 * {
   padding: 0;
   margin: 0;

package/src/@styles/styleSet.scss

@@ -1,4 +1,4 @@
-@use 'src/@styles/props' as *;
+@use './props' as *;
 
 @mixin OriginScrollBar {
   overflow: auto;

package/src/{Templates/@export.tsx → @templates.tsx}

@@ -1,6 +1,6 @@
 import {
   PlayGround
-} from './PlayGround/parts';
+} from './templates/PlayGround/parts';
 
 export {
   PlayGround

package/src/{Atoms → atoms}/FAIcon/style.module.scss

@@ -1,5 +1,4 @@
-@use 'src/@styles/props' as *;
-@use'src/@styles/styleSet' as *;
+@use '@props' as *;
 
 .FAIcon {
   &:global.fa-duotone {

package/src/{Atoms → atoms}/Logo/parts.tsx

@@ -1,8 +1,7 @@
 import {
-  Box,
   Flex,
   Img
-} from '~/Atoms/@export';
+} from '@atoms';
 
 import style from './style.module.scss';
 

package/src/{Atoms → atoms}/Logo/style.module.scss

@@ -1,5 +1,4 @@
-@use 'src/@styles/props' as *;
-@use'src/@styles/styleSet' as *;
+@use '@props' as *;
 
 .Size_ {
   &S {

package/src/{Atoms → atoms}/Various/parts.tsx

@@ -1,6 +1,6 @@
 import {
   StyleConverter
-} from '~/Global/@export';
+} from '@global';
 
 import { publicURI } from '../../launch';
 

package/src/{Atoms → atoms}/Various/style.module.scss

@@ -1,5 +1,6 @@
-@use 'src/@styles/props' as *;
-@use'src/@styles/styleSet' as *;
+@use '@props' as *;
+@use'@styleSet' as *;
+
 .Img {
   &.ShowExpand_true {
     transition: $animation-time-middle;

package/src/{Functions → functions}/Button/_.tsx

@@ -1,7 +1,7 @@
 import {
   StyleConverter,
   pageTransit
-} from '~/Global/@export';
+} from '@global';
 
 import style from './style.module.scss';
 

package/src/{Functions → functions}/Button/style.module.scss

@@ -1,5 +1,6 @@
-@use 'src/@styles/props' as *;
-@use'src/@styles/styleSet' as *;
+@use '@props' as *;
+@use'@styleSet' as *;
+
 .Wrap {
   position: relative;
   @include DisableduserSelect();

package/src/{Functions → functions}/Cropper/parts.tsx

@@ -1,23 +1,23 @@
 import {
   useStore
-} from '~/Global/@export';
+} from '@global';
 import {
   Box,
   Flex,
   FAIcon
-} from '~/Atoms/@export';
+} from '@atoms';
 import {
   Column,
   Row,
   Text
-} from '~/Molecules/@export';
+} from '@mols';
 
 import {
   Buttons,
   Input,
   Sheet,
   Loader
-} from '~/Functions/@export';
+} from '@fn';
 
 const {
   useState,

package/src/{Functions → functions}/Cropper/style.module.scss

@@ -1,4 +1,4 @@
-@use 'src/@styles/props' as *;
+@use '@props' as *;
 .Wrap {
   &.Use_ {
     &profile {

package/src/{Functions → functions}/Effects/Fade.tsx

@@ -1,9 +1,9 @@
 import {
   React
-} from '~/Global/@export';
+} from '@global';
 import {
   Box
-} from '~/Atoms/@export';
+} from '@atoms';
 
 const {
   useState,

package/src/{Functions → functions}/Effects/style.module.scss

@@ -1,4 +1,4 @@
-@use 'src/@styles/props' as *;
+@use '@props' as *;
 .Ripple {
   &Element {
     transition: $animation-time-short;

package/src/{Functions → functions}/Input/Chips/Selector.tsx

@@ -1,7 +1,6 @@
 import {
-  useRecycle,
   useStore,
-} from '~/Global/@export';
+} from '@global';
 const {
   useEffect,
   useState
@@ -11,18 +10,18 @@ import {
   Flex,
   FAIcon,
   Span
-} from '~/Atoms/@export';
+} from '@atoms';
 import {
   Column,
   Row,
   Text
-} from '~/Molecules/@export';
+} from '@mols';
 import {
   Input,
   Buttons,
   Loader,
   Sheet
-} from '~/Functions/@export';
+} from '@fn';
 
 import style from './style.module.scss';
 

package/src/{Functions → functions}/Input/Chips/_.tsx

@@ -1,25 +1,21 @@
-import {
-  useRecycle,
-  useStore
-} from '~/Global/@export';
 const {
   useEffect,
   useState
 } = React;
 import {
   FAIcon
-} from '~/Atoms/@export';
+} from '@atoms';
 import {
   Column,
   Row,
   Text
-} from '~/Molecules/@export';
+} from '@mols';
 import {
   Input,
   Buttons,
   Loader,
   Sheet
-} from '~/Functions/@export';
+} from '@fn';
 
 import {
   BoxWrapper,

package/src/functions/Input/Chips/style.module.scss

@@ -0,0 +1,6 @@
+@use '@props' as *;
+@use'@styleSet' as *;
+
+.SelectorWrapper {
+  @include OriginScrollBar();
+}

package/src/{Functions → functions}/Input/DigitCharacters.tsx

@@ -1,16 +1,16 @@
 import {
   React
-} from '~/Global/@export';
+} from '@global';
 const {
   useState
 } = React;
 
 import {
   Flex
-} from '~/Atoms/@export';
+} from '@atoms';
 import {
   Input
-} from '~/Functions/@export';
+} from '@fn';
 import {
   BoxWrapper,
   SubmitForm,

package/src/{Functions → functions}/Input/File/_.tsx

@@ -1,6 +1,6 @@
 import {
   useStore
-} from '~/Global/@export';
+} from '@global';
 const {
   useEffect,
   useState
@@ -9,17 +9,17 @@ import {
   Box,
   Flex,
   FAIcon
-} from '~/Atoms/@export';
+} from '@atoms';
 import {
   Column,
   Row,
   Text
-} from '~/Molecules/@export';
+} from '@mols';
 import {
   Input,
   Buttons,
   SnackBar
-} from '~/Functions/@export';
+} from '@fn';
 
 import {
   BoxWrapper,

package/src/{Functions → functions}/Input/File/style.module.scss

@@ -1,4 +1,4 @@
-@use 'src/@styles/props' as *;
+@use '@props' as *;
 
 .Input:focus {
   + .List .AddButton {

package/src/{Functions → functions}/Input/List/_.tsx

@@ -1,6 +1,6 @@
 import {
   React
-} from '~/Global/@export';
+} from '@global';
 const {
   useState
 } = React;
@@ -9,11 +9,11 @@ import {
   Box,
   Flex,
   FAIcon
-} from '~/Atoms/@export';
+} from '@atoms';
 import {
   Input,
   Buttons
-} from '~/Functions/@export';
+} from '@fn';
 import {
   BoxWrapper,
   CommonEffects,

package/src/{Functions → functions}/Input/List/style.module.scss

@@ -1,4 +1,4 @@
-@use 'src/@styles/props' as *;
+@use '@props' as *;
 .CellBase {
   &.HideInput_true .Input {
     display: none;

package/src/{Functions → functions}/Input/Segmented/_.tsx

@@ -1,6 +1,6 @@
 import {
   React
-} from '~/Global/@export';
+} from '@global';
 
 import { ListInputs } from '../_';
 

package/src/{Functions → functions}/Input/Segmented/style.module.scss

@@ -1,5 +1,5 @@
-@use 'src/@styles/props' as *;
-@use'src/@styles/styleSet' as *;
+@use '@props' as *;
+@use'@styleSet' as *;
 .Label {
   user-select: none;
   -webkit-user-select: none;

package/src/{Functions → functions}/Input/Select/_.tsx

@@ -1,13 +1,13 @@
 import {
   React,
-} from '~/Global/@export';
+} from '@global';
 const {
   useState
 } = React;
 
 import {
   Box
-} from '~/Atoms/@export';
+} from '@atoms';
 import {
   BoxWrapper,
   SubmitForm,
@@ -16,7 +16,7 @@ import {
 } from '../core';
 import {
   Buttons
-} from '~/Functions/@export';
+} from '@fn';
 
 
 import style from './style.module.scss';

package/src/{Functions → functions}/Input/Select/style.module.scss

@@ -1,4 +1,4 @@
-@use 'src/@styles/props' as *;
+@use '@props' as *;
 .Select {
   position: absolute;
   top: 0;

package/src/{Functions → functions}/Input/Slider/_.tsx

@@ -1,14 +1,14 @@
 import {
   useStore
-} from '~/Global/@export';
+} from '@global';
 import {
   Box,
   Flex,
-} from '~/Atoms/@export';
+} from '@atoms';
 import {
   Input,
   Buttons
-} from '~/Functions/@export';
+} from '@fn';
 
 import {
   BoxWrapper,

package/src/{Functions → functions}/Input/Slider/style.module.scss

@@ -1,5 +1,5 @@
-@use 'src/@styles/props' as *;
-@use'src/@styles/styleSet' as *;
+@use '@props' as *;
+@use'@styleSet' as *;
 .Label {
   &:before {
     content: "";

package/src/{Functions → functions}/Input/Switch/_.tsx

@@ -1,16 +1,16 @@
 import {
   React
-} from '~/Global/@export';
+} from '@global';
 import {
   Box,
   FAIcon
-} from '~/Atoms/@export';
+} from '@atoms';
 import {
   Row
-} from '~/Molecules/@export';
+} from '@mols';
 import {
   Buttons
-} from '~/Functions/@export';
+} from '@fn';
 import {
   BoxWrapper,
   SubmitForm,

package/src/{Functions → functions}/Input/Switch/style.module.scss

@@ -1,4 +1,4 @@
-@use 'src/@styles/props' as *;
+@use '@props' as *;
 .Input {
   position: absolute;
   height: 0;

package/src/{Functions → functions}/Input/Text.tsx

@@ -1,6 +1,6 @@
 import {
   React,
-} from '~/Global/@export';
+} from '@global';
 const {
   useEffect,
   useState,
@@ -8,7 +8,7 @@ const {
 
 import {
   Box,
-} from '~/Atoms/@export';
+} from '@atoms';
 
 import {
   BoxWrapper,

package/src/{Functions → functions}/Input/TextArea.tsx

@@ -1,6 +1,6 @@
 import {
   React,
-} from '~/Global/@export';
+} from '@global';
 const {
   useState
 } = React;

package/src/{Functions → functions}/Input/Time/Picker.tsx

@@ -1,22 +1,22 @@
 import {
   React
-} from '~/Global/@export';
+} from '@global';
 import {
   Grid,
   Box,
   Flex,
   FAIcon
-} from '~/Atoms/@export';
+} from '@atoms';
 import {
   Column,
   Row,
   Text
-} from '~/Molecules/@export';
+} from '@mols';
 import {
   Buttons,
   Input,
   Tooltips
-} from '~/Functions/@export';
+} from '@fn';
 const {
   useEffect,
   useRef,

package/src/{Functions → functions}/Input/Time/_.tsx

@@ -1,14 +1,14 @@
 import {
   useStore
-} from '~/Global/@export';
+} from '@global';
 import {
   Box
-} from '~/Atoms/@export';
+} from '@atoms';
 import {
   Input,
   Buttons,
   Tooltips
-} from '~/Functions/@export';
+} from '@fn';
 
 import {
   BoxWrapper,

package/src/{Functions → functions}/Input/Time/style.module.scss

@@ -1,4 +1,4 @@
-@use 'src/@styles/props' as *;
+@use '@props' as *;
 .Header {
   position: sticky;
   top: 0;

package/src/{Functions → functions}/Input/_.tsx

@@ -1,7 +1,7 @@
 import {
   StyleConverter,
   useStore,
-} from '~/Global/@export';
+} from '@global';
 const {
   useState,
   useEffect,
@@ -13,16 +13,16 @@ import {
   Flex,
   FAIcon,
   Span
-} from '~/Atoms/@export';
+} from '@atoms';
 import {
   Row,
   Text,
   Column
-} from '~/Molecules/@export';
+} from '@mols';
 import {
   Buttons,
   Tooltips
-} from '~/Functions/@export';
+} from '@fn';
 
 import style from './style.module.scss';