amotify 0.1.58 → 0.1.59

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

@@ -0,0 +1,128 @@
+/// <reference types="react" />
+import { TagProperty, ReactElement } from '../../@declaration';
+import { TableTypes } from '.';
+import TableParts from './Parts';
+declare namespace Data {
+    type Cell = TableParts.TableCell & {
+        type?: 'th' | 'td';
+        data: string | number;
+        option?: any;
+        orderIndex?: string | number;
+    };
+    type HeadRow = Cell[];
+    type BodyRow = Array<Cell> & ArrayObject;
+    type ArrayObject = {
+        rowID?: any;
+        __sys4SearchKey?: string;
+        checked?: boolean;
+        filtered?: boolean;
+        currentPage?: boolean;
+    };
+    type Input = TableTypes.UniInput & {
+        tableID?: string;
+        head: HeadRow;
+        rows: BodyRow[];
+        onRowClick?: TableTypes.OnRowClick;
+        eventID?: string;
+        checker?: boolean;
+        searchKeyword?: string;
+        filter?: boolean | boolean[];
+        order?: boolean | boolean[];
+        defaultOrder?: Order;
+        pageRowLength: number;
+        noRecords?: ReactElement;
+        onOrderChanged?: {
+            (order: Order): void;
+        };
+    };
+    type FNs = {
+        __memoryID: string;
+        useStatus(tableID: string): useStatusOutput;
+        getRowData(tableID: string): BodyRow[];
+        setPageIndex(tableID: string, pageIndex: number): void;
+        setRowLength(tableID: string, rowLength: number): void;
+        setSearchKeyword(tableID: string, keyword: string): void;
+    };
+    type Parts = {
+        SearchInput: React.FC<{
+            tableID: string;
+        }>;
+        Info: React.FC<{
+            tableID: string;
+        }>;
+        Paging: React.FC<{
+            tableID: string;
+        }>;
+        RowLength: React.FC<{
+            tableID: string;
+            lengthSelect: number[];
+        }>;
+    };
+    type useStatusOutput = {
+        tableComponentDidMount: boolean;
+        totalRows: number;
+        pageRows: number;
+        filteredRows: number;
+        searchKeyword: string;
+        filter: {
+            enabled: boolean;
+            column: boolean[];
+            current: (string[])[];
+        };
+        order: {
+            enabled: boolean;
+            column: boolean[];
+            current: Data.Order;
+        };
+        paging: {
+            rowLength: number;
+            pageLength: number;
+            currentPageIndex: number;
+        };
+    };
+    type FilterColumnsProps = {
+        index: number;
+        keyword: string;
+        enabled: boolean;
+    }[];
+    type Order = [number, 'ASC' | 'DESC'];
+    type Options = {
+        tableID: string;
+        componentID: string;
+        colLength: number;
+        checker: boolean;
+        searchKeyword: string;
+        filter: {
+            enabled: boolean;
+            column: boolean[];
+            current: (string[])[];
+        };
+        order: {
+            enabled: boolean;
+            column: boolean[];
+            current: Data.Order;
+        };
+        paging: {
+            rowLength: number;
+            pageLength: number;
+            currentPageIndex: number;
+        };
+        head: Data.HeadRow;
+        rows: Data.BodyRow[];
+        noRecords: ReactElement;
+        cellStyles?: TagProperty.Para;
+        cellClassName?: string;
+        cellStylesCallback?: {
+            (para: TableTypes.StylesCallbackInput): TagProperty.Para;
+        };
+        onRowClick?: TableTypes.OnRowClick;
+        onOrderChanged?: {
+            (args: Data.Order): void;
+        };
+    };
+    type Methods = {
+        (props: Data.Input): JSX.Element;
+    } & FNs & Parts;
+}
+declare const Data: Data.Methods;
+export { Data, Data as default };

package/dist/fn/Table/Data.js

@@ -0,0 +1 @@
+import{b as s,c as R,d as q}from"../../chunk-VY3566IV.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 I from"@mingoo/jsmin";import{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"../Button";import U from"../Sheet";import O from"../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 m}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=[],g=[...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:[m("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=g[l];if(!h)continue;let C=h.children||h.data,a=u.enabled&&u.column[l],d=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(d){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,X={sheetID:J,parent:"#"+j,gravityPoint:23,type:"custom",content:x(M,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"layer.1",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)),$=s({},e);$.filter.current[l]=H,r($)}})}),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(X,!0),_=n(B,{className:m("FilterRegion"),children:n(E.Button.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:m("Filtering_"+!!v.length),id:j,onClick:y=>{y.stopPropagation(),U.open(X)},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:[m("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:[m("Row"),m("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:[m("Cell"),e.cellClassName].join(" "),children:n(B,{flexCenter:!0,children:n(O.Checker,{label:null,value:u.checked,override:"force",onUpdateValidValue:({value:c})=>{let g=e.rows;g[o].checked=c,t.set_status(R(s({},e),{rows:g}))}})})}))),w.forEach((c,g)=>{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:g==0,right:g==e.colLength-1})),e.cellStylesCallback?e.cellStylesCallback({top:o==0&&!e.head,bottom:o==r.length-1,left:e.checker?!1:g==0,right:g==e.colLength-1,rowIndex:o,colIndex:g,isBody:!0,isHeader:!1}):{}),{className:[m("Cell"),e.cellClassName,h.className].join(" ")});let C=P[l=="td"?"TD":"TH"];S.push(n(C,s({},h),g))}),i.push(n(P.Row,{className:[m("Row"),m("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:[m("Row"),m("BodyRow"),m("DataNotFound")].join(" "),children:n(P.TD,{colSpan:e.colLength,className:m("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],g=[...e.rows],l=[...e.rows];if(i&&(c=S.filter(a=>(a.__sys4SearchKey||"").match(new RegExp(i,"i"))?1:0),g=[...c],l=[...c]),u.enabled)for(let a=0;a<e.colLength;a++){let d=u.column[a],p=u.current[a];d&&p&&p.length&&(g=g.filter(_=>!p.includes(_[a].data)),l=[...g])}o.enabled&&(g=g.order({direction:o.current[1],keys:[o.current[0],"orderIndex"]}),l=[...g]);{let{currentPageIndex:a,rowLength:d}=w;l=[...l].splice((a-1)*d,d)}let h=f.__memoryID+"_"+e.tableID,C={tableComponentDidMount:!0,totalRows:S.length,pageRows:l.length,filteredRows:g.length,filter:e.filter,order:e.order,paging:e.paging,searchKeyword:e.searchKeyword};return L.update({key:h,value:{status:C,updatePageIndex:a=>{let d=Math.min(Math.max(1,a),e.paging.pageLength),p=s({},e);p.paging.currentPageIndex=d,r(p)},updateRowLength:a=>{let d=s({},e);d.paging={rowLength:a,currentPageIndex:1,pageLength:Math.ceil(g.length/a)},r(d)},updateKeyword:a=>{I.interval.clear("InputSearchTime"),I.interval.standBy("InputSearchTime",200,()=>{let d=s({},e);d.searchKeyword=a,d.paging.currentPageIndex=1,d.filter.current=d.filter.current.map(()=>[]),r(d)})},getRowData:()=>{let a=[...S];return o.enabled&&(a=a.order({direction:o.current[1],keys:[o.current[0],"orderIndex"]})),a.forEach(d=>{d.currentPage=!1,d.filtered=!1}),l.forEach(d=>{let{rowID:p}=d;a.find(_=>_.rowID==p).currentPage=!0}),g.forEach(d=>{let{rowID:p}=d;a.find(_=>_.rowID==p).filtered=!0}),a}}}),G(()=>{let a=f.Propagations[e.tableID]||[];Object.keys(a).forEach(d=>{let p=L.get(d);p!=null&&p.refresh&&p.refresh()})}),n(B,{className:m("TableBase"),children:x(P.Table,{className:m("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:g,orderIndex:l}=w;w.orderIndex=I.is.exist(l)?String(l):String(c),w.children=g||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,[g]=F(I.uuid.gen()),l={tableID:t.tableID||g,componentID:g,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,d]=F(t.eventID);return a!=t.eventID&&(d(t.eventID),C(l)),n(f.Core,{val_status:h,set_status:C})}},b={__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=b.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})=>{b.setSearchKeyword(t.tableID,r)}}):null},Info:t=>{let e=b.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=b.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})=>{b.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){b.setPageIndex(t.tableID,e.paging.pageLength);return}b.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){b.setPageIndex(t.tableID,1);return}b.setPageIndex(t.tableID,e.paging.currentPageIndex+1)},children:n(K.ChevronRight,{})})]})]})},RowLength:t=>{let e=b.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})=>{b.setRowLength(t.tableID,o)}})]})}},le=t=>n(ne,R(s({},t),{type:"data",JSXChildren:f.DataLeveler})),D=le;D.__memoryID=f.__memoryID,D.useStatus=b.useStatus,D.getRowData=b.getRowData,D.setPageIndex=b.setPageIndex,D.setRowLength=b.setRowLength,D.setSearchKeyword=b.setSearchKeyword,D.Info=z.Info,D.Paging=z.Paging,D.RowLength=z.RowLength,D.SearchInput=z.SearchInput;export{D as Data,D as default};

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: (para: Drag.Input) => import("react/jsx-runtime").JSX.Element;
+export { Drag, Drag as default };

package/dist/fn/Table/Drag.js

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

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: (para: Normal.Input) => import("react/jsx-runtime").JSX.Element;
+export { Normal, Normal as default };

package/dist/fn/Table/Normal.js

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

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 @@
+import{b as t,c as r}from"../../chunk-VY3566IV.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};

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;
+        JSXChildren: (para: any) => JSX.Element;
+    };
+}
+declare const Wrapper: React.FC<Wrapper.Input>;
+export { Wrapper, Wrapper as default };

package/dist/fn/Table/Wrapper.js

@@ -0,0 +1 @@
+import{b as t,c as n,d as s}from"../../chunk-VY3566IV.js";import{jsx as a}from"react/jsx-runtime";import f from"@mingoo/jsmin";import{GenerateClassName as u}from"../../@utils";import C from"../../atoms/Box";import{DefaultCellStyles as c}from"./cellStyling";import{TableClasses as l}from"../../@styles/componentClasses";const y=e=>{let{JSXChildren:i}=e;(!e.tone||e.tone=="auto")&&(e.tone="border",e.type=="drag"&&(e.tone="rowBorder"));let o=n(t({tableID:e.tableID||f.uuid.gen(),tone:e.tone},e),{cellStyles:t(t({},c(e.type,e.tone)),e.cellStyles)});e.tone!="plain"&&(o.backgroundColor=o.backgroundColor||"layer.1",o.borderRadius=o.borderRadius||"1.tone.primary");let r=u(o),{className:m,style:p}=r,b=s(r,["className","style"]),d=[m,l("Wrap"),l("TableType_"+e.type),l("RowClickable_"+!!o.onRowClick)].join(" ");return a(C,{className:d,style:p,children:a(i,t({},b))})};export{y as Wrapper,y as default};

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.Para;
+export declare const DefaultCellSystemStyles: (args: {
+    top: boolean;
+    bottom: boolean;
+    left: boolean;
+    right: boolean;
+}) => TagProperty.Para;

package/dist/fn/Table/cellStyling.js

@@ -0,0 +1 @@
+import{b as o}from"../../chunk-VY3566IV.js";const d=(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"),o({padding:"3/4",backgroundColor:"layer.1",transition:"short",textAlign:"center"},t)},b=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{d as DefaultCellStyles,b as DefaultCellSystemStyles};

package/dist/fn/Table/index.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.Para;
+        cellClassName?: string;
+        cellStylesCallback?: {
+            (para: StylesCallbackInput): TagProperty.Para;
+        };
+        className?: string;
+    } & TagProperty.Para;
+    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/index.js

@@ -0,0 +1 @@
+import"../../chunk-VY3566IV.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};

package/dist/fn/Tooltips.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { TagProperty, ReactElement } from '../@declaration';
+import $$ from '@mingoo/jsmin';
+import Box from '../atoms/Box';
+import Sheet from './Sheet';
+declare namespace Tooltips {
+    type Methods = {
+        __memoryID: string;
+        open(para: Input): void;
+        close(tipsID: string): void;
+        closeALL(): void;
+        Comps: {
+            Body: React.FC<Box.Input>;
+        };
+    };
+    type Input = {
+        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 @@
+import{b as e,d as s}from"../chunk-VY3566IV.js";import{jsx as u}from"react/jsx-runtime";import p from"@mingoo/jsmin";import d from"../atoms/Box";import t from"./Sheet";const n={__memoryID:p.uuid.gen(),open:o=>{let r=o,{tipsID:i=p.uuid.gen(),tipsGroups:l=[]}=r,a=s(r,["tipsID","tipsGroups"]);t.open(e({sheetID:i,sheetGroups:["tooltips",...l],close_option:e({aroundClick:!0,parentBlur:!0,escapeKeyDown:!0,pageTransit:!0},o.close_option),type:"custom"},a))},close:o=>{o&&t.close(o)},closeALL:()=>{t.closeGroup("tooltips")},Comps:{Body:o=>u(d,e({padding:"1/2",backgroundColor:"dark",borderRadius:"2.tone.secondary",fontColor:"white",boxShadow:"0.normal"},o))}};export{n as Tooltips,n as default};

package/dist/fn/index.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/index.js

@@ -0,0 +1 @@
+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";