amotify 0.1.6 → 0.1.8

package/dist/fn/Table/Data.js

@@ -0,0 +1,2 @@
+import{b as s,c as R,d as q}from"../../chunk-E3D4DIO4.js";import{Fragment as W,jsx as n,jsxs as x}from"react/jsx-runtime";import{useState as F,useEffect as G}from"react";import{$$ as I,useStore as L}from"@utils";import B from"@atoms/Box";import M from"@atoms/Flex";import K from"@atoms/FAI";import Y from"@atoms/Span";import Z from"@mols/Column";import A from"@mols/Row";import E from"@fn/Button";import U from"@fn/Sheet";import O from"@fn/Input/_";import{faArrowUp as ee}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as te}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faArrowRight as re}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faFilter as oe}from"@fortawesome/free-solid-svg-icons/faFilter";import P from"./Parts";import ne from"./Wrapper";import{DefaultCellSystemStyles as V}from"./cellStyling";import{TableClasses as b}from"@styles/componentClasses/_";const f={__memoryID:I.uuid.gen(),Header:t=>{let{val_status:e,set_status:r,KeywordFilterRows:i}=s({},t),{order:u,filter:o}=e,[w,S]=u.current,c=[],d=[...e.head];e.checker&&c.push(n(P.TH,R(s(s(R(s({},e.cellStyles),{fontWeight:"2.normal",position:"sticky",top:0,unitWidth:4,padding:0}),V({top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength})),e.cellStylesCallback?e.cellStylesCallback({top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength,rowIndex:0,colIndex:0,isBody:!1,isHeader:!0}):{}),{className:[b("Cell"),e.cellClassName].join(" "),freeCSS:{zIndex:2},children:n(B,{flexCenter:!0,children:n(O.Checker,{label:null,value:!1,onUpdateValidValue:({value:l})=>{let h=e.rows;h.forEach(C=>{C.checked=l}),r(R(s({},e),{rows:h}))}})})})));for(let l=0;l<e.colLength;l++){let h=d[l];if(!h)continue;let C=h.children||h.data,a=u.enabled&&u.column[l],g=o.enabled&&o.column[l],p=a?n(K,{fontSize:"1.mini",fontColor:l==w?"1.clear":"5.translucent",icon:l==w?S=="DESC"?te:ee:re}):null,_=n(W,{});if(g){let k=i.map(T=>{var N;return(N=T[l])==null?void 0:N.data});k=[...new Set(k)].order({direction:"ASC"});let v=o.current[l];if(v){let T=k.filter(y=>!v.includes(y)),N=[];k.forEach(y=>{y&&N.push({value:y,label:n(B,{flexSizing:"auto",children:y})})});let j="BUTTON-"+e.componentID+"-"+l,J=e.componentID+"-"+l,$={sheetID:J,parent:"#"+j,gravityPoint:23,type:"custom",content:x(M,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"1.layer.base",borderRadius:1,freeCSS:{minWidth:12*20,maxWidth:12*30},children:[n(Z,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*30},children:n(O.Checkbox,{tone:"cloud",icon:!0,value:T,display:"flex",gap:"1/2",override:"force",options:N,hideInput:!0,name:"DTFilter-col-"+l+"-table-"+e.componentID,cellStyles:{flexSizing:"auto",padding:"2/3"},onUpdateValidValue:({value:y})=>{let H=k.filter(Q=>!y.includes(Q)),X=s({},e);X.filter.current[l]=H,r(X)}})}),x(A.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[n(E.Button.Border.S,{isRounded:!0,onClick:()=>{U.close(J)},children:"\u9589\u3058\u308B"}),n(E.Button.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let y=[];v.length||(y=k);let H=s({},e);H.filter.current[l]=y,r(H)},children:"\u5168\u9078\u629E"})]})]})};U.refresh($,!0),_=n(B,{className:b("FilterRegion"),children:n(E.Button.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:b("Filtering_"+!!v.length),id:j,onClick:y=>{y.stopPropagation(),U.open($)},children:n(K,{icon:oe})})})}}h=R(s(s(s(s({},e.cellStyles),h),V({top:!0,bottom:!e.rows.length,left:l==Number(e.checker),right:l==e.colLength-1})),e.cellStylesCallback?e.cellStylesCallback({top:!0,bottom:!e.rows.length,left:l==Number(e.checker),right:l==e.colLength-1,rowIndex:0,colIndex:l,isBody:!1,isHeader:!0}):{}),{ssPushable:a,className:[b("Cell"),e.cellClassName,h.className].join(" ")}),c.push(n(P.TH,R(s({fontWeight:"2.normal",position:"sticky",top:0},h),{freeCSS:s({zIndex:2},h.freeCSS),onClick:k=>{if(a){let v=s({},e),T=[l,w===l&&S=="ASC"?"DESC":"ASC"];v.order.current=T,r(v),e.onOrderChanged&&e.onOrderChanged(T)}},children:x(M,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[_,x(M,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/3",flexWrap:!1,horizontalAlign:"center",children:[p,C]})]})})))}return n(P.Row,{className:[b("Row"),b("HeadRow")].join(" "),children:c})},Body:t=>{let{val_status:e,PageRows:r}=t,i=[];if(r.forEach((u,o)=>{let w=[...u],S=[];e.checker&&S.push(n(P.TH,R(s(s(s({unitWidth:4,padding:0,borderRight:!0},e.cellStyles),V({top:o==0&&!e.head,bottom:o==r.length-1,left:!0,right:!e.colLength})),e.cellStylesCallback?e.cellStylesCallback({top:o==0&&!e.head,bottom:o==r.length-1,left:!0,right:!e.colLength,rowIndex:o,colIndex:0,isBody:!0,isHeader:!1}):{}),{className:[b("Cell"),e.cellClassName].join(" "),children:n(B,{flexCenter:!0,children:n(O.Checker,{label:null,value:u.checked,override:"force",onUpdateValidValue:({value:c})=>{let d=e.rows;d[o].checked=c,t.set_status(R(s({},e),{rows:d}))}})})}))),w.forEach((c,d)=>{if(!c)return;let a=c,{type:l="td"}=a,h=q(a,["type"]);h=R(s(s(s(s({},e.cellStyles),h),V({top:o==0&&!e.head,bottom:o==r.length-1,left:e.checker?!1:d==0,right:d==e.colLength-1})),e.cellStylesCallback?e.cellStylesCallback({top:o==0&&!e.head,bottom:o==r.length-1,left:e.checker?!1:d==0,right:d==e.colLength-1,rowIndex:o,colIndex:d,isBody:!0,isHeader:!1}):{}),{className:[b("Cell"),e.cellClassName,h.className].join(" ")});let C=P[l=="td"?"TD":"TH"];S.push(n(C,s({},h),d))}),i.push(n(P.Row,{className:[b("Row"),b("BodyRow")].join(" "),children:S,onClick:c=>{e.onRowClick&&e.onRowClick(JSON.parse(u.rowID),c)}},o))}),!r.length){let u=n(B,{padding:2,fontColor:"4.thin",freeCSS:{textAlign:"center"},borderTop:"1.thin",children:"\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"});e.noRecords&&(u=n(W,{children:e.noRecords})),i.push(n(P.Row,{className:[b("Row"),b("BodyRow"),b("DataNotFound")].join(" "),children:n(P.TD,{colSpan:e.colLength,className:b("Cell"),children:u})},"dataNotFound"))}return n(W,{children:i})},Core:t=>{let{val_status:e,set_status:r}=t,{searchKeyword:i,filter:u,order:o,paging:w}=e,S=[...e.rows],c=[...e.rows],d=[...e.rows],l=[...e.rows];if(i&&(c=S.filter(a=>(a.__sys4SearchKey||"").match(new RegExp(i,"i"))?1:0),d=[...c],l=[...c]),u.enabled)for(let a=0;a<e.colLength;a++){let g=u.column[a],p=u.current[a];g&&p&&p.length&&(d=d.filter(_=>!p.includes(_[a].data)),l=[...d])}o.enabled&&(d=d.order({direction:o.current[1],keys:[o.current[0],"orderIndex"]}),l=[...d]);{let{currentPageIndex:a,rowLength:g}=w;l=[...l].splice((a-1)*g,g)}let h=f.__memoryID+"_"+e.tableID,C={tableComponentDidMount:!0,totalRows:S.length,pageRows:l.length,filteredRows:d.length,filter:e.filter,order:e.order,paging:e.paging,searchKeyword:e.searchKeyword};return L.update({key:h,value:{status:C,updatePageIndex:a=>{let g=Math.min(Math.max(1,a),e.paging.pageLength),p=s({},e);p.paging.currentPageIndex=g,r(p)},updateRowLength:a=>{let g=s({},e);g.paging={rowLength:a,currentPageIndex:1,pageLength:Math.ceil(d.length/a)},r(g)},updateKeyword:a=>{I.interval.clear("InputSearchTime"),I.interval.standBy("InputSearchTime",200,()=>{let g=s({},e);g.searchKeyword=a,g.paging.currentPageIndex=1,g.filter.current=g.filter.current.map(()=>[]),r(g)})},getRowData:()=>{let a=[...S];return o.enabled&&(a=a.order({direction:o.current[1],keys:[o.current[0],"orderIndex"]})),a.forEach(g=>{g.currentPage=!1,g.filtered=!1}),l.forEach(g=>{let{rowID:p}=g;a.find(_=>_.rowID==p).currentPage=!0}),d.forEach(g=>{let{rowID:p}=g;a.find(_=>_.rowID==p).filtered=!0}),a}}}),G(()=>{let a=f.Propagations[e.tableID]||[];Object.keys(a).forEach(g=>{let p=L.get(g);p!=null&&p.refresh&&p.refresh()})}),n(B,{className:b("TableBase"),children:x(P.Table,{className:b("Table"),children:[n(f.Header,{val_status:e,set_status:r,KeywordFilterRows:c}),n(f.Body,{val_status:e,set_status:r,PageRows:l})]})})},Propagations:{},DataLeveler:t=>{var e,r;return t=s({},t),t.filter=(e=t.filter)!=null?e:!1,t.filter=Array.from({length:t.colLength}).map((i,u)=>{var o;return I.is.boolean(t.filter)?t.filter:(o=t.filter[u])!=null?o:!1}),t.order=(r=t.order)!=null?r:!0,t.order=Array.from({length:t.colLength}).map((i,u)=>{var o;return I.is.boolean(t.order)?t.order:(o=t.order[u])!=null?o:!0}),t=s({checker:!1,searchKeyword:"",filter:!1,order:!0,defaultOrder:[0,"ASC"]},t),t.rows.forEach((i,u)=>{i.rowID=JSON.stringify(i.rowID||u);let o=[];i.forEach((w,S)=>{let{data:c,children:d,orderIndex:l}=w;w.orderIndex=I.is.exist(l)?String(l):String(c),w.children=d||String(c),o.push(String(w.data))}),i.__sys4SearchKey=o.join("/")}),n(f.StateManager,s({eventID:I.uuid.gen()},t))},StateManager:t=>{let{colLength:e,eventID:r,checker:i=!1,searchKeyword:u="",filter:o,order:w,defaultOrder:S=[0,"ASC"],pageRowLength:c=30}=t,[d]=F(I.uuid.gen()),l={tableID:t.tableID||d,componentID:d,colLength:e,checker:i,searchKeyword:u,filter:{enabled:o!==!1,column:o,current:Array.from({length:e},()=>[])},order:{enabled:w!==!1,column:w,current:S},paging:{rowLength:c,pageLength:Math.ceil(t.rows.length/c),currentPageIndex:1},head:t.head,rows:t.rows,noRecords:t.noRecords,cellStyles:t.cellStyles||{},cellClassName:t.cellClassName||"",cellStylesCallback:t.cellStylesCallback,onRowClick:t.onRowClick,onOrderChanged:t.onOrderChanged},[h,C]=F(l),[a,g]=F(t.eventID);return a!=t.eventID&&(g(t.eventID),C(l)),n(f.Core,{val_status:h,set_status:C})}},m={__memoryID:f.__memoryID,useStatus:t=>{var o;let[e]=F(I.uuid.gen()),[r,i]=F(I.uuid.gen()),u=f.__memoryID+"_"+t;return G(()=>(f.Propagations[t]=R(s({},f.Propagations[t]),{[e]:1}),L.set({key:e,value:{refresh:()=>{i(I.uuid.gen())}}}),()=>{delete f.Propagations[t][e]}),[]),((o=L.get(u))==null?void 0:o.status)||{tableComponentDidMount:!1}},getRowData:t=>{let e=L.get(f.__memoryID+"_"+t);if(e!=null&&e.getRowData)return e.getRowData()},setPageIndex:(t,e)=>{let r=L.get(f.__memoryID+"_"+t);r!=null&&r.updatePageIndex&&r.updatePageIndex(e)},setRowLength:(t,e)=>{let r=L.get(f.__memoryID+"_"+t);r!=null&&r.updateRowLength&&r.updateRowLength(e)},setSearchKeyword:(t,e)=>{let r=L.get(f.__memoryID+"_"+t);r!=null&&r.updateKeyword&&r.updateKeyword(e)}},z={SearchInput:t=>{let e=m.useStatus(t.tableID);return e.tableComponentDidMount?n(O.Text.Normal,{placeholder:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:n(O.Comps.RightIcon,{fontColor:"5.translucent",right:"2/3",children:n(K.Search,{})}),override:"force",value:e.searchKeyword,onUpdateValidValue:({value:r})=>{m.setSearchKeyword(t.tableID,r)}}):null},Info:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.filteredRows.ratio(e.totalRows)||0;return x(M,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[n(Y,{fontSize:"4.thirdTitle",fontColor:"theme",children:e.filteredRows.toLocaleString()}),"/ ",e.totalRows.toLocaleString(),"\u4EF6 (",r,"%)"]})},Paging:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=[];for(let i=0;i<e.paging.pageLength;i++)r.push({value:i+1,label:(i+1).toString()});return x(A.Center,{children:[x(A.Center,{gap:"1/2",children:["\u30DA\u30FC\u30B8 :",n(O.Select,{enableUnSelected:!1,padding:["1/3","2/3"],rightIcon:!1,placeholder:"",override:"force",value:e.paging.currentPageIndex,options:r,onUpdateValidValue:({value:i})=>{m.setPageIndex(t.tableID,i)}}),"/ ",e.paging.pageLength]}),x(A.Right,{gap:"1/2",children:[n(E.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==1){m.setPageIndex(t.tableID,e.paging.pageLength);return}m.setPageIndex(t.tableID,e.paging.currentPageIndex-1)},children:n(K.ChevronLeft,{})}),n(E.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==e.paging.pageLength){m.setPageIndex(t.tableID,1);return}m.setPageIndex(t.tableID,e.paging.currentPageIndex+1)},children:n(K.ChevronRight,{})})]})]})},RowLength:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.paging.rowLength,i=0,u=t.lengthSelect.map(o=>(i|=+(o==r),{value:o,label:o.toString()}));return i||u.push({value:r,label:r.toString()}),u=u.order({direction:"ASC",keys:["value"]}),x(A.Center,{gap:"1/2",children:["\u4EF6\u6570 :",n(O.Select,{enableUnSelected:!1,rightIcon:!1,placeholder:"\u9078\u629E",override:"force",padding:["1/3","2/3"],value:e.paging.rowLength,options:u,onUpdateValidValue:({value:o})=>{m.setRowLength(t.tableID,o)}})]})}},le=t=>n(ne,R(s({type:"normal"},t),{children:n(f.DataLeveler,s({},t))})),D=le;D.__memoryID=f.__memoryID,D.useStatus=m.useStatus,D.getRowData=m.getRowData,D.setPageIndex=m.setPageIndex,D.setRowLength=m.setRowLength,D.setSearchKeyword=m.setSearchKeyword,D.Info=z.Info,D.Paging=z.Paging,D.RowLength=z.RowLength,D.SearchInput=z.SearchInput;export{D as Data,D as default};
+//# sourceMappingURL=Data.js.map

package/dist/fn/Table/Data.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/fn/Table/Data.tsx"],
+  "sourcesContent": ["import {\n  TagProperty,\n  ReactElement,\n} from '@declaration'\nimport {\n  useState,\n  useEffect\n} from 'react'\nimport {\n  $$,\n  useStore\n} from '@utils'\n\nimport Box from '@atoms/Box'\nimport Flex from '@atoms/Flex'\nimport FAI from '@atoms/FAI'\nimport Span from '@atoms/Span'\nimport Column from '@mols/Column'\nimport Row from '@mols/Row'\nimport Button from '@fn/Button'\nimport Sheet from '@fn/Sheet'\nimport Input from '@fn/Input/_'\n\nimport { faArrowUp } from '@fortawesome/free-solid-svg-icons/faArrowUp'\nimport { faArrowDown } from '@fortawesome/free-solid-svg-icons/faArrowDown'\nimport { faArrowRight } from '@fortawesome/free-solid-svg-icons/faArrowRight'\nimport { faFilter } from '@fortawesome/free-solid-svg-icons/faFilter'\n\nimport { TableTypes } from './_'\nimport TableParts from './Parts'\nimport Wrapper from './Wrapper'\n\nimport { DefaultCellSystemStyles } from './cellStyling'\nimport { TableClasses } from '@styles/componentClasses/_'\n\nnamespace Data {\n  export type Cell = TableParts.TableCell & {\n    type?: 'th' | 'td'\n    data: string | number\n    option?: any\n    orderIndex?: string | number\n  }\n  export type HeadRow = Cell[]\n  export type BodyRow = Array<Cell> & ArrayObject\n  export type ArrayObject = {\n    rowID?: any\n    __sys4SearchKey?: string\n    checked?: boolean\n    filtered?: boolean\n    currentPage?: boolean\n  }\n  export type Input = TableTypes.UniInput & {\n    tableID?: string\n    head: HeadRow\n    rows: BodyRow[]\n    onRowClick?: TableTypes.OnRowClick\n\n    eventID?: string\n    checker?: boolean\n    searchKeyword?: string\n    filter?: boolean | boolean[]\n    order?: boolean | boolean[]\n    defaultOrder?: Order\n    pageRowLength: number\n    noRecords?: ReactElement\n\n    onOrderChanged?: {\n      ( order: Order ): void\n    }\n  }\n  export type FNs = {\n    __memoryID: string\n    useStatus( tableID: string ): useStatusOutput\n    getRowData( tableID: string ): BodyRow[]\n    setPageIndex( tableID: string,pageIndex: number ): void\n    setRowLength( tableID: string,rowLength: number ): void\n    setSearchKeyword( tableID: string,keyword: string ): void\n  }\n  export type Parts = {\n    SearchInput: React.FC<{ tableID: string }>\n    Info: React.FC<{ tableID: string }>\n    Paging: React.FC<{ tableID: string }>\n    RowLength: React.FC<{\n      tableID: string\n      lengthSelect: number[]\n    }>\n  }\n  export type useStatusOutput = {\n    tableComponentDidMount: boolean\n    totalRows: number\n    pageRows: number\n    filteredRows: number\n    searchKeyword: string\n    filter: {\n      enabled: boolean\n      column: boolean[]\n      current: ( string[] )[]\n    }\n    order: {\n      enabled: boolean\n      column: boolean[]\n      current: Data.Order\n    }\n    paging: {\n      rowLength: number\n      pageLength: number\n      currentPageIndex: number\n    }\n  }\n  export type FilterColumnsProps = {\n    index: number\n    keyword: string\n    enabled: boolean\n  }[]\n  export type Order = [ number,'ASC' | 'DESC' ]\n  export type Options = {\n    tableID: string\n    componentID: string\n\n    colLength: number\n    checker: boolean\n\n    searchKeyword: string\n    filter: {\n      enabled: boolean\n      column: boolean[]\n      current: ( string[] )[]\n    }\n    order: {\n      enabled: boolean\n      column: boolean[]\n      current: Data.Order\n    }\n    paging: {\n      rowLength: number\n      pageLength: number\n      currentPageIndex: number\n    }\n    head: Data.HeadRow\n    rows: Data.BodyRow[]\n\n    noRecords: ReactElement\n    cellStyles?: TagProperty.Params\n    cellClassName?: string\n    cellStylesCallback?: {\n      ( params: TableTypes.StylesCallbackInput ): TagProperty.Params\n    }\n    onRowClick?: TableTypes.OnRowClick\n    onOrderChanged?: {\n      ( args: Data.Order ): void\n    }\n  }\n\n  export type Methods = {\n    ( props: Data.Input ): JSX.Element\n  } & FNs & Parts\n}\n\nconst Comps = {\n  __memoryID: $$.uuid.gen(),\n  Header: ( params: {\n    val_status: Data.Options\n    set_status: React.Dispatch<React.SetStateAction<Data.Options>>\n\n    KeywordFilterRows: Data.BodyRow[]\n  } ) => {\n    let {\n      val_status,\n      set_status,\n      KeywordFilterRows\n    } = { ...params }\n\n    let {\n      order,\n      filter\n    } = val_status\n    let [ orderIndex,orderDirection ] = order.current\n\n    let Cols = []\n\n    let HEAD = [ ...val_status.head ]\n    if ( val_status.checker ) {\n      Cols.push( <TableParts.TH\n        { ...val_status.cellStyles }\n        fontWeight='2.normal'\n        position='sticky'\n        top={ 0 }\n        unitWidth={ 4 }\n        padding={ 0 }\n        { ...DefaultCellSystemStyles( {\n          top: true,\n          bottom: !val_status.rows.length,\n          left: true,\n          right: !val_status.colLength\n        } ) }\n        { ...val_status.cellStylesCallback ? val_status.cellStylesCallback( {\n          top: true,\n          bottom: !val_status.rows.length,\n          left: true,\n          right: !val_status.colLength,\n          rowIndex: 0,\n          colIndex: 0,\n          isBody: false,\n          isHeader: true\n        } ) : {} }\n        className={ [\n          TableClasses( 'Cell' ),\n          val_status.cellClassName\n        ].join( ' ' ) }\n        freeCSS={ {\n          zIndex: 2\n        } }\n      >\n        <Box flexCenter>\n          <Input.Checker\n            label={ null }\n            value={ false }\n            onUpdateValidValue={ ( { value } ) => {\n              let newRows = val_status.rows\n              newRows.forEach( ( rows ) => {\n                rows.checked = value\n              } )\n              set_status( {\n                ...val_status,\n                rows: newRows\n              } )\n            } }\n          />\n        </Box>\n      </TableParts.TH> )\n    }\n\n    for ( let colIndex = 0; colIndex < val_status.colLength; colIndex++ ) {\n      let col = HEAD[ colIndex ]\n      if ( !col ) continue\n\n      let DisplayLabel = col.children || col.data\n\n      let orderable = order.enabled && order.column[ colIndex ]\n      let filterable = filter.enabled && filter.column[ colIndex ]\n\n      let OrderButton = orderable ? <FAI\n        fontSize={ '1.mini' }\n        fontColor={ colIndex == orderIndex ? '1.clear' : '5.translucent' }\n        icon={ colIndex == orderIndex\n          ? orderDirection == 'DESC'\n            ? faArrowDown\n            : faArrowUp\n          : faArrowRight }\n      /> : null\n\n      let FilterButton = <></>\n      if ( filterable ) {\n        let ColumnDatas = KeywordFilterRows.map( ( row ) => {\n          return row[ colIndex ]?.data\n        } )\n        ColumnDatas = [ ... new Set( ColumnDatas ) ].order( {\n          direction: 'ASC',\n        } )\n        let filterList: any = filter.current[ colIndex ]\n\n        if ( filterList ) {\n          let ValueList = ColumnDatas.filter( ( data ) => !filterList.includes( data ) )\n          let SelectList: Input.List.Options[] = []\n          ColumnDatas.forEach( ( data ) => {\n            if ( !data ) return\n            SelectList.push( {\n              value: data,\n              label: <Box\n                flexSizing={ 'auto' }\n              >\n                { data }\n              </Box>\n            } )\n          } )\n\n          let FilterModaButtonID = 'BUTTON-' + val_status.componentID + '-' + colIndex\n          let FilterSheetID = val_status.componentID + '-' + colIndex\n\n          let SheetParams: Sheet.Params = {\n            sheetID: FilterSheetID,\n            parent: '#' + FilterModaButtonID,\n            gravityPoint: 23,\n            type: 'custom',\n            content: <Flex\n              flexType='col'\n              border\n              boxShadow={ '3.remark' }\n              backgroundColor={ '1.layer.base' }\n              borderRadius={ 1 }\n              freeCSS={ {\n                minWidth: 12 * 20,\n                maxWidth: 12 * 30\n              } }\n            >\n              <Column\n                gap={ '1/3' }\n                overflow={ 'auto' }\n                padding={ '2/3' }\n                freeCSS={ {\n                  maxHeight: 12 * 30\n                } }\n              >\n                <Input.Checkbox\n                  tone='cloud'\n                  icon\n                  value={ ValueList }\n                  display='flex'\n                  gap={ '1/2' }\n                  override='force'\n                  options={ SelectList }\n                  hideInput\n                  name={ 'DTFilter-col-' + colIndex + '-table-' + val_status.componentID }\n                  cellStyles={ {\n                    flexSizing: 'auto',\n                    padding: '2/3'\n                  } }\n                  onUpdateValidValue={ ( { value } ) => {\n                    let DropValues = ColumnDatas.filter( ( data ) => !value.includes( data ) )\n                    let newOptions = { ...val_status }\n                    newOptions.filter.current[ colIndex ] = DropValues as string[]\n\n                    set_status( newOptions )\n                  } }\n                />\n              </Column>\n              <Row.Separate\n                gap={ '2/3' }\n                padding={ '2/3' }\n                horizontalAlign='right'\n              >\n                <Button.Button.Border.S\n                  isRounded\n                  onClick={ () => {\n                    Sheet.close( FilterSheetID )\n                  } }\n                >\n                  \u9589\u3058\u308B\n                </Button.Button.Border.S>\n                <Button.Button.Prime.S\n                  color='theme'\n                  isRounded\n                  ssEffectsOnActive='shrink'\n                  onClick={ () => {\n                    let newFilterList = [] as string[]\n                    if ( !filterList.length ) newFilterList = ColumnDatas as string[]\n\n                    let newOptions = { ...val_status }\n                    newOptions.filter.current[ colIndex ] = newFilterList\n\n                    set_status( newOptions )\n                  } }\n                >\n                  \u5168\u9078\u629E\n                </Button.Button.Prime.S>\n              </Row.Separate>\n            </Flex>\n          }\n\n          Sheet.refresh( SheetParams,true )\n\n          FilterButton = <Box className={ TableClasses( 'FilterRegion' ) }>\n            <Button.Button.Sub.S\n              ssSphere={ 2.5 }\n              fontSize={ '1.mini' }\n              className={ TableClasses( 'Filtering_' + !!filterList.length ) }\n              id={ FilterModaButtonID }\n              onClick={ ( event ) => {\n                event.stopPropagation()\n                Sheet.open( SheetParams )\n              } }\n            >\n              <FAI icon={ faFilter } />\n            </Button.Button.Sub.S>\n          </Box>\n        }\n      }\n\n      col = {\n        ...val_status.cellStyles,\n        ...col,\n        ...DefaultCellSystemStyles( {\n          top: true,\n          bottom: !val_status.rows.length,\n          left: colIndex == Number( val_status.checker ),\n          right: colIndex == val_status.colLength - 1\n        } ),\n        ...val_status.cellStylesCallback ? val_status.cellStylesCallback( {\n          top: true,\n          bottom: !val_status.rows.length,\n          left: colIndex == Number( val_status.checker ),\n          right: colIndex == val_status.colLength - 1,\n          rowIndex: 0,\n          colIndex,\n          isBody: false,\n          isHeader: true\n        } ) : {},\n        ssPushable: orderable,\n        className: [\n          TableClasses( 'Cell' ),\n          val_status.cellClassName,\n          col.className\n        ].join( ' ' )\n      }\n\n      Cols.push( <TableParts.TH\n        fontWeight='2.normal'\n        position='sticky'\n        top={ 0 }\n        { ...col }\n        freeCSS={ {\n          zIndex: 2,\n          ...col.freeCSS\n        } }\n        onClick={ ( event ) => {\n          if ( orderable ) {\n            let newOptions = { ...val_status }\n            let orderObject: Data.Order = [ colIndex,orderIndex === colIndex && orderDirection == 'ASC' ? 'DESC' : 'ASC' ]\n            newOptions.order.current = orderObject\n            set_status( newOptions )\n            val_status.onOrderChanged && val_status.onOrderChanged( orderObject )\n          }\n        } }\n      >\n        <Flex\n          flexType='row-r'\n          flexWrap={ false }\n          height={ 1 }\n          borderRadius='inherit'\n          flexCenter\n        >\n          { FilterButton }\n          <Flex\n            flexSizing={ 0 }\n            position='relative'\n            borderRadius='inherit'\n            gap={ '1/3' }\n            flexWrap={ false }\n            horizontalAlign='center'\n          >\n            { OrderButton }\n            { DisplayLabel }\n          </Flex>\n        </Flex>\n      </TableParts.TH> )\n    }\n\n    return <TableParts.Row\n      className={ [ TableClasses( 'Row' ),TableClasses( 'HeadRow' ) ].join( ' ' ) }\n      children={ Cols }\n    />\n  },\n  Body: ( params: {\n    val_status: Data.Options\n    set_status: React.Dispatch<React.SetStateAction<Data.Options>>\n    PageRows: Data.BodyRow[]\n  } ) => {\n    let {\n      val_status,\n      PageRows\n    } = params\n\n    let BodyRows: ReactElement[] = []\n    PageRows.forEach( ( row,rowIndex ) => {\n      let ROW = [ ...row ]\n      let Cols: ReactElement[] = []\n\n      if ( val_status.checker ) {\n        Cols.push( <TableParts.TH\n          unitWidth={ 4 }\n          padding={ 0 }\n          borderRight\n          { ...val_status.cellStyles }\n          { ...DefaultCellSystemStyles( {\n            top: rowIndex == 0 && !val_status.head,\n            bottom: rowIndex == PageRows.length - 1,\n            left: true,\n            right: !val_status.colLength\n          } ) }\n          { ...val_status.cellStylesCallback ? val_status.cellStylesCallback( {\n            top: rowIndex == 0 && !val_status.head,\n            bottom: rowIndex == PageRows.length - 1,\n            left: true,\n            right: !val_status.colLength,\n            rowIndex,\n            colIndex: 0,\n            isBody: true,\n            isHeader: false\n          } ) : {} }\n          className={ [\n            TableClasses( 'Cell' ),\n            val_status.cellClassName\n          ].join( ' ' ) }\n        >\n          <Box flexCenter>\n            <Input.Checker\n              label={ null }\n              value={ row.checked }\n              override='force'\n              onUpdateValidValue={ ( { value } ) => {\n                let newRows = val_status.rows\n                newRows[ rowIndex ].checked = value\n                params.set_status( {\n                  ...val_status,\n                  rows: newRows\n                } )\n              } }\n            />\n          </Box>\n        </TableParts.TH> )\n      }\n\n      ROW.forEach( ( col,colIndex ) => {\n        if ( !col ) return\n        let {\n          type = 'td',\n          ...Params\n        } = col\n\n        Params = {\n          ...val_status.cellStyles,\n          ...Params,\n          ...DefaultCellSystemStyles( {\n            top: rowIndex == 0 && !val_status.head,\n            bottom: rowIndex == PageRows.length - 1,\n            left: val_status.checker ? false : colIndex == 0,\n            right: colIndex == val_status.colLength - 1\n          } ),\n          ...val_status.cellStylesCallback ? val_status.cellStylesCallback( {\n            top: rowIndex == 0 && !val_status.head,\n            bottom: rowIndex == PageRows.length - 1,\n            left: val_status.checker ? false : colIndex == 0,\n            right: colIndex == val_status.colLength - 1,\n            rowIndex,\n            colIndex,\n            isBody: true,\n            isHeader: false\n          } ) : {},\n          className: [\n            TableClasses( 'Cell' ),\n            val_status.cellClassName,\n            Params.className\n          ].join( ' ' )\n        }\n\n        let Cell = TableParts[ type == 'td' ? 'TD' : 'TH' ]\n        Cols.push( <Cell\n          key={ colIndex }\n          { ...Params } /> )\n      } )\n\n      BodyRows.push( <TableParts.Row\n        key={ rowIndex }\n        className={ [ TableClasses( 'Row' ),TableClasses( 'BodyRow' ) ].join( ' ' ) }\n        children={ Cols }\n        onClick={ ( event ) => {\n          if ( !val_status.onRowClick ) return\n          val_status.onRowClick( JSON.parse( row.rowID ) as any,event )\n        } }\n      /> )\n    } )\n\n    if ( !PageRows.length ) {\n      let Content = <Box\n        padding={ 2 }\n        fontColor={ '4.thin' }\n        freeCSS={ {\n          textAlign: 'center'\n        } }\n        borderTop='1.thin'\n        children={ '\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093' }\n      />\n      if ( val_status.noRecords ) {\n        Content = <>\n          { val_status.noRecords }\n        </>\n      }\n\n      BodyRows.push( <TableParts.Row\n        key={ 'dataNotFound' }\n        className={ [\n          TableClasses( 'Row' ),\n          TableClasses( 'BodyRow' ),\n          TableClasses( 'DataNotFound' )\n        ].join( ' ' ) }\n      >\n        <TableParts.TD\n          colSpan={ val_status.colLength }\n          className={ TableClasses( 'Cell' ) }\n        >\n          { Content }\n        </TableParts.TD>\n      </TableParts.Row> )\n    }\n    return <>{ BodyRows }</>\n  },\n  Core: ( params: {\n    val_status: Data.Options\n    set_status: React.Dispatch<React.SetStateAction<Data.Options>>\n  } ) => {\n    let {\n      val_status,\n      set_status\n    } = params\n\n    let {\n      searchKeyword,\n      filter,\n      order,\n      paging\n    } = val_status\n\n    let MotherRows = [ ...val_status.rows ]\n    let KeywordFilterRows = [ ...val_status.rows ]\n    let FilterRows = [ ...val_status.rows ]\n    let PageRows = [ ...val_status.rows ]\n\n    if ( searchKeyword ) {\n      KeywordFilterRows = MotherRows.filter( ( row ) => {\n        if ( ( row.__sys4SearchKey || '' ).match( new RegExp( searchKeyword,'i' ) ) ) return 1\n        return 0\n      } )\n      FilterRows = [ ...KeywordFilterRows ]\n      PageRows = [ ...KeywordFilterRows ]\n    }\n    if ( filter.enabled ) {\n      for ( let i = 0; i < val_status.colLength; i++ ) {\n        let enabled = filter.column[ i ]\n        let current = filter.current[ i ]\n\n        if ( enabled && current && current.length ) {\n          FilterRows = FilterRows.filter( ( row ) => !current.includes( row[ i ].data as string ) )\n          PageRows = [ ...FilterRows ]\n        }\n      }\n    }\n    if ( order.enabled ) {\n      FilterRows = FilterRows.order( {\n        direction: order.current[ 1 ],\n        keys: [\n          order.current[ 0 ],\n          'orderIndex'\n        ]\n      } )\n      PageRows = [ ...FilterRows ]\n    }\n\n    {\n      let {\n        currentPageIndex,\n        rowLength\n      } = paging\n      PageRows = [ ...PageRows ].splice( ( currentPageIndex - 1 ) * rowLength,rowLength )\n    }\n\n    let tableObjectID = Comps.__memoryID + '_' + val_status.tableID\n\n    let useStatusOutput: Data.useStatusOutput = {\n      tableComponentDidMount: true,\n      totalRows: MotherRows.length,\n      pageRows: PageRows.length,\n      filteredRows: FilterRows.length,\n\n      filter: val_status.filter,\n      order: val_status.order,\n      paging: val_status.paging,\n      searchKeyword: val_status.searchKeyword,\n    }\n    useStore.update( {\n      key: tableObjectID,\n      value: {\n        status: useStatusOutput,\n        updatePageIndex: ( index: number ) => {\n          let Index = Math.min( Math.max( 1,index ),val_status.paging.pageLength )\n          let newOptions = { ...val_status }\n          newOptions.paging.currentPageIndex = Index\n          set_status( newOptions )\n        },\n        updateRowLength: ( index: number ) => {\n          let newOptions = { ...val_status }\n          newOptions.paging = {\n            rowLength: index,\n            currentPageIndex: 1,\n            pageLength: Math.ceil( FilterRows.length / index )\n          }\n          set_status( newOptions )\n        },\n        updateKeyword: ( keyword: string ) => {\n          $$.interval.clear( 'InputSearchTime' )\n          $$.interval.standBy( 'InputSearchTime',200,() => {\n            let newOptions = { ...val_status }\n\n            newOptions.searchKeyword = keyword\n            newOptions.paging.currentPageIndex = 1\n            newOptions.filter.current = newOptions.filter.current.map( () => [] )\n\n            set_status( newOptions )\n          } )\n        },\n        getRowData: () => {\n          let ReturnRows = [ ...MotherRows ]\n\n          if ( order.enabled ) {\n            ReturnRows = ReturnRows.order( {\n              direction: order.current[ 1 ],\n              keys: [\n                order.current[ 0 ],\n                'orderIndex'\n              ]\n            } )\n          }\n\n          ReturnRows.forEach( ( row ) => {\n            row.currentPage = false\n            row.filtered = false\n            // row.checked = val_checked[ row.rowID! ]\n          } )\n          PageRows.forEach( ( row ) => {\n            let { rowID } = row\n            ReturnRows.find( ( row ) => row.rowID == rowID )!.currentPage = true\n          } )\n          FilterRows.forEach( ( row ) => {\n            let { rowID } = row\n            ReturnRows.find( ( row ) => row.rowID == rowID )!.filtered = true\n          } )\n          return ReturnRows\n        }\n      }\n    } )\n\n    useEffect( () => {\n      let Propagations = Comps.Propagations[ val_status.tableID ] || []\n      Object.keys( Propagations ).forEach( ( key ) => {\n        let propagationObject = useStore.get( key )\n        if ( !propagationObject?.refresh ) return\n        propagationObject.refresh()\n      } )\n    } )\n\n    return <Box\n      className={ TableClasses( 'TableBase' ) }\n    >\n      <TableParts.Table className={ TableClasses( 'Table' ) }>\n        <Comps.Header\n          val_status={ val_status }\n          set_status={ set_status }\n          KeywordFilterRows={ KeywordFilterRows }\n        />\n        <Comps.Body\n          val_status={ val_status }\n          set_status={ set_status }\n          PageRows={ PageRows }\n        />\n      </TableParts.Table>\n    </Box>\n  },\n  Propagations: {} as any,\n\n  DataLeveler: ( params: Data.Input ) => {\n    params = { ...params }\n    params.filter = params.filter ?? false\n    params.filter = Array.from( { length: params.colLength } ).map( ( a,index ) => {\n      if ( $$.is.boolean( params.filter ) ) {\n        return params.filter\n      }\n      return ( params.filter as boolean[] )![ index ] ?? false\n    } )\n\n    params.order = params.order ?? true\n    params.order = Array.from( { length: params.colLength } ).map( ( a,index ) => {\n      if ( $$.is.boolean( params.order ) ) {\n        return params.order\n      }\n      return ( params.order as boolean[] )![ index ] ?? true\n    } )\n\n    params = {\n      checker: false,\n      searchKeyword: '',\n      filter: false,\n      order: true,\n      defaultOrder: [ 0,'ASC' ],\n      ...params\n    }\n    params.rows.forEach( ( row,rowIndex ) => {\n      row.rowID = JSON.stringify( row.rowID || rowIndex )\n      let __sys4SearchKey: string[] = []\n      row.forEach( ( col,colIndex ) => {\n        let {\n          data,\n          children,\n          orderIndex\n        } = col\n        col.orderIndex = $$.is.exist( orderIndex ) ? String( orderIndex ) : String( data )\n        col.children = children || String( data )\n        __sys4SearchKey.push( String( col.data ) )\n      } )\n      row.__sys4SearchKey = __sys4SearchKey.join( '/' )\n    } )\n    return <Comps.StateManager\n      eventID={ $$.uuid.gen() }\n      { ...params }\n    />\n  },\n  StateManager: ( params: Data.Input ) => {\n    let {\n      colLength,\n      eventID,\n      checker = false,\n      searchKeyword = '',\n      filter,\n      order,\n      defaultOrder = [ 0,'ASC' ] as Data.Order,\n      pageRowLength = 30\n    } = params\n    let [ val_componentID ] = useState( $$.uuid.gen() )\n\n    let DefStatus: Data.Options = {\n      tableID: params.tableID || val_componentID,\n      componentID: val_componentID,\n      colLength,\n      checker,\n      searchKeyword: searchKeyword,\n      filter: {\n        enabled: filter !== false,\n        column: filter as boolean[],\n        current: Array.from( { length: colLength },() => [] )\n      },\n      order: {\n        enabled: order !== false,\n        column: order as boolean[],\n        current: defaultOrder\n      },\n      paging: {\n        rowLength: pageRowLength,\n        pageLength: Math.ceil( params.rows.length / pageRowLength ),\n        currentPageIndex: 1\n      },\n      head: params.head,\n      rows: params.rows,\n      noRecords: params.noRecords,\n      cellStyles: params.cellStyles || {},\n      cellClassName: params.cellClassName || '',\n      cellStylesCallback: params.cellStylesCallback,\n      onRowClick: params.onRowClick,\n      onOrderChanged: params.onOrderChanged\n    }\n    let [ val_status,set_status ] = useState( DefStatus )\n\n    let [ val_eventID,set_eventID ] = useState( params.eventID )\n    if ( val_eventID != params.eventID ) {\n      set_eventID( params.eventID )\n      set_status( DefStatus )\n    }\n\n    return <Comps.Core\n      val_status={ val_status }\n      set_status={ set_status }\n    />\n  }\n}\n\nconst fn: Data.FNs = {\n  __memoryID: Comps.__memoryID,\n  useStatus: ( tableID ) => {\n    let [ val_statusID ] = useState( $$.uuid.gen() )\n    let [ val_refresh,set_refresh ] = useState( $$.uuid.gen() )\n\n    let tableObjectID = Comps.__memoryID + '_' + tableID\n    useEffect( () => {\n      Comps.Propagations[ tableID ] = {\n        ...Comps.Propagations[ tableID ],\n        [ val_statusID ]: 1\n      }\n      useStore.set( {\n        key: val_statusID,\n        value: {\n          refresh: () => {\n            set_refresh( $$.uuid.gen() )\n          }\n        }\n      } )\n\n      return () => {\n        delete Comps.Propagations[ tableID ][ val_statusID ]\n      }\n    },[] )\n\n    return useStore.get( tableObjectID )?.status || {\n      tableComponentDidMount: false\n    }\n  },\n  getRowData: ( tableID ) => {\n    let tableObject = useStore.get( Comps.__memoryID + '_' + tableID )\n    if ( !tableObject?.getRowData ) return\n    return tableObject.getRowData()\n  },\n  setPageIndex: ( tableID,pageIndex ) => {\n    let tableObject = useStore.get( Comps.__memoryID + '_' + tableID )\n    if ( !tableObject?.updatePageIndex ) return\n    tableObject.updatePageIndex( pageIndex )\n  },\n  setRowLength: ( tableID,rowLength ) => {\n    let tableObject = useStore.get( Comps.__memoryID + '_' + tableID )\n    if ( !tableObject?.updateRowLength ) return\n    tableObject.updateRowLength( rowLength )\n  },\n  setSearchKeyword: ( tableID,keyword ) => {\n    let tableObject = useStore.get( Comps.__memoryID + '_' + tableID )\n    if ( !tableObject?.updateKeyword ) return\n    tableObject.updateKeyword( keyword )\n  },\n}\nconst Parts: Data.Parts = {\n  SearchInput: ( params ) => {\n    let status = fn.useStatus( params.tableID )\n    if ( !status.tableComponentDidMount ) return null\n\n    return <Input.Text.Normal\n      placeholder='\u691C\u7D22...'\n      clearButton\n      padding={ '2/3' }\n      paddingRight={ 3 }\n      rightIcon={ <Input.Comps.RightIcon\n        fontColor={ '5.translucent' }\n        right={ '2/3' }\n      >\n        <FAI.Search />\n      </Input.Comps.RightIcon> }\n      override='force'\n      value={ status.searchKeyword }\n      onUpdateValidValue={ ( { value } ) => {\n        fn.setSearchKeyword( params.tableID,value )\n      } }\n    />\n  },\n  Info: ( params ) => {\n    let status = fn.useStatus( params.tableID )\n    if ( !status.tableComponentDidMount ) return null\n    let Ratio = status.filteredRows.ratio( status.totalRows ) || 0\n\n    return <Flex\n      verticalAlign='baseline'\n      gap={ '1/2' }\n      fontSize='1.mini'\n      fontColor='3.blur'\n    >\n      <Span\n        fontSize='4.thirdTitle'\n        fontColor='theme'\n      >\n        { status.filteredRows.toLocaleString() }\n      </Span>\n      / { status.totalRows.toLocaleString() }\u4EF6 ({ Ratio }%)\n    </Flex>\n  },\n  Paging: ( params ) => {\n    let status = fn.useStatus( params.tableID )\n    if ( !status.tableComponentDidMount ) return null\n\n    let PageSelect: Input.Select.Options[] = []\n    for ( let index = 0; index < status.paging.pageLength; index++ ) {\n      PageSelect.push( { value: index + 1,label: ( index + 1 ).toString() } )\n    }\n\n    return <Row.Center>\n      <Row.Center\n        gap={ '1/2' }\n      >\n        \u30DA\u30FC\u30B8 :\n        <Input.Select\n          enableUnSelected={ false }\n          padding={ [ '1/3','2/3' ] }\n          rightIcon={ false }\n          placeholder=''\n          override='force'\n          value={ status.paging.currentPageIndex }\n          options={ PageSelect }\n          onUpdateValidValue={ ( { value } ) => {\n            fn.setPageIndex( params.tableID,value )\n          } }\n        />\n        / { status.paging.pageLength }\n      </Row.Center>\n      <Row.Right gap={ '1/2' }>\n        <Button.Button.Sub.R\n          ssSphere={ 3 }\n          onClick={ () => {\n            if ( status.paging.currentPageIndex == 1 ) {\n              fn.setPageIndex( params.tableID,status.paging.pageLength )\n              return\n            }\n            fn.setPageIndex( params.tableID,status.paging.currentPageIndex - 1 )\n          } }\n        >\n          <FAI.ChevronLeft />\n        </Button.Button.Sub.R>\n        <Button.Button.Sub.R\n          ssSphere={ 3 }\n          onClick={ () => {\n            if ( status.paging.currentPageIndex == status.paging.pageLength ) {\n              fn.setPageIndex( params.tableID,1 )\n              return\n            }\n            fn.setPageIndex( params.tableID,status.paging.currentPageIndex + 1 )\n          } }\n        >\n          <FAI.ChevronRight />\n        </Button.Button.Sub.R>\n      </Row.Right>\n    </Row.Center>\n  },\n  RowLength: ( params ) => {\n    let status = fn.useStatus( params.tableID )\n    if ( !status.tableComponentDidMount ) return null\n\n    let currentLength = status.paging.rowLength\n    let ExistCurrentLength = 0\n\n    let LengthList: Input.Select.Options[] = params.lengthSelect.map( ( l ) => {\n      ExistCurrentLength |= Number( l == currentLength )\n\n      return { value: l,label: l.toString() }\n    } )\n    if ( !ExistCurrentLength ) {\n      LengthList.push( { value: currentLength,label: currentLength.toString() } )\n    }\n\n    LengthList = LengthList.order( {\n      direction: 'ASC',\n      keys: [ 'value' ],\n    } )\n\n    return <Row.Center\n      gap={ '1/2' }\n    >\n      \u4EF6\u6570 :\n      <Input.Select\n        enableUnSelected={ false }\n        rightIcon={ false }\n        placeholder='\u9078\u629E'\n        override='force'\n        padding={ [ '1/3','2/3' ] }\n        value={ status.paging.rowLength }\n        options={ LengthList }\n        onUpdateValidValue={ ( { value } ) => {\n          fn.setRowLength( params.tableID,value )\n        } }\n      />\n    </Row.Center>\n  },\n}\n\n\nconst Component = ( params: Data.Input ) => ( <Wrapper\n  type='normal'\n  { ...params }\n>\n  <Comps.DataLeveler { ...params } />\n</Wrapper> )\nconst Data: Data.Methods = Component as any\nData.__memoryID = Comps.__memoryID\nData.useStatus = fn.useStatus\nData.getRowData = fn.getRowData\nData.setPageIndex = fn.setPageIndex\nData.setRowLength = fn.setRowLength\nData.setSearchKeyword = fn.setSearchKeyword\n\nData.Info = Parts.Info\nData.Paging = Parts.Paging\nData.RowLength = Parts.RowLength\nData.SearchInput = Parts.SearchInput\n\n\nexport {\n  Data,\n  Data as default\n}"],
+  "mappings": "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",
+  "names": ["Fragment", "jsx", "jsxs", "useState", "useEffect", "$$", "useStore", "Box", "Flex", "FAI", "Span", "Column", "Row", "Button", "Sheet", "Input", "faArrowUp", "faArrowDown", "faArrowRight", "faFilter", "TableParts", "Wrapper", "DefaultCellSystemStyles", "TableClasses", "Comps", "params", "val_status", "set_status", "KeywordFilterRows", "__spreadValues", "order", "filter", "orderIndex", "orderDirection", "Cols", "HEAD", "__spreadProps", "value", "newRows", "rows", "colIndex", "col", "DisplayLabel", "orderable", "filterable", "OrderButton", "FilterButton", "ColumnDatas", "row", "_a", "filterList", "ValueList", "data", "SelectList", "FilterModaButtonID", "FilterSheetID", "SheetParams", "DropValues", "newOptions", "newFilterList", "event", "orderObject", "PageRows", "BodyRows", "rowIndex", "ROW", "type", "Params", "__objRest", "Cell", "Content", "searchKeyword", "paging", "MotherRows", "FilterRows", "i", "enabled", "current", "currentPageIndex", "rowLength", "tableObjectID", "useStatusOutput", "index", "Index", "keyword", "ReturnRows", "rowID", "Propagations", "key", "propagationObject", "_b", "a", "__sys4SearchKey", "children", "colLength", "eventID", "checker", "defaultOrder", "pageRowLength", "val_componentID", "DefStatus", "val_eventID", "set_eventID", "fn", "tableID", "val_statusID", "val_refresh", "set_refresh", "tableObject", "pageIndex", "Parts", "status", "Ratio", "PageSelect", "currentLength", "ExistCurrentLength", "LengthList", "l", "Component", "Data"]
+}

package/dist/fn/Table/Drag.d.ts

@@ -0,0 +1,18 @@
+import { TableTypes } from './_';
+import TableParts from './Parts';
+declare namespace Drag {
+    type Cell = TableParts.Cell;
+    type HeadRow = Cell[];
+    type BodyRow = Cell[] & {
+        rowID?: any;
+    };
+    type Input = TableTypes.UniInput & {
+        head: HeadRow | false;
+        rows: BodyRow[];
+        onOrderChanged: {
+            (orderList: any[]): void;
+        };
+    };
+}
+declare const Drag: (params: Drag.Input) => import("react/jsx-runtime").JSX.Element;
+export { Drag, Drag as default };

package/dist/fn/Table/Drag.js

@@ -0,0 +1,2 @@
+import{b as l,c as C,e as I}from"../../chunk-E3D4DIO4.js";import{Fragment as W,jsx as r,jsxs as j}from"react/jsx-runtime";import{useState as k,useEffect as x}from"react";import{$$ as w,Config as N,useStore as R}from"@utils";import v from"@atoms/FAI";import M from"@fn/Button";import L from"@fn/Tooltips";import b from"./Parts";import U from"./Wrapper";import{faGripVertical as O}from"@fortawesome/free-solid-svg-icons/faGripVertical";import{DefaultCellSystemStyles as S}from"./cellStyling";import{TableClasses as g}from"@styles/componentClasses/_";const E={HeadRow:e=>{let{cellStyles:t={},cellClassName:d="",cellStylesCallback:n,colLength:s,head:o,rows:i}=e;if(!o)return null;let f=[];for(let p=0;p<s;p++){let c=o[p],D=b[c.type=="th"?"TH":"TD"];f.push(r(D,l(C(l(l(l({},t),S({top:!0,bottom:!i.length,left:p==0,right:p==s-1})),n?n({top:!0,bottom:!i.length,left:p==0,right:p==s-1,rowIndex:0,colIndex:p,isBody:!1,isHeader:!0}):{}),{className:[g("Cell"),d,c.className].join(" ")}),c)))}return r(b.Row,{className:[g("Row"),g("HeadRow")].join(" "),children:f})},BodyRows:e=>{let{cellStyles:t={},cellClassName:d="",cellStylesCallback:n,head:s,rows:o,colLength:i,onOrderChanged:f}=e,[p]=k(w.uuid.gen()),[c,D]=k({rows:o,origin:0,to:NaN}),B=[];if(c.rows.forEach((y,a)=>{let m=[];m.push(r(b.TH,C(l(l(l({padding:0,borderRight:!0},t),S({top:a==0&&!s,bottom:a==o.length-1,left:!0,right:!1})),n?n({top:a==0&&!s,bottom:a==o.length-1,left:!0,right:!1,rowIndex:a,colIndex:0,isBody:!0,isHeader:!1}):{}),{className:[g("Cell"),g("Draggable"),d].join(" "),children:r(M.Button.Clear.R,{className:g("DragableButton"),fontColor:"4.thin",fontSize:"3.paragraph",margin:"auto",tabIndex:-1,ssSphere:3,onMouseDown:u=>{T.Start(u,{id:p,index:a,rows:c.rows,maxLength:o.length})},onTouchStart:u=>{T.Start(u,{id:p,index:a,rows:c.rows,maxLength:o.length})},children:r(v,{icon:O})})}),"DragOrigin")),y.forEach((u,h)=>{u=l({},u);let H=b[u.type=="th"?"TH":"TD"];m.push(r(H,l(C(l(l(l({},t),S({top:!!s&&!s.length,bottom:a==o.length-1,left:!1,right:h==i-2})),n?n({top:!!s&&!s.length,bottom:a==o.length-1,left:!1,right:h==i-2,rowIndex:a,colIndex:h,isBody:!0,isHeader:!1}):{}),{className:[g("Cell"),d,u.className].join(" ")}),u)))}),B.push(r(b.Row,{id:"TableRow-"+p+"-"+a,"data-rowId":a,className:[g("Row"),g("BodyRow")].join(" "),children:m},a))}),!isNaN(c.to)){let{origin:y,to:a}=c,m=[];m.push(r(b.TH,{backgroundColor:"tcOpLow",padding:0,borderRight:"2.normal",className:[g("Cell"),g("Draggable"),d].join(" "),children:r(v.ArrowRight,{fontColor:"theme"})},"dragButton")),c.rows[y].forEach((h,H)=>{h=l({},h);let z=b[h.type=="th"?"TH":"TD"];m.push(r(z,l(C(l(l(l({},t),S({top:!1,bottom:!1,left:!1,right:!1})),n?n({top:!1,bottom:!1,left:!1,right:!1,rowIndex:-1,colIndex:-1,isBody:!0,isHeader:!1}):{}),{className:[g("Cell"),d,h.className].join(" "),backgroundColor:"tcOpLow"}),h)))}),B.splice(a,0,r(b.Row,{className:[g("Row"),g("Pre")].join(" "),children:m},"preSet"))}return x(()=>{R.set({key:p,value:{swap:(y,a)=>{if(a||a==0){let m=c.rows[y],u=[...c.rows];u.splice(y,1),u.splice(a-(y<a?1:0),0,m),D({rows:u,origin:0,to:NaN}),f(u.map(h=>JSON.parse(h.rowID)))}},preSet:y=>{let{origin:a,index:m}=y;D({rows:c.rows,origin:a,to:m})}}})}),x(()=>()=>{R.delete(p)},[]),r(W,{children:B})},Drag:e=>(e=l({},e),e.colLength=e.colLength+1,e.head&&(e.head=[{children:r(M.Button.Clear.R,{ssSphere:3,fontSize:"3.paragraph",fontColor:"theme",onMouseOver:t=>{L.open({parent:t.currentTarget,content:j(L.Comps.Body,{children:[r(v,{icon:O}),"\u30DC\u30BF\u30F3\u3092\u30C9\u30E9\u30C3\u30B0\u3057\u3066\u9806\u5E8F\u3092\u5909\u66F4"]})})},children:r(v.QuestionCircle,{})}),padding:[0,1],unitWidth:4},...e.head]),e.rows=e.rows.map((t,d)=>(t.rowID=JSON.stringify(t.rowID||d),t)),j(b.Table,{className:g("Table"),children:[r(E.HeadRow,l({},e)),r(E.BodyRows,l({},e))]}))},P=e=>r(U,C(l({type:"normal"},e),{children:r(E.Drag,l({},e))})),T={Start:function(e,t){return I(this,null,function*(){e.stopPropagation(),e.preventDefault();let{id:d,index:n,rows:s,maxLength:o}=t;w(N.get().appRoot).find("#TableRow-"+d+"-"+n).addClass(g("DraggerOrigin")),w(document).addEvent({eventID:"DragMouseMove",eventType:"mousemove",callback:i=>{T.Move(i,t)},option:{passive:!1}}).addEvent({eventID:"DragTouchMove",eventType:"touchmove",callback:i=>{T.Move(i,t)},option:{passive:!1}}).addEvent({eventID:"DragMouseUp",eventType:"mouseup",callback:i=>{T.End(i,t)}}).addEvent({eventID:"DragTouchEnd",eventType:"touchend",callback:i=>{T.End(i,t)}})})},Move:function(e,t){let{id:d,maxLength:n}=t,s=w.getCursor(e).y-w.getScreenSize().scrollY;for(let o=0;o<n;o++){let i=w(N.get().appRoot).find("#TableRow-"+d+"-"+o),{top:f,bottom:p,height:c}=i.position();o==0&&s<f?t.insertIndex=0:o===n-1&&p<=s?t.insertIndex=n:s>=f&&s<p&&(t.insertIndex=o+1)}{let{index:o,insertIndex:i}=t,f=R.get(d);f&&f.preSet&&f.preSet({origin:o,index:i})}return e.stopPropagation(),e.preventDefault(),!1},End:function(e,t){let{id:d,index:n,insertIndex:s}=t,o=R.get(d);o&&o.swap&&o.swap(n,s),w(N.get().appRoot).find("#TableRow-"+d+"-"+n).removeClass(g("DraggerOrigin")),w(document).removeEvent(["DragMouseMove","DragTouchMove","DragMouseUp","DragTouchEnd"])}};export{P as Drag,P as default};
+//# sourceMappingURL=Drag.js.map

package/dist/fn/Table/Drag.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/fn/Table/Drag.tsx"],
+  "sourcesContent": ["import {\n  ReactElement,\n} from '@declaration'\nimport {\n  useState,\n  useEffect\n} from 'react'\nimport {\n  $$,\n  Config,\n  useStore,\n} from '@utils'\n\nimport FAI from '@atoms/FAI'\nimport Button from '@fn/Button'\nimport Tooltips from '@fn/Tooltips'\n\n\nimport { TableTypes } from './_'\nimport TableParts from './Parts'\nimport Wrapper from './Wrapper'\n\nimport { faGripVertical } from '@fortawesome/free-solid-svg-icons/faGripVertical'\n\nimport { DefaultCellSystemStyles } from './cellStyling'\nimport { TableClasses } from '@styles/componentClasses/_'\n\nnamespace Drag {\n  export type Cell = TableParts.Cell\n  export type HeadRow = Cell[]\n  export type BodyRow = Cell[] & {\n    rowID?: any\n  }\n  export type Input = TableTypes.UniInput & {\n    head: HeadRow | false\n    rows: BodyRow[]\n\n    onOrderChanged: {\n      ( orderList: any[] ): void\n    }\n  }\n}\n\nconst Comps = {\n  HeadRow: ( props: Drag.Input ) => {\n    let {\n      cellStyles = {},\n      cellClassName = '',\n      cellStylesCallback,\n      colLength,\n      head,\n      rows\n    } = props\n\n    if ( !head ) return null\n\n    let Cols = []\n\n    for ( let colIndex = 0; colIndex < colLength; colIndex++ ) {\n      let col = head[ colIndex ]\n\n      let Cell = TableParts[ col.type == 'th' ? 'TH' : 'TD' ]\n      Cols.push( <Cell\n        { ...cellStyles }\n        { ...DefaultCellSystemStyles( {\n          top: true,\n          bottom: !rows.length,\n          left: colIndex == 0,\n          right: colIndex == colLength - 1\n        } ) }\n        { ...cellStylesCallback ? cellStylesCallback( {\n          top: true,\n          bottom: !rows.length,\n          left: colIndex == 0,\n          right: colIndex == colLength - 1,\n          rowIndex: 0,\n          colIndex,\n          isBody: false,\n          isHeader: true,\n        } ) : {} }\n        className={ [\n          TableClasses( 'Cell' ),\n          cellClassName,\n          col.className,\n        ].join( ' ' ) }\n        { ...col }\n      /> )\n    }\n\n    return <TableParts.Row\n      className={ [ TableClasses( 'Row' ),TableClasses( 'HeadRow' ) ].join( ' ' ) }\n      children={ Cols }\n    />\n  },\n  BodyRows: ( props: Drag.Input ) => {\n    let {\n      cellStyles = {},\n      cellClassName = '',\n      cellStylesCallback,\n      head,\n      rows,\n      colLength,\n      onOrderChanged\n    } = props\n\n    let [ val_componentID ] = useState( $$.uuid.gen() )\n    let [ val_info,set_info ] = useState( {\n      rows: rows,\n      origin: 0,\n      to: NaN\n    } )\n\n    let BodyRows: ReactElement[] = []\n\n    val_info.rows.forEach( ( cols,rowIndex ) => {\n      let Cols: ReactElement[] = []\n      {\n        Cols.push( <TableParts.TH\n          key={ 'DragOrigin' }\n          padding={ 0 }\n          borderRight\n          { ...cellStyles }\n          { ...DefaultCellSystemStyles( {\n            top: rowIndex == 0 && !head,\n            bottom: rowIndex == rows.length - 1,\n            left: true,\n            right: false\n          } ) }\n          { ...cellStylesCallback ? cellStylesCallback( {\n            top: rowIndex == 0 && !head,\n            bottom: rowIndex == rows.length - 1,\n            left: true,\n            right: false,\n            rowIndex,\n            colIndex: 0,\n            isBody: true,\n            isHeader: false,\n          } ) : {} }\n          className={ [\n            TableClasses( 'Cell' ),\n            TableClasses( 'Draggable' ),\n            cellClassName\n          ].join( ' ' ) }\n        >\n          <Button.Button.Clear.R\n            className={ TableClasses( 'DragableButton' ) }\n            fontColor={ '4.thin' }\n            fontSize={ '3.paragraph' }\n            margin={ 'auto' }\n            tabIndex={ -1 }\n            ssSphere={ 3 }\n            onMouseDown={ ( event ) => {\n              Effects.Start( event,{\n                id: val_componentID,\n                index: rowIndex,\n                rows: val_info.rows,\n                maxLength: rows.length\n              } )\n            } }\n            onTouchStart={ ( event ) => {\n              Effects.Start( event,{\n                id: val_componentID,\n                index: rowIndex,\n                rows: val_info.rows,\n                maxLength: rows.length\n              } )\n            } }\n          >\n            <FAI icon={ faGripVertical } />\n          </Button.Button.Clear.R>\n        </TableParts.TH> )\n      }\n\n      cols.forEach( ( col,colIndex ) => {\n        col = { ...col as any }\n\n        let Cell = TableParts[ col.type == 'th' ? 'TH' : 'TD' ]\n        Cols.push( <Cell\n          { ...cellStyles }\n          { ...DefaultCellSystemStyles( {\n            top: !!head && !head.length,\n            bottom: rowIndex == rows.length - 1,\n            left: false,\n            right: colIndex == colLength - 2\n          } ) }\n          { ...cellStylesCallback ? cellStylesCallback( {\n            top: !!head && !head.length,\n            bottom: rowIndex == rows.length - 1,\n            left: false,\n            right: colIndex == colLength - 2,\n            rowIndex,\n            colIndex,\n            isBody: true,\n            isHeader: false,\n          } ) : {} }\n          className={ [\n            TableClasses( 'Cell' ),\n            cellClassName,\n            col.className,\n          ].join( ' ' ) }\n          { ...col }\n        /> )\n      } )\n\n      BodyRows.push( <TableParts.Row\n        key={ rowIndex }\n        id={ 'TableRow-' + val_componentID + '-' + rowIndex }\n        data-rowId={ rowIndex }\n        className={ [ TableClasses( 'Row' ),TableClasses( 'BodyRow' ) ].join( ' ' ) }\n        children={ Cols }\n      /> )\n    } )\n\n    if ( !isNaN( val_info.to ) ) {\n      let {\n        origin,\n        to\n      } = val_info\n      let Cols = []\n      Cols.push( <TableParts.TH\n        key={ 'dragButton' }\n        backgroundColor='tcOpLow'\n        padding={ 0 }\n        borderRight={ '2.normal' }\n        className={ [\n          TableClasses( 'Cell' ),\n          TableClasses( 'Draggable' ),\n          cellClassName\n        ].join( ' ' ) }\n      >\n        <FAI.ArrowRight\n          fontColor='theme'\n        />\n      </TableParts.TH> )\n\n      let cols = val_info.rows[ origin ]\n      cols.forEach( ( col,colIndex ) => {\n        col = { ...col as any }\n\n        let Cell = TableParts[ col.type == 'th' ? 'TH' : 'TD' ]\n        Cols.push( <Cell\n          { ...cellStyles }\n          { ...DefaultCellSystemStyles( {\n            top: false,\n            bottom: false,\n            left: false,\n            right: false\n          } ) }\n          { ...cellStylesCallback ? cellStylesCallback( {\n            top: false,\n            bottom: false,\n            left: false,\n            right: false,\n            rowIndex: -1,\n            colIndex: -1,\n            isBody: true,\n            isHeader: false,\n          } ) : {} }\n          className={ [\n            TableClasses( 'Cell' ),\n            cellClassName,\n            col.className,\n          ].join( ' ' ) }\n          backgroundColor='tcOpLow'\n          { ...col }\n        /> )\n      } )\n\n      BodyRows.splice( to,0,<TableParts.Row\n        key={ 'preSet' }\n        className={ [ TableClasses( 'Row' ),TableClasses( 'Pre' ) ].join( ' ' ) }\n        children={ Cols }\n      /> )\n    }\n\n    useEffect( () => {\n      useStore.set( {\n        key: val_componentID,\n        value: {\n          swap: ( rowIndex: number,insertIndex: number ) => {\n            if ( insertIndex || insertIndex == 0 ) {\n              let targetRow = val_info.rows[ rowIndex ]\n\n              let newRows = [ ...val_info.rows ]\n              newRows.splice( rowIndex,1 )\n              newRows.splice( insertIndex - ( rowIndex < insertIndex ? 1 : 0 ),0,targetRow )\n\n              set_info( {\n                rows: newRows,\n                origin: 0,\n                to: NaN\n              } )\n\n              onOrderChanged( newRows.map( ( row ) => JSON.parse( row.rowID ) ) )\n            }\n          },\n          preSet: ( props: {\n            origin: number,\n            index: number\n          } ) => {\n            let {\n              origin,index\n            } = props\n\n            set_info( {\n              rows: val_info.rows,\n              origin: origin,\n              to: index\n            } )\n          }\n        }\n      } )\n    } )\n    useEffect( () => {\n      return () => {\n        useStore.delete( val_componentID )\n      }\n    },[] )\n\n    return <>\n      { BodyRows }\n    </>\n  },\n  Drag: ( params: Drag.Input ) => {\n    params = { ...params }\n    params.colLength = params.colLength + 1\n\n    if ( params.head ) {\n      params.head = [\n        {\n          children: <Button.Button.Clear.R\n            ssSphere={ 3 }\n            fontSize={ '3.paragraph' }\n            fontColor={ 'theme' }\n            onMouseOver={ ( event ) => {\n              Tooltips.open( {\n                parent: event.currentTarget,\n                content: <Tooltips.Comps.Body>\n                  <FAI icon={ faGripVertical } />\n                  \u30DC\u30BF\u30F3\u3092\u30C9\u30E9\u30C3\u30B0\u3057\u3066\u9806\u5E8F\u3092\u5909\u66F4\n                </Tooltips.Comps.Body>\n              } )\n            } }\n          >\n            <FAI.QuestionCircle />\n          </Button.Button.Clear.R>,\n          padding: [ 0,1 ],\n          unitWidth: 4\n        },\n        ...params.head\n      ]\n    }\n    params.rows = params.rows.map( ( row,rowIndex ) => {\n      row.rowID = JSON.stringify( row.rowID || rowIndex )\n      return row\n    } )\n\n    return <TableParts.Table className={ TableClasses( 'Table' ) }>\n      <Comps.HeadRow { ...params } />\n      <Comps.BodyRows { ...params } />\n    </TableParts.Table>\n  }\n}\n\nconst Drag = ( params: Drag.Input ) => ( <Wrapper\n  type='normal'\n  { ...params }\n>\n  <Comps.Drag { ...params } />\n</Wrapper> )\n\nexport {\n  Drag,\n  Drag as default\n}\n\ntype Info = {\n  id: string\n  index: number\n  maxLength: number\n  rows: Drag.BodyRow[]\n  insertIndex?: number\n}\n\nconst Effects = {\n  Start: async function ( event: any,info: Info ) {\n    event.stopPropagation()\n    event.preventDefault()\n\n    let {\n      id,\n      index,\n      rows,\n      maxLength\n    } = info\n\n    $$( Config.get().appRoot )\n      .find( '#TableRow-' + id + '-' + index )\n      .addClass( TableClasses( 'DraggerOrigin' ) )\n\n    $$( document )\n      .addEvent( {\n        eventID: 'DragMouseMove',\n        eventType: 'mousemove',\n        callback: ( event ) => { Effects.Move( event,info ) },\n        option: { passive: false }\n      } )\n      .addEvent( {\n        eventID: 'DragTouchMove',\n        eventType: 'touchmove',\n        callback: ( event ) => { Effects.Move( event,info ) },\n        option: { passive: false }\n      } )\n      .addEvent( {\n        eventID: 'DragMouseUp',\n        eventType: 'mouseup',\n        callback: ( event ) => { Effects.End( event,info ) }\n      } )\n      .addEvent( {\n        eventID: 'DragTouchEnd',\n        eventType: 'touchend',\n        callback: ( event ) => { Effects.End( event,info ) }\n      } )\n  },\n  Move: function ( event: any,info: Info ) {\n    let {\n      id,\n      maxLength\n    } = info\n\n    let Y = $$.getCursor( event ).y - $$.getScreenSize().scrollY\n\n    for ( let rowIndex = 0; rowIndex < maxLength; rowIndex++ ) {\n      let Row = $$( Config.get().appRoot ).find( '#TableRow-' + id + '-' + rowIndex )\n      let {\n        top: rT,\n        bottom: rB,\n        height: rH\n      } = Row.position()\n\n      if ( rowIndex == 0 && Y < rT ) {\n        info.insertIndex = 0\n      } else if ( rowIndex === maxLength - 1 && rB <= Y ) {\n        info.insertIndex = maxLength\n      } else if ( Y >= rT && Y < rB ) {\n        info.insertIndex = rowIndex + 1\n      }\n    }\n\n    {\n      let {\n        index,\n        insertIndex\n      } = info\n\n      let component = useStore.get( id )\n      if ( component && component.preSet ) component.preSet( {\n        origin: index,\n        index: insertIndex\n      } )\n    }\n\n    event.stopPropagation()\n    event.preventDefault()\n    return false\n  },\n  End: function ( event: any,info: Info ) {\n    let {\n      id,\n      index,\n      insertIndex\n    } = info\n\n    let component = useStore.get( id )\n    if ( component && component.swap ) component.swap( index,insertIndex )\n\n    $$( Config.get().appRoot )\n      .find( '#TableRow-' + id + '-' + index )\n      .removeClass( TableClasses( 'DraggerOrigin' ) )\n\n    $$( document ).removeEvent( [ 'DragMouseMove','DragTouchMove','DragMouseUp','DragTouchEnd' ] )\n  }\n}"],
+  "mappings": "0DA8DiB,OAiQN,YAAAA,EAjQM,OAAAC,EAmRQ,QAAAC,MAnRR,oBA3DjB,OACE,YAAAC,EACA,aAAAC,MACK,QACP,OACE,MAAAC,EACA,UAAAC,EACA,YAAAC,MACK,SAEP,OAAOC,MAAS,aAChB,OAAOC,MAAY,aACnB,OAAOC,MAAc,eAIrB,OAAOC,MAAgB,UACvB,OAAOC,MAAa,YAEpB,OAAS,kBAAAC,MAAsB,mDAE/B,OAAS,2BAAAC,MAA+B,gBACxC,OAAS,gBAAAC,MAAoB,6BAkB7B,MAAMC,EAAQ,CACZ,QAAWC,GAAuB,CAChC,GAAI,CACF,WAAAC,EAAa,CAAC,EACd,cAAAC,EAAgB,GAChB,mBAAAC,EACA,UAAAC,EACA,KAAAC,EACA,KAAAC,CACF,EAAIN,EAEJ,GAAK,CAACK,EAAO,OAAO,KAEpB,IAAIE,EAAO,CAAC,EAEZ,QAAUC,EAAW,EAAGA,EAAWJ,EAAWI,IAAa,CACzD,IAAIC,EAAMJ,EAAMG,CAAS,EAErBE,EAAOhB,EAAYe,EAAI,MAAQ,KAAO,KAAO,IAAK,EACtDF,EAAK,KAAMvB,EAAC0B,EAAAC,EAAAC,EAAAD,MAAA,GACLV,GACAJ,EAAyB,CAC5B,IAAK,GACL,OAAQ,CAACS,EAAK,OACd,KAAME,GAAY,EAClB,MAAOA,GAAYJ,EAAY,CACjC,CAAE,GACGD,EAAqBA,EAAoB,CAC5C,IAAK,GACL,OAAQ,CAACG,EAAK,OACd,KAAME,GAAY,EAClB,MAAOA,GAAYJ,EAAY,EAC/B,SAAU,EACV,SAAAI,EACA,OAAQ,GACR,SAAU,EACZ,CAAE,EAAI,CAAC,GAjBG,CAkBV,UAAY,CACVV,EAAc,MAAO,EACrBI,EACAO,EAAI,SACN,EAAE,KAAM,GAAI,IACPA,EACP,CAAG,CACL,CAEA,OAAOzB,EAACU,EAAW,IAAX,CACN,UAAY,CAAEI,EAAc,KAAM,EAAEA,EAAc,SAAU,CAAE,EAAE,KAAM,GAAI,EAC1E,SAAWS,EACb,CACF,EACA,SAAYP,GAAuB,CACjC,GAAI,CACF,WAAAC,EAAa,CAAC,EACd,cAAAC,EAAgB,GAChB,mBAAAC,EACA,KAAAE,EACA,KAAAC,EACA,UAAAF,EACA,eAAAS,CACF,EAAIb,EAEA,CAAEc,CAAgB,EAAI5B,EAAUE,EAAG,KAAK,IAAI,CAAE,EAC9C,CAAE2B,EAASC,CAAS,EAAI9B,EAAU,CACpC,KAAMoB,EACN,OAAQ,EACR,GAAI,GACN,CAAE,EAEEW,EAA2B,CAAC,EAqGhC,GAnGAF,EAAS,KAAK,QAAS,CAAEG,EAAKC,IAAc,CAC1C,IAAIZ,EAAuB,CAAC,EAE1BA,EAAK,KAAMvB,EAACU,EAAW,GAAXkB,EAAAD,MAAA,CAEV,QAAU,EACV,YAAW,IACNV,GACAJ,EAAyB,CAC5B,IAAKsB,GAAY,GAAK,CAACd,EACvB,OAAQc,GAAYb,EAAK,OAAS,EAClC,KAAM,GACN,MAAO,EACT,CAAE,GACGH,EAAqBA,EAAoB,CAC5C,IAAKgB,GAAY,GAAK,CAACd,EACvB,OAAQc,GAAYb,EAAK,OAAS,EAClC,KAAM,GACN,MAAO,GACP,SAAAa,EACA,SAAU,EACV,OAAQ,GACR,SAAU,EACZ,CAAE,EAAI,CAAC,GApBG,CAqBV,UAAY,CACVrB,EAAc,MAAO,EACrBA,EAAc,WAAY,EAC1BI,CACF,EAAE,KAAM,GAAI,EAEZ,SAAAlB,EAACQ,EAAO,OAAO,MAAM,EAApB,CACC,UAAYM,EAAc,gBAAiB,EAC3C,UAAY,SACZ,SAAW,cACX,OAAS,OACT,SAAW,GACX,SAAW,EACX,YAAgBsB,GAAW,CACzBC,EAAQ,MAAOD,EAAM,CACnB,GAAIN,EACJ,MAAOK,EACP,KAAMJ,EAAS,KACf,UAAWT,EAAK,MAClB,CAAE,CACJ,EACA,aAAiBc,GAAW,CAC1BC,EAAQ,MAAOD,EAAM,CACnB,GAAIN,EACJ,MAAOK,EACP,KAAMJ,EAAS,KACf,UAAWT,EAAK,MAClB,CAAE,CACJ,EAEA,SAAAtB,EAACO,EAAA,CAAI,KAAOK,EAAiB,EAC/B,IAnDM,YAoDR,CAAiB,EAGnBsB,EAAK,QAAS,CAAET,EAAID,IAAc,CAChCC,EAAME,EAAA,GAAKF,GAEX,IAAIC,EAAOhB,EAAYe,EAAI,MAAQ,KAAO,KAAO,IAAK,EACtDF,EAAK,KAAMvB,EAAC0B,EAAAC,EAAAC,EAAAD,MAAA,GACLV,GACAJ,EAAyB,CAC5B,IAAK,CAAC,CAACQ,GAAQ,CAACA,EAAK,OACrB,OAAQc,GAAYb,EAAK,OAAS,EAClC,KAAM,GACN,MAAOE,GAAYJ,EAAY,CACjC,CAAE,GACGD,EAAqBA,EAAoB,CAC5C,IAAK,CAAC,CAACE,GAAQ,CAACA,EAAK,OACrB,OAAQc,GAAYb,EAAK,OAAS,EAClC,KAAM,GACN,MAAOE,GAAYJ,EAAY,EAC/B,SAAAe,EACA,SAAAX,EACA,OAAQ,GACR,SAAU,EACZ,CAAE,EAAI,CAAC,GAjBG,CAkBV,UAAY,CACVV,EAAc,MAAO,EACrBI,EACAO,EAAI,SACN,EAAE,KAAM,GAAI,IACPA,EACP,CAAG,CACL,CAAE,EAEFQ,EAAS,KAAMjC,EAACU,EAAW,IAAX,CAEd,GAAK,YAAcoB,EAAkB,IAAMK,EAC3C,aAAaA,EACb,UAAY,CAAErB,EAAc,KAAM,EAAEA,EAAc,SAAU,CAAE,EAAE,KAAM,GAAI,EAC1E,SAAWS,GAJLY,CAKR,CAAG,CACL,CAAE,EAEG,CAAC,MAAOJ,EAAS,EAAG,EAAI,CAC3B,GAAI,CACF,OAAAO,EACA,GAAAC,CACF,EAAIR,EACAR,EAAO,CAAC,EACZA,EAAK,KAAMvB,EAACU,EAAW,GAAX,CAEV,gBAAgB,UAChB,QAAU,EACV,YAAc,WACd,UAAY,CACVI,EAAc,MAAO,EACrBA,EAAc,WAAY,EAC1BI,CACF,EAAE,KAAM,GAAI,EAEZ,SAAAlB,EAACO,EAAI,WAAJ,CACC,UAAU,QACZ,GAZM,YAaR,CAAiB,EAENwB,EAAS,KAAMO,CAAO,EAC5B,QAAS,CAAEb,EAAID,IAAc,CAChCC,EAAME,EAAA,GAAKF,GAEX,IAAIC,EAAOhB,EAAYe,EAAI,MAAQ,KAAO,KAAO,IAAK,EACtDF,EAAK,KAAMvB,EAAC0B,EAAAC,EAAAC,EAAAD,MAAA,GACLV,GACAJ,EAAyB,CAC5B,IAAK,GACL,OAAQ,GACR,KAAM,GACN,MAAO,EACT,CAAE,GACGM,EAAqBA,EAAoB,CAC5C,IAAK,GACL,OAAQ,GACR,KAAM,GACN,MAAO,GACP,SAAU,GACV,SAAU,GACV,OAAQ,GACR,SAAU,EACZ,CAAE,EAAI,CAAC,GAjBG,CAkBV,UAAY,CACVL,EAAc,MAAO,EACrBI,EACAO,EAAI,SACN,EAAE,KAAM,GAAI,EACZ,gBAAgB,YACXA,EACP,CAAG,CACL,CAAE,EAEFQ,EAAS,OAAQM,EAAG,EAAEvC,EAACU,EAAW,IAAX,CAErB,UAAY,CAAEI,EAAc,KAAM,EAAEA,EAAc,KAAM,CAAE,EAAE,KAAM,GAAI,EACtE,SAAWS,GAFL,QAGR,CAAG,CACL,CAEA,OAAApB,EAAW,IAAM,CACfG,EAAS,IAAK,CACZ,IAAKwB,EACL,MAAO,CACL,KAAM,CAAEK,EAAiBK,IAAyB,CAChD,GAAKA,GAAeA,GAAe,EAAI,CACrC,IAAIC,EAAYV,EAAS,KAAMI,CAAS,EAEpCO,EAAU,CAAE,GAAGX,EAAS,IAAK,EACjCW,EAAQ,OAAQP,EAAS,CAAE,EAC3BO,EAAQ,OAAQF,GAAgBL,EAAWK,EAAc,EAAI,GAAI,EAAEC,CAAU,EAE7ET,EAAU,CACR,KAAMU,EACN,OAAQ,EACR,GAAI,GACN,CAAE,EAEFb,EAAgBa,EAAQ,IAAOC,GAAS,KAAK,MAAOA,EAAI,KAAM,CAAE,CAAE,CACpE,CACF,EACA,OAAU3B,GAGH,CACL,GAAI,CACF,OAAAsB,EAAO,MAAAM,CACT,EAAI5B,EAEJgB,EAAU,CACR,KAAMD,EAAS,KACf,OAAQO,EACR,GAAIM,CACN,CAAE,CACJ,CACF,CACF,CAAE,CACJ,CAAE,EACFzC,EAAW,IACF,IAAM,CACXG,EAAS,OAAQwB,CAAgB,CACnC,EACA,CAAC,CAAE,EAEE9B,EAAAD,EAAA,CACH,SAAAkC,EACJ,CACF,EACA,KAAQY,IACNA,EAASlB,EAAA,GAAKkB,GACdA,EAAO,UAAYA,EAAO,UAAY,EAEjCA,EAAO,OACVA,EAAO,KAAO,CACZ,CACE,SAAU7C,EAACQ,EAAO,OAAO,MAAM,EAApB,CACT,SAAW,EACX,SAAW,cACX,UAAY,QACZ,YAAgB4B,GAAW,CACzB3B,EAAS,KAAM,CACb,OAAQ2B,EAAM,cACd,QAASnC,EAACQ,EAAS,MAAM,KAAf,CACR,UAAAT,EAACO,EAAA,CAAI,KAAOK,EAAiB,EAAE,8FAEjC,CACF,CAAE,CACJ,EAEA,SAAAZ,EAACO,EAAI,eAAJ,EAAmB,EACtB,EACA,QAAS,CAAE,EAAE,CAAE,EACf,UAAW,CACb,EACA,GAAGsC,EAAO,IACZ,GAEFA,EAAO,KAAOA,EAAO,KAAK,IAAK,CAAEF,EAAIR,KACnCQ,EAAI,MAAQ,KAAK,UAAWA,EAAI,OAASR,CAAS,EAC3CQ,EACP,EAEK1C,EAACS,EAAW,MAAX,CAAiB,UAAYI,EAAc,OAAQ,EACzD,UAAAd,EAACe,EAAM,QAANY,EAAA,GAAmBkB,EAAS,EAC7B7C,EAACe,EAAM,SAANY,EAAA,GAAoBkB,EAAS,GAChC,EAEJ,EAEMC,EAASD,GAA0B7C,EAACW,EAAAiB,EAAAD,EAAA,CACxC,KAAK,UACAkB,GAFmC,CAIxC,SAAA7C,EAACe,EAAM,KAANY,EAAA,GAAgBkB,EAAS,GAC5B,EAeMR,EAAU,CACd,MAAO,SAAiBD,EAAWW,EAAa,QAAAC,EAAA,sBAC9CZ,EAAM,gBAAgB,EACtBA,EAAM,eAAe,EAErB,GAAI,CACF,GAAAa,EACA,MAAAL,EACA,KAAAtB,EACA,UAAA4B,CACF,EAAIH,EAEJ3C,EAAIC,EAAO,IAAI,EAAE,OAAQ,EACtB,KAAM,aAAe4C,EAAK,IAAML,CAAM,EACtC,SAAU9B,EAAc,eAAgB,CAAE,EAE7CV,EAAI,QAAS,EACV,SAAU,CACT,QAAS,gBACT,UAAW,YACX,SAAYgC,GAAW,CAAEC,EAAQ,KAAMD,EAAMW,CAAK,CAAE,EACpD,OAAQ,CAAE,QAAS,EAAM,CAC3B,CAAE,EACD,SAAU,CACT,QAAS,gBACT,UAAW,YACX,SAAYX,GAAW,CAAEC,EAAQ,KAAMD,EAAMW,CAAK,CAAE,EACpD,OAAQ,CAAE,QAAS,EAAM,CAC3B,CAAE,EACD,SAAU,CACT,QAAS,cACT,UAAW,UACX,SAAYX,GAAW,CAAEC,EAAQ,IAAKD,EAAMW,CAAK,CAAE,CACrD,CAAE,EACD,SAAU,CACT,QAAS,eACT,UAAW,WACX,SAAYX,GAAW,CAAEC,EAAQ,IAAKD,EAAMW,CAAK,CAAE,CACrD,CAAE,CACN,IACA,KAAM,SAAWX,EAAWW,EAAa,CACvC,GAAI,CACF,GAAAE,EACA,UAAAC,CACF,EAAIH,EAEAI,EAAI/C,EAAG,UAAWgC,CAAM,EAAE,EAAIhC,EAAG,cAAc,EAAE,QAErD,QAAU+B,EAAW,EAAGA,EAAWe,EAAWf,IAAa,CACzD,IAAIiB,EAAMhD,EAAIC,EAAO,IAAI,EAAE,OAAQ,EAAE,KAAM,aAAe4C,EAAK,IAAMd,CAAS,EAC1E,CACF,IAAKkB,EACL,OAAQC,EACR,OAAQC,CACV,EAAIH,EAAI,SAAS,EAEZjB,GAAY,GAAKgB,EAAIE,EACxBN,EAAK,YAAc,EACTZ,IAAae,EAAY,GAAKI,GAAMH,EAC9CJ,EAAK,YAAcG,EACTC,GAAKE,GAAMF,EAAIG,IACzBP,EAAK,YAAcZ,EAAW,EAElC,CAEA,CACE,GAAI,CACF,MAAAS,EACA,YAAAJ,CACF,EAAIO,EAEAS,EAAYlD,EAAS,IAAK2C,CAAG,EAC5BO,GAAaA,EAAU,QAASA,EAAU,OAAQ,CACrD,OAAQZ,EACR,MAAOJ,CACT,CAAE,CACJ,CAEA,OAAAJ,EAAM,gBAAgB,EACtBA,EAAM,eAAe,EACd,EACT,EACA,IAAK,SAAWA,EAAWW,EAAa,CACtC,GAAI,CACF,GAAAE,EACA,MAAAL,EACA,YAAAJ,CACF,EAAIO,EAEAS,EAAYlD,EAAS,IAAK2C,CAAG,EAC5BO,GAAaA,EAAU,MAAOA,EAAU,KAAMZ,EAAMJ,CAAY,EAErEpC,EAAIC,EAAO,IAAI,EAAE,OAAQ,EACtB,KAAM,aAAe4C,EAAK,IAAML,CAAM,EACtC,YAAa9B,EAAc,eAAgB,CAAE,EAEhDV,EAAI,QAAS,EAAE,YAAa,CAAE,gBAAgB,gBAAgB,cAAc,cAAe,CAAE,CAC/F,CACF",
+  "names": ["Fragment", "jsx", "jsxs", "useState", "useEffect", "$$", "Config", "useStore", "FAI", "Button", "Tooltips", "TableParts", "Wrapper", "faGripVertical", "DefaultCellSystemStyles", "TableClasses", "Comps", "props", "cellStyles", "cellClassName", "cellStylesCallback", "colLength", "head", "rows", "Cols", "colIndex", "col", "Cell", "__spreadValues", "__spreadProps", "onOrderChanged", "val_componentID", "val_info", "set_info", "BodyRows", "cols", "rowIndex", "event", "Effects", "origin", "to", "insertIndex", "targetRow", "newRows", "row", "index", "params", "Drag", "info", "__async", "id", "maxLength", "Y", "Row", "rT", "rB", "rH", "component"]
+}

package/dist/fn/Table/Normal.d.ts

@@ -0,0 +1,16 @@
+import { TableTypes } from './_';
+import TableParts from './Parts';
+declare namespace Normal {
+    type Cell = TableParts.Cell;
+    type HeadRow = Cell[];
+    type BodyRow = Cell[] & {
+        rowID?: string | number;
+    };
+    type Input = TableTypes.UniInput & {
+        head: HeadRow | false;
+        rows: BodyRow[];
+        onRowClick?: TableTypes.OnRowClick;
+    };
+}
+declare const Normal: (params: Normal.Input) => import("react/jsx-runtime").JSX.Element;
+export { Normal, Normal as default };

package/dist/fn/Table/Normal.js

@@ -0,0 +1,2 @@
+import{b as e,c as C}from"../../chunk-E3D4DIO4.js";import{Fragment as H,jsx as t,jsxs as B}from"react/jsx-runtime";import w from"./Parts";import d from"./Wrapper";import{DefaultCellSystemStyles as N}from"./cellStyling";import{TableClasses as s}from"@styles/componentClasses/_";const c={HeadRow:l=>{let{cellStyles:r={},cellClassName:i="",cellStylesCallback:n,colLength:y,head:m,rows:h}=l;if(!m)return null;let R=[];return m.forEach((p,o)=>{let a=w[p.type=="th"?"TH":"TD"];R.push(t(a,e(C(e(e(e({},r),N({top:!0,bottom:!h.length,left:o==0,right:o==y-1})),n?n({top:!0,bottom:!h.length,left:o==0,right:o==y-1,rowIndex:0,colIndex:o,isBody:!1,isHeader:!0}):{}),{className:[s("Cell"),i,p.className].join(" ")}),p)))}),t(w.Row,{className:[s("Row"),s("HeadRow")].join(" "),children:R})},BodyRows:l=>{let{cellStyles:r={},cellClassName:i="",cellStylesCallback:n,head:y,rows:m,colLength:h,onRowClick:R}=l,p=[];return m.forEach((o,a)=>{let b=[];o.forEach((f,u)=>{let g=w[f.type=="th"?"TH":"TD"];b.push(t(g,e(C(e(e(e({},r),N({top:a==0&&!y,bottom:a==m.length-1,left:u==0,right:u==h-1})),n?n({top:a==0&&!y,bottom:a==m.length-1,left:u==0,right:u==h-1,rowIndex:a,colIndex:u,isBody:!0,isHeader:!1}):{}),{className:[s("Cell"),i,f.className].join(" ")}),f)))}),p.push(t(w.Row,{className:[s("Row"),s("BodyRow")].join(" "),children:b,onClick:f=>{R&&R(o.rowID,f)}},a))}),t(H,{children:p})},Normal:l=>(l=e({},l),l.rows=l.rows.map((r,i)=>(r.rowID=r.rowID||i,r)),B(w.Table,{className:s("Table"),children:[t(c.HeadRow,e({},l)),t(c.BodyRows,e({},l))]}))},T=l=>t(d,C(e({type:"normal"},l),{children:t(c.Normal,e({},l))}));export{T as Normal,T as default};
+//# sourceMappingURL=Normal.js.map

package/dist/fn/Table/Normal.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/fn/Table/Normal.tsx"],
+  "sourcesContent": ["import {\n  ReactElement,\n} from '@declaration'\nimport React from 'react'\n\nimport { TableTypes } from './_'\nimport TableParts from './Parts'\nimport Wrapper from './Wrapper'\n\nimport { DefaultCellSystemStyles } from './cellStyling'\nimport { TableClasses } from '@styles/componentClasses/_'\n\nnamespace Normal {\n  export type Cell = TableParts.Cell\n  export type HeadRow = Cell[]\n  export type BodyRow = Cell[] & {\n    rowID?: string | number\n  }\n  export type Input = TableTypes.UniInput & {\n    head: HeadRow | false\n    rows: BodyRow[]\n\n    onRowClick?: TableTypes.OnRowClick\n  }\n}\n\nconst Comps = {\n  HeadRow: ( params: Normal.Input ) => {\n    let {\n      cellStyles = {},\n      cellClassName = '',\n      cellStylesCallback,\n      colLength,\n      head,\n      rows\n    } = params\n\n    if ( !head ) return null\n\n    let Cols: ReactElement[] = []\n    head.forEach( ( col,colIndex ) => {\n      let Cell = TableParts[ col.type == 'th' ? 'TH' : 'TD' ]\n      Cols.push( <Cell\n        { ...cellStyles }\n        { ...DefaultCellSystemStyles( {\n          top: true,\n          bottom: !rows.length,\n          left: colIndex == 0,\n          right: colIndex == colLength - 1\n        } ) }\n        { ...cellStylesCallback ? cellStylesCallback( {\n          top: true,\n          bottom: !rows.length,\n          left: colIndex == 0,\n          right: colIndex == colLength - 1,\n          rowIndex: 0,\n          colIndex,\n          isBody: false,\n          isHeader: true,\n        } ) : {} }\n        className={ [\n          TableClasses( 'Cell' ),\n          cellClassName,\n          col.className,\n        ].join( ' ' ) }\n        { ...col }\n      /> )\n    } )\n\n    return <TableParts.Row\n      className={ [ TableClasses( 'Row' ),TableClasses( 'HeadRow' ) ].join( ' ' ) }\n      children={ Cols }\n    />\n  },\n  BodyRows: ( params: Normal.Input ) => {\n    let {\n      cellStyles = {},\n      cellClassName = '',\n      cellStylesCallback,\n      head,\n      rows,\n      colLength,\n      onRowClick,\n    } = params\n\n    let BodyRows: ReactElement[] = []\n    rows.forEach( ( cols,rowIndex ) => {\n      let Cols: ReactElement[] = []\n      cols.forEach( ( col,colIndex ) => {\n        let Cell = TableParts[ col.type == 'th' ? 'TH' : 'TD' ]\n        Cols.push( <Cell\n          { ...cellStyles }\n          { ...DefaultCellSystemStyles( {\n            top: rowIndex == 0 && !head,\n            bottom: rowIndex == rows.length - 1,\n            left: colIndex == 0,\n            right: colIndex == colLength - 1\n          } ) }\n          { ...cellStylesCallback ? cellStylesCallback( {\n            top: rowIndex == 0 && !head,\n            bottom: rowIndex == rows.length - 1,\n            left: colIndex == 0,\n            right: colIndex == colLength - 1,\n            rowIndex,\n            colIndex,\n            isBody: true,\n            isHeader: false,\n          } ) : {} }\n          className={ [\n            TableClasses( 'Cell' ),\n            cellClassName,\n            col.className,\n          ].join( ' ' ) }\n          { ...col }\n        /> )\n      } )\n\n      BodyRows.push( <TableParts.Row\n        key={ rowIndex }\n        className={ [ TableClasses( 'Row' ),TableClasses( 'BodyRow' ) ].join( ' ' ) }\n        children={ Cols }\n        onClick={ ( event ) => {\n          if ( onRowClick ) onRowClick( cols.rowID as any,event )\n        } }\n      /> )\n    } )\n\n    return <>\n      { BodyRows }\n    </>\n  },\n  Normal: ( params: Normal.Input ) => {\n    params = { ...params }\n    params.rows = params.rows.map( ( row,rowIndex ) => {\n      row.rowID = row.rowID || rowIndex\n      return row\n    } )\n\n    return <TableParts.Table className={ TableClasses( 'Table' ) }>\n      <Comps.HeadRow { ...params } />\n      <Comps.BodyRows { ...params } />\n    </TableParts.Table>\n  }\n}\n\nconst Normal = ( params: Normal.Input ) => ( <Wrapper\n  type='normal'\n  { ...params }\n>\n  <Comps.Normal { ...params } />\n</Wrapper> )\n\nexport {\n  Normal,\n  Normal as default\n}"],
+  "mappings": "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",
+  "names": ["Fragment", "jsx", "jsxs", "TableParts", "Wrapper", "DefaultCellSystemStyles", "TableClasses", "Comps", "params", "cellStyles", "cellClassName", "cellStylesCallback", "colLength", "head", "rows", "Cols", "col", "colIndex", "Cell", "__spreadValues", "__spreadProps", "onRowClick", "BodyRows", "cols", "rowIndex", "event", "row", "Normal"]
+}

package/dist/fn/Table/Parts.d.ts

@@ -0,0 +1,24 @@
+import { TagProperty } from '../../@declaration/_';
+import React from 'react';
+import { TableTypes } from './_';
+declare namespace TableParts {
+    type Table = TagProperty.BasicElement & TableTypes.customTableHTMLAttributes<HTMLTableElement>;
+    type TableHead = TagProperty.BasicElement & TableTypes.customTableHTMLAttributes<HTMLTableSectionElement>;
+    type TableBody = TagProperty.BasicElement & TableTypes.customTableHTMLAttributes<HTMLTableSectionElement>;
+    type TR = TagProperty.BasicElement & React.HTMLAttributes<HTMLTableRowElement>;
+    type TableCell = TagProperty.BasicElement & React.ThHTMLAttributes<HTMLTableCellElement>;
+    type Cell = TableCell & {
+        type?: 'th' | 'td';
+    };
+    type Methods = {
+        Table: React.FC<Table>;
+        Head: React.FC<TableHead>;
+        Body: React.FC<TableBody>;
+        Row: React.FC<TR>;
+        TH: React.FC<TableCell>;
+        TD: React.FC<TableCell>;
+        RightIndicator: Cell;
+    };
+}
+declare const TableParts: TableParts.Methods;
+export { TableParts, TableParts as default };

package/dist/fn/Table/Parts.js

@@ -0,0 +1,2 @@
+import{b as t,c as r}from"../../chunk-E3D4DIO4.js";import{jsx as a}from"react/jsx-runtime";import{GenerateClassName as l}from"@utils";import b from"@atoms/FAI";const o={Table:e=>{let T=l(e);return a("table",r(t({},T),{border:T.border}))},Head:e=>a("thead",t({},l(e))),Body:e=>a("tbody",t({},l(e))),Row:e=>a("tr",t({},l(e))),TH:e=>a("th",t({},l(e))),TD:e=>a("td",t({},l(e))),RightIndicator:{type:"td",unitWidth:4,children:a(b.AngleRight,{fontColor:"theme",fontSize:"4.thirdTitle"})}};export{o as TableParts,o as default};
+//# sourceMappingURL=Parts.js.map

package/dist/fn/Table/Parts.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/fn/Table/Parts.tsx"],
+  "sourcesContent": ["import {\n  TagProperty,\n  ReactElement\n} from '@declaration'\nimport React from 'react'\nimport {\n  GenerateClassName\n} from '@utils'\n\nimport FAI from '@atoms/FAI'\n\nimport { TableTypes } from './_'\n\nnamespace TableParts {\n  export type Table = TagProperty.BasicElement & TableTypes.customTableHTMLAttributes<HTMLTableElement>\n  export type TableHead = TagProperty.BasicElement & TableTypes.customTableHTMLAttributes<HTMLTableSectionElement>\n  export type TableBody = TagProperty.BasicElement & TableTypes.customTableHTMLAttributes<HTMLTableSectionElement>\n  export type TR = TagProperty.BasicElement & React.HTMLAttributes<HTMLTableRowElement>\n  export type TableCell = TagProperty.BasicElement & React.ThHTMLAttributes<HTMLTableCellElement>\n  export type Cell = TableCell & {\n    type?: 'th' | 'td'\n  }\n\n  export type Methods = {\n    Table: React.FC<Table>\n    Head: React.FC<TableHead>\n    Body: React.FC<TableBody>\n    Row: React.FC<TR>\n\n    TH: React.FC<TableCell>\n    TD: React.FC<TableCell>\n    RightIndicator: Cell\n  }\n}\nconst TableParts: TableParts.Methods = {\n  Table: ( params ) => {\n    let Params = GenerateClassName( params )\n    return <table\n      { ...Params }\n      border={ Params.border as any }\n    />\n  },\n  Head: ( params ) => ( <thead { ...GenerateClassName( params ) } /> ),\n  Body: ( params ) => ( <tbody { ...GenerateClassName( params ) } /> ),\n  Row: ( params ) => ( <tr { ...GenerateClassName( params ) } /> ),\n\n  TH: ( params ) => ( <th { ...GenerateClassName( params ) } /> ),\n  TD: ( params ) => ( <td { ...GenerateClassName( params ) } /> ),\n\n  RightIndicator: {\n    type: 'td',\n    unitWidth: 4,\n    // data: '',\n    children: <FAI.AngleRight\n      fontColor={ 'theme' }\n      fontSize={ '4.thirdTitle' }\n    />\n  }\n}\nexport {\n  TableParts,\n  TableParts as default\n}"],
+  "mappings": "mDAqCW,cAAAA,MAAA,oBAhCX,OACE,qBAAAC,MACK,SAEP,OAAOC,MAAS,aAyBhB,MAAMC,EAAiC,CACrC,MAASC,GAAY,CACnB,IAAIC,EAASJ,EAAmBG,CAAO,EACvC,OAAOJ,EAAC,QAAAM,EAAAC,EAAA,GACDF,GADC,CAEN,OAASA,EAAO,QAClB,CACF,EACA,KAAQD,GAAcJ,EAAC,QAAAO,EAAA,GAAWN,EAAmBG,CAAO,EAAI,EAChE,KAAQA,GAAcJ,EAAC,QAAAO,EAAA,GAAWN,EAAmBG,CAAO,EAAI,EAChE,IAAOA,GAAcJ,EAAC,KAAAO,EAAA,GAAQN,EAAmBG,CAAO,EAAI,EAE5D,GAAMA,GAAcJ,EAAC,KAAAO,EAAA,GAAQN,EAAmBG,CAAO,EAAI,EAC3D,GAAMA,GAAcJ,EAAC,KAAAO,EAAA,GAAQN,EAAmBG,CAAO,EAAI,EAE3D,eAAgB,CACd,KAAM,KACN,UAAW,EAEX,SAAUJ,EAACE,EAAI,WAAJ,CACT,UAAY,QACZ,SAAW,eACb,CACF,CACF",
+  "names": ["jsx", "GenerateClassName", "FAI", "TableParts", "params", "Params", "__spreadProps", "__spreadValues"]
+}

package/dist/fn/Table/Wrapper.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { TableTypes } from './_';
+declare namespace Wrapper {
+    type Input = TableTypes.UniInput & {
+        type: TableTypes.Types;
+        children: React.ReactElement;
+    };
+}
+declare const Wrapper: React.FC<Wrapper.Input>;
+export { Wrapper, Wrapper as default };

package/dist/fn/Table/Wrapper.js

@@ -0,0 +1,2 @@
+import{b as r,c as s,d as n}from"../../chunk-E3D4DIO4.js";import{jsx as C}from"react/jsx-runtime";import{$$ as m,GenerateClassName as u}from"@utils";import T from"@atoms/Box";import{DefaultCellStyles as f}from"./cellStyling";import{TableClasses as a}from"@styles/componentClasses/_";const p=e=>{let{tone:t,type:l,children:i}=e;e=r({},e),e.tableID=e.tableID||m.uuid.gen(),t=t||"auto",t=="auto"&&(l=="drag"?t="rowBorder":t="border");let y=s(r(r({},t!="plain"?{backgroundColor:"1.layer.base",borderRadius:"1.tone.primary"}:{}),e),{cellStyles:r(r({padding:"3/4",backgroundColor:"1.layer.base",transition:"short",textAlign:"center"},f(l,t)),e.cellStyles),tone:t}),o=u(y),{className:c,style:b}=o,g=n(o,["className","style"]),d=[c,a("Wrap"),a("TableType_"+l),a("RowClickable_"+!!e.onRowClick)].join(" ");return C(T,{className:d,style:b,children:i})};export{p as Wrapper,p as default};
+//# sourceMappingURL=Wrapper.js.map

package/dist/fn/Table/Wrapper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/fn/Table/Wrapper.tsx"],
+  "sourcesContent": ["import {\n  TagProperty\n} from '@declaration'\nimport {\n  $$,\n  GenerateClassName\n} from '@utils'\n\nimport Box from '@atoms/Box'\n\nimport { TableTypes } from './_'\nimport {\n  DefaultCellStyles\n} from './cellStyling'\nimport { TableClasses } from '@styles/componentClasses/_'\n\nnamespace Wrapper {\n  export type Input = TableTypes.UniInput & {\n    type: TableTypes.Types\n    children: React.ReactElement\n  }\n}\n\nconst Wrapper: React.FC<Wrapper.Input> = ( params ) => {\n  let {\n    tone,\n    type,\n    children\n  } = params\n  params = { ...params }\n  params.tableID = params.tableID || $$.uuid.gen()\n  tone = tone || 'auto'\n\n  if ( tone == 'auto' ) {\n    if ( type == 'drag' ) {\n      tone = 'rowBorder'\n    } else {\n      tone = 'border'\n    }\n  }\n\n  let Params = {\n    ...tone != 'plain' ? {\n      backgroundColor: '1.layer.base',\n      borderRadius: '1.tone.primary',\n    } as TagProperty.Params : {},\n    ...params,\n    cellStyles: {\n      padding: '3/4',\n      backgroundColor: '1.layer.base',\n      transition: 'short',\n      textAlign: 'center',\n      ...DefaultCellStyles( type,tone! ),\n      ...params.cellStyles\n    },\n    tone\n  }\n\n  let {\n    className,\n    style: freeCSS,\n    ...others\n  } = GenerateClassName( Params as any )\n\n  let ClassName = [\n    className,\n    TableClasses( 'Wrap' ),\n    TableClasses( 'TableType_' + type ),\n    TableClasses( 'RowClickable_' + !!( params as any ).onRowClick )\n  ].join( ' ' )\n\n  return <Box\n    className={ ClassName }\n    style={ freeCSS }\n  >\n    { children }\n  </Box>\n}\nexport {\n  Wrapper,\n  Wrapper as default\n}"],
+  "mappings": "0DAuES,cAAAA,MAAA,oBApET,OACE,MAAAC,EACA,qBAAAC,MACK,SAEP,OAAOC,MAAS,aAGhB,OACE,qBAAAC,MACK,gBACP,OAAS,gBAAAC,MAAoB,6BAS7B,MAAMC,EAAqCC,GAAY,CACrD,GAAI,CACF,KAAAC,EACA,KAAAC,EACA,SAAAC,CACF,EAAIH,EACJA,EAASI,EAAA,GAAKJ,GACdA,EAAO,QAAUA,EAAO,SAAWN,EAAG,KAAK,IAAI,EAC/CO,EAAOA,GAAQ,OAEVA,GAAQ,SACNC,GAAQ,OACXD,EAAO,YAEPA,EAAO,UAIX,IAAII,EAASC,EAAAF,IAAA,GACRH,GAAQ,QAAU,CACnB,gBAAiB,eACjB,aAAc,gBAChB,EAA0B,CAAC,GACxBD,GALQ,CAMX,WAAYI,IAAA,CACV,QAAS,MACT,gBAAiB,eACjB,WAAY,QACZ,UAAW,UACRP,EAAmBK,EAAKD,CAAM,GAC9BD,EAAO,YAEZ,KAAAC,CACF,GAMIM,EAAAZ,EAAmBU,CAAc,EAHnC,WAAAG,EACA,MAAOC,CA5DX,EA8DMF,EADCG,EAAAC,EACDJ,EADC,CAFH,YACA,UAIEK,EAAY,CACdJ,EACAV,EAAc,MAAO,EACrBA,EAAc,aAAeI,CAAK,EAClCJ,EAAc,gBAAkB,CAAC,CAAGE,EAAgB,UAAW,CACjE,EAAE,KAAM,GAAI,EAEZ,OAAOP,EAACG,EAAA,CACN,UAAYgB,EACZ,MAAQH,EAEN,SAAAN,EACJ,CACF",
+  "names": ["jsx", "$$", "GenerateClassName", "Box", "DefaultCellStyles", "TableClasses", "Wrapper", "params", "tone", "type", "children", "__spreadValues", "Params", "__spreadProps", "_a", "className", "freeCSS", "others", "__objRest", "ClassName"]
+}

package/dist/fn/Table/_.d.ts

@@ -0,0 +1,42 @@
+import { TagProperty } from '../../@declaration/_';
+import React from 'react';
+export declare namespace TableTypes {
+    type customTableHTMLAttributes<T> = Omit<React.TableHTMLAttributes<T>, 'border'>;
+    type Types = 'normal' | 'data' | 'drag' | 'spread';
+    type Tones = 'border' | 'cellBorder' | 'rowBorder' | 'plain' | 'auto';
+    type StylesCallbackInput = {
+        top: boolean;
+        bottom: boolean;
+        left: boolean;
+        right: boolean;
+        rowIndex: number;
+        colIndex: number;
+        isHeader: boolean;
+        isBody: boolean;
+    };
+    type UniInput = {
+        tableID?: string;
+        tone?: Tones;
+        colLength: number;
+        cellStyles?: TagProperty.Properties;
+        cellClassName?: string;
+        cellStylesCallback?: {
+            (params: StylesCallbackInput): TagProperty.Properties;
+        };
+        className?: string;
+    } & TagProperty.Properties;
+    type OnRowClick = {
+        (rowIDOrIndex: any, event: React.MouseEvent<HTMLTableRowElement, MouseEvent>): void;
+    };
+}
+import _TableParts from './Parts';
+import _Normal from './Normal';
+import _Drag from './Drag';
+import _Data from './Data';
+declare namespace Table {
+    export import Normal = _Normal;
+    export import Data = _Data;
+    export import Drag = _Drag;
+    export import Parts = _TableParts;
+}
+export { Table, Table as default };

package/dist/fn/Table/_.js

@@ -0,0 +1,2 @@
+import"../../chunk-E3D4DIO4.js";import r from"./Parts";import o from"./Normal";import a from"./Drag";import p from"./Data";var t;(e=>(e.Normal=o,e.Data=p,e.Drag=a,e.Parts=r))(t||(t={}));export{t as Table,t as default};
+//# sourceMappingURL=_.js.map

package/dist/fn/Table/_.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/fn/Table/_.tsx"],
+  "sourcesContent": ["import {\n  TagProperty\n} from '@declaration'\nimport React from 'react'\n\nexport namespace TableTypes {\n  export type customTableHTMLAttributes<T> = Omit<React.TableHTMLAttributes<T>,'border'>\n  export type Types = 'normal' | 'data' | 'drag' | 'spread'\n  export type Tones = 'border' | 'cellBorder' | 'rowBorder' | 'plain' | 'auto'\n  export type StylesCallbackInput = {\n    top: boolean\n    bottom: boolean\n    left: boolean\n    right: boolean\n    rowIndex: number\n    colIndex: number\n    isHeader: boolean\n    isBody: boolean\n  }\n  export type UniInput = {\n    tableID?: string\n    tone?: Tones\n    colLength: number\n    cellStyles?: TagProperty.Properties\n    cellClassName?: string\n    cellStylesCallback?: {\n      ( params: StylesCallbackInput ): TagProperty.Properties\n    }\n\n    className?: string\n  } & TagProperty.Properties\n  export type OnRowClick = {\n    ( rowIDOrIndex: any,event: React.MouseEvent<HTMLTableRowElement,MouseEvent> ): void\n  }\n}\n\nimport _TableParts from './Parts'\nimport _Normal from './Normal'\nimport _Drag from './Drag'\nimport _Data from './Data'\n\nnamespace Table {\n  export import Normal = _Normal\n  export import Data = _Data\n  export import Drag = _Drag\n  export import Parts = _TableParts\n}\n\nexport {\n  Table,\n  Table as default\n}"],
+  "mappings": "gCAoCA,OAAOA,MAAiB,UACxB,OAAOC,MAAa,WACpB,OAAOC,MAAW,SAClB,OAAOC,MAAW,SAElB,IAAUC,OACMA,EAAA,OAASH,EACTG,EAAA,KAAOD,EACPC,EAAA,KAAOF,EACPE,EAAA,MAAQJ,IAJdI,MAAA",
+  "names": ["_TableParts", "_Normal", "_Drag", "_Data", "Table"]
+}

package/dist/fn/Table/cellStyling.d.ts

@@ -0,0 +1,9 @@
+import { TagProperty } from '../../@declaration/_';
+import { TableTypes } from './_';
+export declare const DefaultCellStyles: (type: TableTypes.Types, tone: TableTypes.Tones) => TagProperty.Params;
+export declare const DefaultCellSystemStyles: (args: {
+    top: boolean;
+    bottom: boolean;
+    left: boolean;
+    right: boolean;
+}) => TagProperty.Params;

package/dist/fn/Table/cellStyling.js

@@ -0,0 +1,2 @@
+import"../../chunk-E3D4DIO4.js";const f=(r,e)=>{if(e=="plain")return{};let t={};return r=="drag"&&(t.padding=1),["border","rowBorder","cellBorder"].includes(e)&&(t.borderBottom="2.normal"),["border","cellBorder"].includes(e)&&(t.borderRight="2.normal"),t},n=r=>{let e={};return r.right&&(e.borderRight="unset"),r.top&&(r.left&&(e.borderTopLeftRadius="inherit"),r.right&&(e.borderTopRightRadius="inherit")),r.bottom&&(e.borderBottom="unset",r.left&&(e.borderBottomLeftRadius="inherit"),r.right&&(e.borderBottomRightRadius="inherit")),e};export{f as DefaultCellStyles,n as DefaultCellSystemStyles};
+//# sourceMappingURL=cellStyling.js.map

package/dist/fn/Table/cellStyling.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/fn/Table/cellStyling.tsx"],
+  "sourcesContent": ["import { TagProperty } from '@declaration'\n\nimport { TableTypes } from './_'\nexport const DefaultCellStyles = ( type: TableTypes.Types,tone: TableTypes.Tones ) => {\n  if ( tone == 'plain' ) return {}\n\n  let Styles: TagProperty.Params = {}\n  if ( type == 'drag' ) {\n    Styles.padding = 1\n  }\n\n  if ( [ 'border','rowBorder','cellBorder' ].includes( tone ) ) {\n    Styles.borderBottom = '2.normal'\n  }\n\n  if ( [ 'border','cellBorder' ].includes( tone ) ) {\n    Styles.borderRight = '2.normal'\n  }\n\n  return Styles\n}\nexport const DefaultCellSystemStyles = ( args: {\n  top: boolean\n  bottom: boolean\n  left: boolean\n  right: boolean\n} ) => {\n  let Styles: TagProperty.Params = {}\n  if ( args.right ) {\n    Styles.borderRight = 'unset'\n  }\n\n  if ( args.top ) {\n    if ( args.left ) {\n      Styles.borderTopLeftRadius = 'inherit'\n    }\n    if ( args.right ) {\n      Styles.borderTopRightRadius = 'inherit'\n    }\n  }\n  if ( args.bottom ) {\n    Styles.borderBottom = 'unset'\n    if ( args.left ) {\n      Styles.borderBottomLeftRadius = 'inherit'\n    }\n    if ( args.right ) {\n      Styles.borderBottomRightRadius = 'inherit'\n    }\n  }\n\n  return Styles\n}"],
+  "mappings": "gCAGO,MAAMA,EAAoB,CAAEC,EAAuBC,IAA4B,CACpF,GAAKA,GAAQ,QAAU,MAAO,CAAC,EAE/B,IAAIC,EAA6B,CAAC,EAClC,OAAKF,GAAQ,SACXE,EAAO,QAAU,GAGd,CAAE,SAAS,YAAY,YAAa,EAAE,SAAUD,CAAK,IACxDC,EAAO,aAAe,YAGnB,CAAE,SAAS,YAAa,EAAE,SAAUD,CAAK,IAC5CC,EAAO,YAAc,YAGhBA,CACT,EACaC,EAA4BC,GAKlC,CACL,IAAIF,EAA6B,CAAC,EAClC,OAAKE,EAAK,QACRF,EAAO,YAAc,SAGlBE,EAAK,MACHA,EAAK,OACRF,EAAO,oBAAsB,WAE1BE,EAAK,QACRF,EAAO,qBAAuB,YAG7BE,EAAK,SACRF,EAAO,aAAe,QACjBE,EAAK,OACRF,EAAO,uBAAyB,WAE7BE,EAAK,QACRF,EAAO,wBAA0B,YAI9BA,CACT",
+  "names": ["DefaultCellStyles", "type", "tone", "Styles", "DefaultCellSystemStyles", "args"]
+}

package/dist/fn/Tooltips.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { TagProperty, ReactElement } from '../@declaration/_';
+import { $$ } from '../@utils/_';
+import Box from '../atoms/Box';
+import Sheet from './Sheet';
+declare namespace Tooltips {
+    type Methods = {
+        __memoryID: string;
+        open(params: Params): void;
+        close(tipsID: string): void;
+        closeALL(): void;
+        Comps: {
+            Body: React.FC<Box.Input>;
+        };
+    };
+    type Params = {
+        tipsID?: string;
+        tipsGroups?: string | string[];
+        parent: $$.Args;
+        gravityPoint?: number;
+        close_option?: Sheet.CloseOptions;
+        hold_state?: boolean;
+        content: ReactElement | {
+            (): JSX.Element;
+        };
+        openAfter?(): void;
+        closeAfter?(): void;
+    } & TagProperty.BasicElement;
+}
+declare const Tooltips: Tooltips.Methods;
+export { Tooltips, Tooltips as default };

package/dist/fn/Tooltips.js

@@ -0,0 +1,2 @@
+import{b as e,d as r}from"../chunk-E3D4DIO4.js";import{jsx as d}from"react/jsx-runtime";import{$$ as p}from"@utils";import m from"@atoms/Box";import t from"@fn/Sheet";const n={__memoryID:p.uuid.gen(),open:o=>{let s=o,{tipsID:i=p.uuid.gen(),tipsGroups:l=[]}=s,a=r(s,["tipsID","tipsGroups"]);t.open(e({sheetID:i,sheetGroups:["tooltips",...l],close_option:e({aroundClick:!0,elementBlur:o.parent,escapeKeyDown:!0,pageTransit:!0},o.close_option),type:"custom"},a))},close:o=>{t.close(o)},closeALL:()=>{t.closeGroup("tooltips")},Comps:{Body:o=>d(m,e({padding:"1/2",backgroundColor:"dark",borderRadius:"2.tone.secondary",fontColor:"white",boxShadow:"0.normal"},o))}};export{n as Tooltips,n as default};
+//# sourceMappingURL=Tooltips.js.map

package/dist/fn/Tooltips.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/fn/Tooltips.tsx"],
+  "sourcesContent": ["import {\n  TagProperty,\n  ReactElement,\n} from '@declaration'\nimport {\n  $$\n} from '@utils'\n\nimport Box from '@atoms/Box'\n\nimport Sheet from '@fn/Sheet'\n\nnamespace Tooltips {\n  export type Methods = {\n    __memoryID: string\n    open( params: Params ): void\n    close( tipsID: string ): void\n    closeALL(): void\n    Comps: {\n      Body: React.FC<Box.Input>\n    }\n  }\n  export type Params = {\n    tipsID?: string\n    tipsGroups?: string | string[]\n    parent: $$.Args\n    gravityPoint?: number\n    close_option?: Sheet.CloseOptions\n    hold_state?: boolean\n    content: ReactElement | {\n      (): JSX.Element\n    }\n    openAfter?(): void\n    closeAfter?(): void\n  } & TagProperty.BasicElement\n}\n\nconst Tooltips: Tooltips.Methods = {\n  __memoryID: $$.uuid.gen(),\n  open: ( params ) => {\n    let {\n      tipsID = $$.uuid.gen(),\n      tipsGroups = [],\n      ...sheetParams\n    } = params\n\n    Sheet.open( {\n      sheetID: tipsID!,\n      sheetGroups: [\n        'tooltips',\n        ...tipsGroups,\n      ],\n      close_option: {\n        aroundClick: true,\n        elementBlur: params.parent,\n        escapeKeyDown: true,\n        pageTransit: true,\n        ...params.close_option,\n      },\n      type: 'custom',\n      ...sheetParams\n    } )\n  },\n  close: ( tipsID ) => {\n    Sheet.close( tipsID )\n  },\n  closeALL: () => {\n    Sheet.closeGroup( 'tooltips' )\n  },\n  Comps: {\n    Body: ( params ) => ( <Box\n      padding={ '1/2' }\n      backgroundColor='dark'\n      borderRadius={ '2.tone.secondary' }\n      fontColor='white'\n      boxShadow={ '0.normal' }\n      { ...params }\n    /> )\n  }\n}\n\nexport {\n  Tooltips,\n  Tooltips as default\n}"],
+  "mappings": "gDAsE0B,cAAAA,MAAA,oBAlE1B,OACE,MAAAC,MACK,SAEP,OAAOC,MAAS,aAEhB,OAAOC,MAAW,YA2BlB,MAAMC,EAA6B,CACjC,WAAYH,EAAG,KAAK,IAAI,EACxB,KAAQI,GAAY,CAClB,IAIIC,EAAAD,EAHF,QAAAE,EAASN,EAAG,KAAK,IAAI,EACrB,WAAAO,EAAa,CAAC,CA1CpB,EA4CQF,EADCG,EAAAC,EACDJ,EADC,CAFH,SACA,eAIFH,EAAM,KAAMQ,EAAA,CACV,QAASJ,EACT,YAAa,CACX,WACA,GAAGC,CACL,EACA,aAAcG,EAAA,CACZ,YAAa,GACb,YAAaN,EAAO,OACpB,cAAe,GACf,YAAa,IACVA,EAAO,cAEZ,KAAM,UACHI,EACH,CACJ,EACA,MAASF,GAAY,CACnBJ,EAAM,MAAOI,CAAO,CACtB,EACA,SAAU,IAAM,CACdJ,EAAM,WAAY,UAAW,CAC/B,EACA,MAAO,CACL,KAAQE,GAAcL,EAACE,EAAAS,EAAA,CACrB,QAAU,MACV,gBAAgB,OAChB,aAAe,mBACf,UAAU,QACV,UAAY,YACPN,EACP,CACF,CACF",
+  "names": ["jsx", "$$", "Box", "Sheet", "Tooltips", "params", "_a", "tipsID", "tipsGroups", "sheetParams", "__objRest", "__spreadValues"]
+}

package/dist/fn/_.d.ts

@@ -0,0 +1,10 @@
+export * from './Effect/_';
+export * from './Button';
+export * from './Input/_';
+export * from './Layout/_';
+export * from './Table/_';
+export * from './Sheet';
+export * from './Snackbar';
+export * from './Loader/_';
+export * from './Tooltips';
+export * from './Cropper';

package/dist/fn/_.js

@@ -0,0 +1,2 @@
+export*from"./Effect/_";export*from"./Button";export*from"./Input/_";export*from"./Layout/_";export*from"./Table/_";export*from"./Sheet";export*from"./Snackbar";export*from"./Loader/_";export*from"./Tooltips";export*from"./Cropper";
+//# sourceMappingURL=_.js.map

package/dist/fn/_.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/fn/_.tsx"],
+  "sourcesContent": ["export * from './Effect/_';\nexport * from './Button';\nexport * from './Input/_';\nexport * from './Layout/_';\nexport * from './Table/_';\nexport * from './Sheet';\nexport * from './Snackbar';\nexport * from './Loader/_';\nexport * from './Tooltips';\nexport * from './Cropper';"],
+  "mappings": "AAAA,WAAc,aACd,WAAc,WACd,WAAc,YACd,WAAc,aACd,WAAc,YACd,WAAc,UACd,WAAc,aACd,WAAc,aACd,WAAc,aACd,WAAc",
+  "names": []
+}

package/dist/index.d.ts

@@ -1 +1,6 @@
-export * from './atoms/index';
+export * from './@utils/_';
+export * from './atoms/_';
+export * from './mols/_';
+export * from './orgs/_';
+export * from './temps/_';
+export * from './fn/_';

package/dist/index.js

@@ -1,17 +1,2 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./atoms/index"), exports);
+export*from"./@utils/_";export*from"./atoms/_";export*from"./mols/_";export*from"./orgs/_";export*from"./temps/_";export*from"./fn/_";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.tsx"],
+  "sourcesContent": ["export * from './@utils/_'\nexport * from './atoms/_'\nexport * from './mols/_'\nexport * from './orgs/_'\nexport * from './temps/_'\nexport * from './fn/_'"],
+  "mappings": "AAAA,WAAc,aACd,WAAc,YACd,WAAc,WACd,WAAc,WACd,WAAc,YACd,WAAc",
+  "names": []
+}