amotify 0.0.64 → 0.0.66

package/src/functions/Table/_.tsx

@@ -1,177 +0,0 @@
-import {
-  StyleConverter,
-  React
-} from '@global'
-
-import {
-  Box,
-  FAI
-} from '@atoms'
-
-export const Comps: amotify.fn.Tables.CompsMethods = {
-  Table: ( params ) => {
-    let Params = StyleConverter.ToClassName( params )
-    return <table
-      { ...Params }
-      border={ Params.border as any }
-    />
-  },
-  Head: ( params ) => ( <thead { ...StyleConverter.ToClassName( params ) } /> ),
-  Body: ( params ) => ( <tbody { ...StyleConverter.ToClassName( params ) } /> ),
-  Row: ( params ) => ( <tr { ...StyleConverter.ToClassName( params ) } /> ),
-
-  TH: ( params ) => ( <th { ...StyleConverter.ToClassName( params ) } /> ),
-  TD: ( params ) => ( <td { ...StyleConverter.ToClassName( params ) } /> ),
-
-  RightIndicator: {
-    type: 'td',
-    unitWidth: 4,
-    // data: '',
-    children: <FAI.AngleRight
-      fontColor={ 'theme' }
-      fontSize={ '4.thirdTitle' }
-    />
-  }
-}
-
-import { NormalTable } from './Normal/parts'
-import {
-  DataTable,
-  DataFNs,
-  DataComps
-} from './Data/parts'
-import { DragTable } from './Drag/parts'
-
-import style from './style.module.scss'
-
-const Wrapper: React.FC<amotify.fn.Tables.Uni.Params & {
-  type: amotify.fn.Tables.Types
-}> = ( params ) => {
-  let {
-    tone,
-    type,
-  } = params
-  params = { ...params }
-  params.tableID = params.tableID || $.uuidGen()
-  tone = tone || 'auto'
-
-  if ( tone == 'auto' ) {
-    if ( type == 'drag' ) {
-      tone = 'rowBorder'
-    } else {
-      tone = 'border'
-    }
-  }
-
-  let Params = {
-    ...tone != 'plain' ? {
-      backgroundColor: '1.layer.base',
-      borderRadius: '1.tone.primary',
-    } as amotifyUniStyleParams : {},
-    ...params,
-    cellStyles: {
-      padding: '3/4',
-      backgroundColor: '1.layer.base',
-      transition: 'short',
-      textAlign: 'center',
-      ...DefaultCellStyles( type,tone! ),
-      ...params.cellStyles
-    },
-    tone
-  }
-
-  let {
-    className,
-    style: freeCSS,
-    ...others
-  } = StyleConverter.ToClassName( Params as any )
-
-  let ClassName = [
-    className,
-    style.Wrap,
-    style[ 'TableType_' + type ],
-    style[ 'RowClickable_' + !!( params as any ).onRowClick ]
-  ].join( ' ' )
-
-  let TableComponent = {
-    'normal': NormalTable,
-    'data': DataTable,
-    'drag': DragTable,
-    'spread': ''
-  }[ type ]
-
-  return <Box
-    className={ ClassName }
-    style={ freeCSS }
-  >
-    <TableComponent { ...others as any } />
-  </Box>
-}
-
-let DataComponent: any = ( props: any ) => ( <Wrapper type='data' { ...props } /> )
-Object.entries( DataFNs ).forEach( ( [ key,value ] ) => {
-  DataComponent[ key ] = value
-} )
-Object.entries( DataComps ).forEach( ( [ key,value ] ) => {
-  DataComponent[ key ] = value
-} )
-
-export const Table: amotify.fn.Tables.Methods = {
-  Normal: ( props ) => ( <Wrapper type='normal' { ...props } /> ),
-  Data: DataComponent as amotify.fn.Tables.Data.Methods,
-  Drag: ( props ) => ( <Wrapper type='drag' { ...props } /> ),
-  Spread: () => ( <>Table.Spread ( in Progress )</> ),
-
-  Comps
-}
-
-export const DefaultCellStyles = ( type: amotify.fn.Tables.Types,tone: amotify.fn.Tables.Tones ) => {
-  if ( tone == 'plain' ) return {}
-
-  let Styles: amotifyUniStyleParams = {}
-  if ( type == 'drag' ) {
-    Styles.padding = 1
-  }
-
-  if ( [ 'border','rowBorder','cellBorder' ].includes( tone ) ) {
-    Styles.borderBottom = '2.normal'
-  }
-
-  if ( [ 'border','cellBorder' ].includes( tone ) ) {
-    Styles.borderRight = '2.normal'
-  }
-
-  return Styles
-}
-
-export const DefaultCellSystemStyles = ( args: {
-  top: boolean
-  bottom: boolean
-  left: boolean
-  right: boolean
-} ) => {
-  let Styles: amotifyUniStyleParams = {}
-  if ( args.right ) {
-    Styles.borderRight = 'unset'
-  }
-
-  if ( args.top ) {
-    if ( args.left ) {
-      Styles.borderTopLeftRadius = 'inherit'
-    }
-    if ( args.right ) {
-      Styles.borderTopRightRadius = 'inherit'
-    }
-  }
-  if ( args.bottom ) {
-    Styles.borderBottom = 'unset'
-    if ( args.left ) {
-      Styles.borderBottomLeftRadius = 'inherit'
-    }
-    if ( args.right ) {
-      Styles.borderBottomRightRadius = 'inherit'
-    }
-  }
-
-  return Styles
-}

package/src/functions/Table/style.module.scss

@@ -1,93 +0,0 @@
-@use '@props' as *;
-@use'@styleSet' as *;
-
-.Wrap {
-  &.RowClickable_true {
-    .Row {
-      &.BodyRow:not(.DataNotFound) {
-        cursor: pointer;
-        &:hover .Cell {
-          background-color: $color-layer2;
-        }
-        &:active .Cell {
-          background-color: $color-layer3;
-        }
-      }
-    }
-  }
-  .Table {
-    @include pureTable();
-    height: 100%;
-    border-radius: inherit;
-    .Row {
-      border-radius: inherit;
-    }
-  }
-}
-.TableType_ {
-  &drag {
-    * {
-      @include DisableduserSelect();
-    }
-    .DraggerOrigin {
-      .Cell {
-        transition: $animation-time-middle;
-        background-color: $color-layer4;
-        opacity: .8;
-        pointer-events: none;
-      }
-    }
-    .DragableButton {
-      cursor: grab;
-      &:hover {
-        color: $color-theme;
-      }
-      &:active {
-        color: $color-theme;
-      }
-    }
-  }
-  &data {
-    .Console {
-      width: 100%;
-      border-bottom: $border-normal;
-      position: relative;
-      z-index: 2;
-      flex: none;
-      + .TableBase {
-        border-top-left-radius: 0;
-        border-top-right-radius: 0;
-      }
-    }
-    .TableBase {
-      border-radius: inherit;
-      .Table {
-        border-radius: inherit;
-        .HeadRow {
-          border-radius: inherit;
-          position: relative;
-          z-index: 2 !important;
-          min-width: 100%;
-          .Cell {
-            .FilterRegion {
-              font-size: inherit;
-              .Filtering_true {
-                border: none;
-                background-color: $color-theme !important;
-                color: #fff !important;
-                box-shadow: $shadow2;
-              }
-            }
-          }
-        }
-        .BodyRow {
-          position: relative;
-          z-index: 1;
-        }
-      }
-    }
-  }
-}
-.Cell {
-  font-weight: normal;
-}

package/src/functions/Tooltips/parts.tsx

@@ -1,53 +0,0 @@
-import React from 'react'
-import {
-  Box
-} from '@atoms'
-import {
-  Sheet
-} from '@fn'
-
-const Tooltips: amotify.fn.Tooltips.Methods = {
-  __memoryID: $.uuidGen(),
-  open: ( params ) => {
-    let {
-      tipsID = $.uuidGen(),
-      tipsGroups = [],
-      ...sheetParams
-    } = params
-
-    Sheet.open( {
-      sheetID: tipsID!,
-      sheetGroups: [
-        'tooltips',
-        ...tipsGroups,
-      ],
-      close_option: {
-        aroundClick: true,
-        elementBlur: params.parent,
-        escapeKeyDown: true,
-        pageTransit: true,
-        ...params.close_option,
-      },
-      type: 'custom',
-      ...sheetParams
-    } )
-  },
-  close: ( tipsID ) => {
-    Sheet.close( tipsID )
-  },
-  closeALL: () => {
-    Sheet.closeGroup( 'tooltips' )
-  },
-  Comps: {
-    Body: ( params ) => ( <Box
-      padding={ '1/2' }
-      backgroundColor='dark'
-      borderRadius={ '2.tone.secondary' }
-      fontColor='white'
-      boxShadow={ '0.normal' }
-      { ...params }
-    /> )
-  }
-}
-
-export { Tooltips }

package/src/global/LaunchReactApplication.tsx

@@ -1,74 +0,0 @@
-import { launchID } from '@global'
-import React from 'react'
-import ReactDOMCLient from 'react-dom/client'
-import * as ReactRouterDom from 'react-router-dom'
-
-export const LaunchSubApplication = ( props: amotify.global.LaunchReactApplicationInput & {
-  baseElement?: HTMLElement | string
-} ) => {
-  let {
-    baseElement = '#' + launchID + ' .AMOTIFY_be_root',
-    reactElement,
-    nonRouter = false,
-    isRoot = true,
-    appearances
-  } = props
-  let base = $( baseElement )
-
-  if ( !base[ 0 ] || !reactElement ) return
-  if ( appearances ) {
-    let {
-      roundness,
-      tone,
-      themeColor,
-      darkMode
-    } = appearances
-
-    if ( $.is.exist( roundness ) ) amotify.config.update.roundness( roundness! )
-    if ( $.is.exist( tone ) ) amotify.config.update.tone( tone! )
-    if ( $.is.exist( themeColor ) ) amotify.config.update.themeColor( themeColor! )
-    if ( $.is.exist( darkMode ) ) amotify.config.update.darkMode( darkMode! )
-  }
-
-  let reactDom = nonRouter ? reactElement : <ReactRouterDom.BrowserRouter children={ reactElement } />
-
-  if ( isRoot ) {
-    $( 'body' ).addClass( 'AMOTIFY_be_body' )
-    base.addClass( 'AMOTIFY_be AMOTIFY_be_root AMOTIFY_be_origin' )
-  }
-
-  ReactDOMCLient.createRoot( base[ 0 ] ).render( <>{ reactDom }</> )
-}
-export const LaunchReactApplication = ( props: amotify.global.LaunchReactApplicationInput ) => {
-  let {
-    reactElement,
-    nonRouter = false,
-    isRoot = true,
-    appearances
-  } = props
-  let base = $( '#' + launchID + ' .AMOTIFY_be_root' )
-
-  if ( !base[ 0 ] || !reactElement ) return
-  if ( appearances ) {
-    let {
-      roundness,
-      tone,
-      themeColor,
-      darkMode
-    } = appearances
-
-    if ( $.is.exist( roundness ) ) amotify.config.update.roundness( roundness! )
-    if ( $.is.exist( tone ) ) amotify.config.update.tone( tone! )
-    if ( $.is.exist( themeColor ) ) amotify.config.update.themeColor( themeColor! )
-    if ( $.is.exist( darkMode ) ) amotify.config.update.darkMode( darkMode! )
-  }
-
-  let reactDom = nonRouter ? reactElement : <ReactRouterDom.BrowserRouter children={ reactElement } />
-
-  if ( isRoot ) {
-    $( 'body' ).addClass( 'AMOTIFY_be_body' )
-    base.addClass( 'AMOTIFY_be AMOTIFY_be_root AMOTIFY_be_origin' )
-  }
-
-  ReactDOMCLient.createRoot( base[ 0 ] ).render( <>{ reactDom }</> )
-}