amotify 0.2.277 → 0.2.279

package/dist/fn/SwipeView.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { StyleTags, ReactElement } from '../@declares';
+import { StyleProps, ReactElement } from '../@declares';
 declare namespace SwipeView {
-    type Input = StyleTags.BasicElement & {
+    type Input = StyleProps.BasicElement & {
         slideIndex?: number;
         slides: ReactElement[];
         wrapper?: {

package/dist/fn/SwipeView.js

@@ -1 +1 @@
-import{b as w,c as m,d as D}from"../chunk-C5N2D3ZX.js";import{jsx as T}from"react/jsx-runtime";import p,{UUID as P}from"jmini";import{useState as V,useEffect as k,useRef as X}from"react";import{$$fromRoot as y}from"../@utils";import{Box as L,Flex as j}from"../atoms";import{LayoutClasses as a}from"../@styles/componentClasses";const _=t=>{let M=t,{options:{onSlideCallback:e,visibilitySurroundSlide:u=!0,autoSwipems:o=0,loop:s=!1,disableMousedrag:n=!1,disableTouch:l=!1}={},wrapper:i=r=>r,slides:S=[],slideIndex:B}=M,g=D(M,["options","wrapper","slides","slideIndex"]),[h]=V(P()),[d,b]=V({eventType:"init",index:t.slideIndex});const C=X(!1);k(()=>{b({eventType:"usr",index:t.slideIndex}),C.current||(C.current=!0)},[t.slideIndex]),k(()=>{let r=d.index+(s?1:0),v=p.isOneOf(d.index,-1,S.length);v||e&&setTimeout(()=>{e(d.index)},300);let E=y("#Swiper-"+h);if(d.eventType=="adjustLoop")E.await(250).css({transition:"0s",transform:x(r)}).children().removeClass(a("Display")).parent().children(r).addClass([a("Display"),a("LoopAdjusting")]).await(100).removeClass(a("LoopAdjusting"));else if(d.eventType=="sys")E.await(250).css({transform:x(r)}).children().removeClass(a("Display")).parent().children(r).addClass(a("Display"));else if(E.children().removeClass(a("Display")).parent().children(r).addClass(a("Display")).parent().css({transition:"0.3s",transform:x(r)}).await(250).css({transition:"0s"}),v){let f=d.index==-1?S.length-1:0;b({eventType:"adjustLoop",index:f})}o&&!v&&p.interval.once(()=>{let f=d.index+1;!s&&f>S.length-1&&(f=0),b({eventType:"usr",index:f})},o-(d.eventType=="sys"?310:0),"SwipeTimer-"+h)},[d]);let c=S.map((r,v)=>T(L,{flexSizing:"none",width:1,height:0,className:a("Child"),children:i(r)},v));s&&(c.push(m(w({},c[0]),{key:c[0].key+"-Shallow0"})),c.unshift(m(w({},c[c.length-2]),{key:c[c.length-2].key+"-Shallow0"})));let A={x:0,y:0,process:!1,effectStartAt:0,id:h,loop:s,index:d.index,minIndex:s?-1:0,maxIndex:S.length+(s?1:-1),width:0,set_event:b},N=d.index+ +!!s;return T(L,m(w({overflow:"hidden",position:"relative"},g),{className:[g.className,a("SwipeView")].join(" "),freeCSS:w({zIndex:1},g.freeCSS),"data-swipe-id":h,onPointerDown:r=>{if(r.pointerType=="touch"){if(l)return}else if(r.pointerType=="mouse"&&(n||r.buttons!=1))return;I.Start(r,A)},children:T(j,{flexWrap:!1,gap:1,transition:"long",className:[a("Rail"),a("ShowOther_"+u)].join(" "),id:"Swiper-"+h,freeCSS:w({},C.current?{}:{transform:x(N)}),children:c})}))},x=t=>`translateX( calc( ${-100*t}%  - ${12*t}px ) )`,I={Start:(t,e)=>{let{x:u,y:o}=p.getCursor(t),s=t.currentTarget,n=t.target;if(p.isOneOf(n.tagName,"SELECT","BUTTON","LABEL","INPUT"))return;e=m(w({},e),{x:u-e.x+window.scrollX,y:o-e.y+window.scrollY,effectStartAt:new Date().getTime(),width:y("#Swiper-"+e.id).position().width});let{swipeId:l}=s.dataset;l==e.id&&p(document).addEvent({eventID:"SwipeView.PointerMove",eventType:"pointermove",callback:i=>{I.Check(i,e)},options:{passive:!1}}).addEvent({eventID:"SwipeView.PointerUp",eventType:"pointerup",callback:i=>{I.End(i,e)},options:{passive:!1}})},Check:(t,e)=>{if(e.process)return;let{x:u,y:o}=p.getCursor(t),s=Math.abs(u-e.x+window.scrollX),n=Math.abs(o-e.y+window.scrollY);if(!(t.touches&&t.touches.length>1)&&!(n+s<15))if(n>s/2)p(document).removeEvent(["SwipeView.PointerMove"]);else{e.process=!0;let l=e.index+(e.loop?1:0);y("#Swiper-"+e.id).children(l-1).addClass(a("Display")),p(document).addEvent({eventID:"SwipeView.Check.MouseMove",eventType:"mousemove",callback:i=>{I.Move(i,e)},options:{passive:!1}}).addEvent({eventID:"SwipeView.Check.TouchMove",eventType:"touchmove",callback:i=>{I.Move(i,e)},options:{passive:!1}}),t.preventDefault();return}},Move:(t,e)=>{if(t.touches&&t.touches.length>1)return;let{x:u}=p.getCursor(t),o=u-e.x+window.scrollX,n=e.index+(e.loop?1:0)-o/e.width;if(n<0)n/=2;else if(n>e.maxIndex){let l=n-e.maxIndex;n=e.maxIndex+l/2}y("#Swiper-"+e.id).css({transition:"0s",transform:x(n)}),t.preventDefault()},End:(t,e)=>{if(e.process){let o=p.getCursor(t).x-e.x+window.scrollX,s=new Date().getTime(),n=s-e.effectStartAt,l=e.index+(e.loop?1:0),i=0;n<400?i=l-(+(o>0)*2-1):i=Math.round(l-o/e.width),i=Math.max(Math.min(i,e.maxIndex),e.minIndex),e.process=!1,l===i?(e.effectStartAt=s,y("#Swiper-"+e.id).css({transition:".2s",transform:x(i)}).await(310).css({transition:"0s"}).children().removeClass(a("Display")).parent().children(l).addClass(a("Display"))):e.set_event({eventType:"usr",index:i+e.minIndex})}p(document).removeEvent(["SwipeView.PointerMove","SwipeView.Check.MouseMove","SwipeView.Check.TouchMove","SwipeView.PointerUp"])}},R=t=>T(_,m(w({},t),{slideIndex:Math.max(Math.min(t.slideIndex,t.slides.length-1),0)}));export{R as SwipeView,R as default};
+import{b as w,c as m,d as D}from"../chunk-C5N2D3ZX.js";import{jsx as T}from"react/jsx-runtime";import p,{UUID as N}from"jmini";import{useState as V,useEffect as k,useRef as X}from"react";import{$$fromRoot as y}from"../@utils";import{Box as L,Flex as j}from"../atoms";import{LayoutClasses as a}from"../@styles/componentClasses";const _=t=>{let M=t,{options:{onSlideCallback:e,visibilitySurroundSlide:u=!0,autoSwipems:o=0,loop:s=!1,disableMousedrag:n=!1,disableTouch:l=!1}={},wrapper:i=r=>r,slides:S=[],slideIndex:B}=M,C=D(M,["options","wrapper","slides","slideIndex"]),[h]=V(N()),[d,b]=V({eventType:"init",index:t.slideIndex});const g=X(!1);k(()=>{b({eventType:"usr",index:t.slideIndex}),g.current||(g.current=!0)},[t.slideIndex]),k(()=>{let r=d.index+(s?1:0),v=p.isOneOf(d.index,-1,S.length);v||e&&setTimeout(()=>{e(d.index)},300);let E=y("#Swiper-"+h);if(d.eventType=="adjustLoop")E.await(250).css({transition:"0s",transform:x(r)}).children().removeClass(a("Display")).parent().children(r).addClass([a("Display"),a("LoopAdjusting")]).await(100).removeClass(a("LoopAdjusting"));else if(d.eventType=="sys")E.await(250).css({transform:x(r)}).children().removeClass(a("Display")).parent().children(r).addClass(a("Display"));else if(E.children().removeClass(a("Display")).parent().children(r).addClass(a("Display")).parent().css({transition:"0.3s",transform:x(r)}).await(250).css({transition:"0s"}),v){let f=d.index==-1?S.length-1:0;b({eventType:"adjustLoop",index:f})}o&&!v&&p.interval.once(()=>{let f=d.index+1;!s&&f>S.length-1&&(f=0),b({eventType:"usr",index:f})},o-(d.eventType=="sys"?310:0),"SwipeTimer-"+h)},[d]);let c=S.map((r,v)=>T(L,{flexSizing:"none",width:1,height:0,className:a("Child"),children:i(r)},v));s&&(c.push(m(w({},c[0]),{key:c[0].key+"-Shallow0"})),c.unshift(m(w({},c[c.length-2]),{key:c[c.length-2].key+"-Shallow0"})));let P={x:0,y:0,process:!1,effectStartAt:0,id:h,loop:s,index:d.index,minIndex:s?-1:0,maxIndex:S.length+(s?1:-1),width:0,set_event:b},A=d.index+ +!!s;return T(L,m(w({overflow:"hidden",position:"relative"},C),{className:[C.className,a("SwipeView")].join(" "),freeCSS:w({zIndex:1},C.freeCSS),"data-swipe-id":h,onPointerDown:r=>{if(r.pointerType=="touch"){if(l)return}else if(r.pointerType=="mouse"&&(n||r.buttons!=1))return;I.Start(r,P)},children:T(j,{flexWrap:!1,gap:1,transition:"long",className:[a("Rail"),a("ShowOther_"+u)].join(" "),id:"Swiper-"+h,freeCSS:w({},g.current?{}:{transform:x(A)}),children:c})}))},x=t=>`translateX( calc( ${-100*t}%  - ${12*t}px ) )`,I={Start:(t,e)=>{let{x:u,y:o}=p.getCursor(t),s=t.currentTarget,n=t.target;if(p.isOneOf(n.tagName,"SELECT","BUTTON","LABEL","INPUT"))return;e=m(w({},e),{x:u-e.x+window.scrollX,y:o-e.y+window.scrollY,effectStartAt:new Date().getTime(),width:y("#Swiper-"+e.id).position().width});let{swipeId:l}=s.dataset;l==e.id&&p(document).addEvent({eventID:"SwipeView.PointerMove",eventType:"pointermove",callback:i=>{I.Check(i,e)},options:{passive:!1}}).addEvent({eventID:"SwipeView.PointerUp",eventType:"pointerup",callback:i=>{I.End(i,e)},options:{passive:!1}})},Check:(t,e)=>{if(e.process)return;let{x:u,y:o}=p.getCursor(t),s=Math.abs(u-e.x+window.scrollX),n=Math.abs(o-e.y+window.scrollY);if(!(t.touches&&t.touches.length>1)&&!(n+s<15))if(n>s/2)p(document).removeEvent(["SwipeView.PointerMove"]);else{e.process=!0;let l=e.index+(e.loop?1:0);y("#Swiper-"+e.id).children(l-1).addClass(a("Display")),p(document).addEvent({eventID:"SwipeView.Check.MouseMove",eventType:"mousemove",callback:i=>{I.Move(i,e)},options:{passive:!1}}).addEvent({eventID:"SwipeView.Check.TouchMove",eventType:"touchmove",callback:i=>{I.Move(i,e)},options:{passive:!1}}),t.preventDefault();return}},Move:(t,e)=>{if(t.touches&&t.touches.length>1)return;let{x:u}=p.getCursor(t),o=u-e.x+window.scrollX,n=e.index+(e.loop?1:0)-o/e.width;if(n<0)n/=2;else if(n>e.maxIndex){let l=n-e.maxIndex;n=e.maxIndex+l/2}y("#Swiper-"+e.id).css({transition:"0s",transform:x(n)}),t.preventDefault()},End:(t,e)=>{if(e.process){let o=p.getCursor(t).x-e.x+window.scrollX,s=new Date().getTime(),n=s-e.effectStartAt,l=e.index+(e.loop?1:0),i=0;n<400?i=l-(+(o>0)*2-1):i=Math.round(l-o/e.width),i=Math.max(Math.min(i,e.maxIndex),e.minIndex),e.process=!1,l===i?(e.effectStartAt=s,y("#Swiper-"+e.id).css({transition:".2s",transform:x(i)}).await(310).css({transition:"0s"}).children().removeClass(a("Display")).parent().children(l).addClass(a("Display"))):e.set_event({eventType:"usr",index:i+e.minIndex})}p(document).removeEvent(["SwipeView.PointerMove","SwipeView.Check.MouseMove","SwipeView.Check.TouchMove","SwipeView.PointerUp"])}},R=t=>T(_,m(w({},t),{slideIndex:Math.max(Math.min(t.slideIndex,t.slides.length-1),0)}));export{R as SwipeView,R as default};

package/dist/fn/TabBar.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { StyleTags, ReactElement } from '../@declares';
+import { StyleProps, ReactElement } from '../@declares';
 declare namespace TabBar {
     type Input = {
         tabIndex: number;
@@ -10,7 +10,7 @@ declare namespace TabBar {
         componentDidMount?: {
             (): void;
         };
-    } & StyleTags.BasicElement;
+    } & StyleProps.BasicElement;
 }
 declare const TabBar: React.FC<TabBar.Input>;
 export { TabBar, TabBar as default };

package/dist/fn/TabBar.js

@@ -1 +1 @@
-import{b as t,c as l,d as p}from"../chunk-C5N2D3ZX.js";import{jsx as o}from"react/jsx-runtime";import{useEffect as s}from"react";import{Box as c,Flex as x}from"../atoms";import S from"./Input";const m=f=>{let i=f,{tabIndex:u,tabs:b,onTabChange:a,componentDidMount:n}=i,r=p(i,["tabIndex","tabs","onTabChange","componentDidMount"]);return s(()=>{n&&n()},[]),o(x,l(t({position:"relative",overflow:"auto",flexWrap:!1},r),{freeCSS:t({zIndex:3,whiteSpace:"nowrap"},r.freeCSS),children:o(c,{margin:[0,"auto"],children:o(S.Segmented.Bottomline,{value:u,fontColor:"inherit",gap:0,override:"force",options:b.map((e,d)=>({value:d,label:e})),onUpdateValidValue:e=>{a&&a(e)}})})}))};export{m as TabBar,m as default};
+import{b as o,c as i,d as l}from"../chunk-C5N2D3ZX.js";import{jsx as t}from"react/jsx-runtime";import{useEffect as s}from"react";import{Box as c,Flex as x}from"../atoms";import S from"./Input";const m=f=>{let p=f,{tabIndex:u,tabs:b,onTabChange:a,componentDidMount:n}=p,r=l(p,["tabIndex","tabs","onTabChange","componentDidMount"]);return s(()=>{n&&n()},[]),t(x,i(o({position:"relative",overflow:"auto",flexWrap:!1},r),{freeCSS:o({zIndex:3,whiteSpace:"nowrap"},r.freeCSS),children:t(c,{margin:[0,"auto"],children:t(S.Segmented.Bottomline,{value:u,fontColor:"inherit",gap:0,override:"force",options:b.map((e,d)=>({value:d,label:e})),onUpdateValidValue:e=>{a&&a(e)}})})}))};export{m as TabBar,m as default};

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

@@ -1,12 +1,11 @@
 /// <reference types="react" />
-import { StyleTags, ReactElement } from '../../@declares';
+import { StyleProps, ReactElement } from '../../@declares';
 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[];
@@ -44,11 +43,6 @@ declare namespace Data {
             filtered: number;
         };
     };
-    type FilterColumnsProps = {
-        index: number;
-        keyword: string;
-        enabled: boolean;
-    }[];
     type Order = [number, 'ASC' | 'DESC'];
     type Options = {
         tableID: string;
@@ -75,10 +69,10 @@ declare namespace Data {
         head: Data.HeadRow;
         rows: Data.BodyRow[];
         noRecords: ReactElement;
-        cellStyles?: StyleTags.PropsNFreeCSS;
+        cellStyles?: StyleProps.PropsNFreeCSS;
         cellClassName?: string;
         cellStylesCallback?: {
-            (p: TableTypes.StylesCallbackInput): StyleTags.PropsNFreeCSS;
+            (p: TableTypes.StylesCallbackInput): StyleProps.PropsNFreeCSS;
         };
         onRowClick?: TableTypes.OnRowClick;
         onOrderChanged?: {

package/dist/fn/Table/Data.js

@@ -1 +1 @@
-import{b as r,c as y,d as G}from"../../chunk-C5N2D3ZX.js";import{Fragment as j,jsx as a,jsxs as _}from"react/jsx-runtime";import D,{UUID as Q,useStore as Y}from"jmini";import{useState as Z,useEffect as W}from"react";import{useRefresh as E}from"../../@utils";import{Box as B,Flex as K,FAI as F,Span as le,Column as oe}from"../../atoms";import{Literal as ne,Row as z}from"../../mols";import{Button as N}from"../Button";import ee from"../Sheet";import I from"../Input";import{faArrowUp as se}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as ie}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faArrowRight as ce}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faFilter as de}from"@fortawesome/free-solid-svg-icons/faFilter";import R from"./Parts";import ue from"./Wrapper";import{DefaultCellSystemAdjustingStyles as M}from"./cellStyling";import{TableClasses as C}from"../../@styles/componentClasses";const x={__memoryID:Q(),Header:t=>{var g,w;let{val_status:e,set_status:i,KeywordFilterRows:f}=r({},t),{order:s,filter:l}=e,[d,h]=s.current,S=[],c=[...e.head];if(e.checker){let n={top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength,rowIndex:0,colIndex:0,isBody:!1,isHeader:!0},o=M(n),u=e.cellStylesCallback?e.cellStylesCallback(n):{};S.push(a(R.TH,y(r(r(r({fontWeight:"2.normal",position:"sticky",top:0,unitWidth:4,padding:0},e.cellStyles),o),u),{freeCSS:y(r(r({},(g=e.cellStyles)==null?void 0:g.freeCSS),u.freeCSS),{zIndex:2}),className:[C("Cell"),e.cellClassName].join(" "),children:a(B,{flexCenter:!0,children:a(I.Checker,{label:"",value:!1,onUpdateValidValue:p=>{let m=e.rows;m.forEach(P=>{P.checked=p}),i(y(r({},e),{rows:m}))}})})}),-1))}for(let n=0;n<e.colLength;n++){let o=c[n];if(!o)continue;let u=o.children||o.data,p=s.enabled&&s.column[n],m=l.enabled&&l.column[n],P=p?a(F,{fontSize:"1.mini",fontColor:n==d?"1.clear":"5.translucent",icon:n==d?h=="DESC"?ie:se:ce}):null,v=a(j,{});if(m){let L=f.map(O=>{var A;return(A=O[n])==null?void 0:A.data});L=[...new Set(L)].toASC();let T=l.current[n];if(T){let O=L.filter(b=>!T.includes(b)),A=[];L.forEach(b=>{b&&A.push({value:b,label:a(B,{flexSizing:"auto",children:b})})});let J="BUTTON-"+e.componentId+"-"+n,X=e.componentId+"-"+n,re={sheetID:X,parent:"#"+J,gravityPoint:23,content:_(K,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"layer.1",borderRadius:1,freeCSS:{minWidth:12*20,maxWidth:12*30},children:[a(oe,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*30},children:a(I.Checkbox,{icon:!0,value:O,display:"flex",gap:"2/3",override:"force",options:A,hideInput:!0,name:"DTFilter-col-"+n+"-table-"+e.componentId,onUpdateValidValue:b=>{let H=L.filter(ae=>!b.includes(ae)),$=r({},e);$.filter.current[n]=H,i($)}})}),_(z.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[a(N.Border.S,{isRounded:!0,onClick:()=>{ee.close(X)},children:"\u9589\u3058\u308B"}),a(N.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let b=[];T.length||(b=L);let H=r({},e);H.filter.current[n]=b,i(H)},children:"\u5168\u9078\u629E"})]})]})};v=a(B,{className:C("FilterRegion"),children:a(N.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:C("Filtering_"+!!T.length),id:J,onClick:b=>{b.stopPropagation(),ee.open("custom",re)},children:a(F,{icon:de})})})}}let U={top:!0,bottom:!e.rows.length,left:e.checker?!1:n==0,right:n==e.colLength-1,rowIndex:0,colIndex:n,isBody:!1,isHeader:!0},te=M(U),q=e.cellStylesCallback?e.cellStylesCallback(U):{};o=y(r(r(r(r({},e.cellStyles),te),o),q),{ssPushable:p,freeCSS:r(r(r({},(w=e.cellStyles)==null?void 0:w.freeCSS),q.freeCSS),o.freeCSS),className:[C("Cell"),e.cellClassName,o.className].join(" ")}),delete o.orderIndex,S.push(a(R.TH,y(r({fontWeight:"2.normal",position:"sticky",top:0},o),{freeCSS:r({zIndex:2},o.freeCSS),onClick:L=>{if(p){let T=r({},e),O=[n,d===n?h=="ASC"?"DESC":"ASC":s.priority];T.order.current=O,i(T),e.onOrderChanged&&e.onOrderChanged(O)}},children:_(K,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[v,_(K,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/2",flexWrap:!1,verticalAlign:"center",horizontalAlign:"center",children:[P,u]})]})}),n))}return a(R.Row,{className:[C("Row"),C("HeadRow")].join(" "),children:S})},Body:t=>{let{val_status:e,PageRows:i}=t,f=[];if(i.forEach((s,l)=>{var S;let d=[...s],h=[];if(e.checker){let c={top:l==0&&!e.head,bottom:l==i.length-1,left:!0,right:!e.colLength,rowIndex:l,colIndex:0,isBody:!0,isHeader:!1},g=M(c),w=e.cellStylesCallback?e.cellStylesCallback(c):{};h.push(a(R.TH,y(r(r(r({unitWidth:4,padding:0,borderRight:!0},e.cellStyles),g),w),{freeCSS:r(r({},(S=e.cellStyles)==null?void 0:S.freeCSS),w.freeCSS),className:[C("Cell"),e.cellClassName].join(" "),children:a(B,{flexCenter:!0,children:a(I.Checker,{label:"",value:s.checked,override:"force",onUpdateValidValue:n=>{let o=e.rows,u=o.findIndex(p=>D.isEqual(p.rowID,s.rowID));u!=-1&&(o[u].checked=n,t.set_status(p=>y(r({},p),{rows:o})))}})})}),-1))}d.forEach((c,g)=>{var v;if(!c)return;let P=c,{type:w="td"}=P,n=G(P,["type"]),o={top:l==0&&!e.head,bottom:l==i.length-1,left:e.checker?!1:g==0,right:g==e.colLength-1,rowIndex:l,colIndex:g,isBody:!0,isHeader:!1},u=M(o),p=e.cellStylesCallback?e.cellStylesCallback(o):{};n=y(r(r(r(r({},e.cellStyles),u),n),p),{freeCSS:r(r(r({},(v=e.cellStyles)==null?void 0:v.freeCSS),n.freeCSS),p.freeCSS),className:[C("Cell"),e.cellClassName,n.className].join(" ")}),delete n.orderIndex;let m=R[w=="td"?"TD":"TH"];h.push(a(m,r({},n),g))}),f.push(a(R.Row,{className:[C("Row"),C("BodyRow")].join(" "),children:h,onClick:c=>{e.onRowClick&&e.onRowClick(s.rowID,c)}},l))}),!i.length){let s=a(B,{padding:2,fontColor:"4.thin",textAlign:"center",borderTop:"1.thin",children:"\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"});e.noRecords&&(s=a(j,{children:e.noRecords})),f.push(a(R.Row,{className:[C("Row"),C("BodyRow"),C("DataNotFound")].join(" "),children:a(R.TD,{colSpan:e.colLength,className:C("Cell"),children:s})},"dataNotFound"))}return a(j,{children:f})},Core:t=>{let{val_status:e,set_status:i}=t,{searchKeyword:f,filter:s,order:l,paging:d}=e,h=[...e.rows],S=[...e.rows],c=[...e.rows],g=[...e.rows];if(f&&(S=h.filter(o=>(o.__sys4SearchKey||"").match(new RegExp(String(f).escapeRegExChar(),"i"))?1:0),c=[...S],g=[...S]),s.enabled)for(let o=0;o<e.colLength;o++){let u=s.column[o],p=s.current[o];u&&p&&p.length&&(c=c.filter(m=>!p.includes(m[o].data)),g=[...c])}l.enabled&&(l.current[1]=="ASC"?c=c.toASC(l.current[0]+"[orderIndex]"):c=c.toDESC(l.current[0]+"[orderIndex]"),g=[...c]);{let{currentPageIndex:o,rowLength:u}=d;g=[...g].splice((o-1)*u,u)}let w=x.__memoryID+"_"+e.tableID,n={rows:{total:h.length,page:g.length,filtered:c.length},val_status:y(r({},e),{paging:y(r({},e.paging),{pageLength:Math.ceil(c.length/e.paging.rowLength)})}),set_status:i};return Y.update({[w]:{getRowData:()=>{let o=[...h];return l.enabled&&(l.current[1]=="ASC"?o=o.toASC(l.current[0]+"[orderIndex]"):o=o.toDESC(l.current[0]+"[orderIndex]")),o.forEach(u=>{u.currentPage=!1,u.filtered=!1}),g.forEach(u=>{let{rowID:p}=u;o.find(m=>D.isEqual(m.rowID,p)).currentPage=!0}),c.forEach(u=>{let{rowID:p}=u;o.find(m=>D.isEqual(m.rowID,p)).filtered=!0}),o}}}),W(()=>{E.release(e.tableID,n)}),a(B,{className:C("TableBase"),children:a(R.Table,{className:C("Table"),children:_(R.Body,{children:[a(x.Header,{val_status:e,set_status:i,KeywordFilterRows:S}),a(x.Body,{val_status:e,set_status:i,PageRows:g})]})})},f)},Propagations:{},DataLeveler:t=>{var e,i;return t=r({},t),t.filter=(e=t.filter)!=null?e:!1,t.filter=Array.from({length:t.colLength}).map((f,s)=>{var l;return D.isBoolean(t.filter)?t.filter:(l=t.filter[s])!=null?l:!1}),t.order=(i=t.order)!=null?i:!0,t.orderPriority=t.orderPriority||"ASC",t.order=Array.from({length:t.colLength}).map((f,s)=>{var l;return D.isBoolean(t.order)?t.order:(l=t.order[s])!=null?l:!0}),t=r({checker:!1,searchKeyword:"",filter:!1,order:!0,defaultOrder:[0,"ASC"]},t),t.rows.forEach((f,s)=>{f.rowID=f.rowID||s;let l=[];f.forEach((d,h)=>{let{data:S,children:c,orderIndex:g}=d;d.orderIndex=D.isExist(g)?String(g):String(S),d.children=c||String(S),l.push(String(d.data))}),f.__sys4SearchKey=l.join("/")}),a(x.StateManager,r({},t))},StateManager:t=>{let{colLength:e,checker:i=!1,searchKeyword:f="",filter:s,order:l,orderPriority:d="ASC",defaultOrder:h=[0,d],pageRowLength:S=30}=t,[c]=Z(Q()),g={tableID:t.tableID||c,componentId:c,colLength:e,checker:i,searchKeyword:f,filter:{enabled:s!==!1,column:s,current:Array.from({length:e},()=>[])},order:{enabled:l!==!1,column:l,current:h,priority:t.orderPriority},paging:{rowLength:S,pageLength:Math.ceil(t.rows.length/S),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},[w,n]=Z(g);const o=()=>{const u=new WeakSet;return(p,m)=>{if(typeof m=="object"&&m!==null){if(u.has(m))return"[Circular Reference]";if(p=="children")return"[React Element]";u.add(m)}return m}};return W(()=>{n(u=>y(r({},u),{rows:g.rows}))},[D.Stringify(g.rows,o())]),W(()=>{n(u=>y(r({},u),{head:g.head}))},[D.Stringify(g.head,o())]),a(x.Core,{val_status:w,set_status:n})}},ge={__memoryID:x.__memoryID,getRowData:t=>{let e=Y.get(x.__memoryID+"_"+t);if(e!=null&&e.getRowData)return e.getRowData()}},V={SearchInput:t=>{let e=E.catch(t.tableID);if(!e)return null;let{val_status:i,set_status:f}=e;return a(I.TextField,{label:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:a(I.RightIcon,{ssSphere:2,fontColor:"5.translucent",right:"2/3",children:a(F.Search,{})}),value:i.searchKeyword,onUpdateValidValue:s=>{t.onChange(s),D.interval.once(()=>{f(l=>y(r({},l),{paging:y(r({},l.paging),{currentPageIndex:1}),filter:y(r({},l.filter),{current:Array.from({length:l.colLength},()=>[])}),searchKeyword:s}))},200,"InputSearchTime")}})},Info:t=>{let e=E.catch(t.tableID);if(!e)return null;let{val_status:i,set_status:f}=e,s=e.rows.filtered.ratio(e.rows.total)||0;return _(K,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[a(le,{fontSize:"4.thirdTitle",fontColor:"theme",children:e.rows.filtered.toLocaleString()}),"/ ",e.rows.total.toLocaleString(),"\u4EF6 (",s,"%)"]})},Paging:t=>{let e=E.catch(t.tableID);if(!e)return null;let{val_status:i,set_status:f}=e,s=[];for(let d=0;d<i.paging.pageLength;d++)s.push({value:d+1,label:(d+1).toString()});const l=d=>{let h=Math.min(Math.max(1,d),i.paging.pageLength),S=r({},i);S.paging.currentPageIndex=h,f(c=>y(r({},c),{paging:y(r({},c.paging),{currentPageIndex:h})}))};return a(I.Select,{emptySelect:!1,padding:["1/3","2/3"],override:"force",gap:0,leftIcon:a(I.LeftIcon,{freeCSS:{left:2,pointerEvents:"all"},children:a(N.Sub.S,{color:"cloud",fontColor:"4.thin",ssSquare:2.5,unitWidth:2,onClick:()=>{if(i.paging.currentPageIndex==1){l(i.paging.pageLength);return}l(i.paging.currentPageIndex-1)},children:a(F.ChevronLeft,{})})}),rightIcon:a(I.RightIcon,{freeCSS:{right:2,pointerEvents:"all"},children:a(N.Sub.S,{color:"cloud",fontColor:"4.thin",ssSquare:2.5,unitWidth:2,onClick:()=>{if(i.paging.currentPageIndex==i.paging.pageLength){l(1);return}l(i.paging.currentPageIndex+1)},children:a(F.ChevronRight,{})})}),options:s.map(d=>({value:d.value,label:_(z.Left,{gap:"1/3",verticalAlign:"baseline",children:[d.label,_(ne,{fontColor:"4.thin",fontSize:"0.xs",children:["/ ",i.paging.pageLength]})]})})),value:i.paging.currentPageIndex,onUpdateValidValue:d=>{l(d)}})},RowLength:t=>{let e=E.catch(t.tableID);if(!e)return null;let{val_status:i,set_status:f}=e,s=i.paging.rowLength,l=0,d=t.lengthSelect.map(h=>(l|=+(h==s),{value:h,label:h.toString()}));return l||d.push({value:s,label:s.toString()}),a(z.Center,{gap:"1/2",children:a(I.Select,{emptySelect:!1,override:"force",padding:"1/3",paddingLeft:3,paddingRight:2,pickerStyles:{freeCSS:{minWidth:12*9}},pickerPosition:4,value:i.paging.rowLength,leftIcon:a(I.LeftIcon,{fontSize:"0.xs",fontColor:"4.thin",freeCSS:{left:6},children:"\u8868\u793A"}),rightIcon:a(I.RightIcon,{fontSize:"0.xs",fontColor:"4.thin",freeCSS:{right:6},children:"\u4EF6"}),options:d.toASC("value"),onUpdateValidValue:h=>{f(S=>y(r({},S),{paging:{rowLength:Number(h),currentPageIndex:1,pageLength:Math.ceil(e.rows.filtered/Number(h))}}))}})})}},fe=t=>a(ue,y(r({},t),{type:"data",JSXChildren:x.DataLeveler})),k=fe;k.__memoryID=x.__memoryID,k.getRowData=ge.getRowData,k.Info=V.Info,k.Paging=V.Paging,k.RowLength=V.RowLength,k.SearchInput=V.SearchInput;export{k as Data,k as default};
+import{b as r,c as y,d as G}from"../../chunk-C5N2D3ZX.js";import{Fragment as j,jsx as a,jsxs as _}from"react/jsx-runtime";import D,{UUID as Q,useStore as Y}from"jmini";import{useState as Z,useEffect as W}from"react";import{useRefresh as E}from"../../@utils";import{Box as B,Flex as K,FAI as N,Span as le,Column as oe}from"../../atoms";import{Literal as ne,Row as z}from"../../mols";import{Button as F}from"../Button";import ee from"../Sheet";import I from"../Input";import{faArrowUp as se}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as ie}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faArrowRight as ce}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faFilter as de}from"@fortawesome/free-solid-svg-icons/faFilter";import R from"./Parts";import ue from"./Wrapper";import{DefaultCellSystemAdjustingStyles as M}from"./cellStyling";import{TableClasses as C}from"../../@styles/componentClasses";const x={__memoryID:Q(),Header:t=>{var g,w;let{val_status:e,set_status:i,KeywordFilterRows:f}=r({},t),{order:s,filter:l}=e,[d,h]=s.current,S=[],c=[...e.head];if(e.checker){let n={top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength,rowIndex:0,colIndex:0,isBody:!1,isHeader:!0},o=M(n),u=e.cellStylesCallback?e.cellStylesCallback(n):{};S.push(a(R.TH,y(r(r(r({fontWeight:"2.normal",position:"sticky",top:0,unitWidth:4,padding:0},e.cellStyles),o),u),{freeCSS:y(r(r({},(g=e.cellStyles)==null?void 0:g.freeCSS),u.freeCSS),{zIndex:2}),className:[C("Cell"),e.cellClassName].join(" "),children:a(B,{flexCenter:!0,children:a(I.Checker,{label:"",value:!1,onUpdateValidValue:p=>{let m=e.rows;m.forEach(T=>{T.checked=p}),i(y(r({},e),{rows:m}))}})})}),-1))}for(let n=0;n<e.colLength;n++){let o=c[n];if(!o)continue;let u=o.children||o.data,p=s.enabled&&s.column[n],m=l.enabled&&l.column[n],T=p?a(N,{fontSize:"1.mini",fontColor:n==d?"1.clear":"5.translucent",icon:n==d?h=="DESC"?ie:se:ce}):null,v=a(j,{});if(m){let L=f.map(O=>{var A;return(A=O[n])==null?void 0:A.data});L=[...new Set(L)].toASC();let P=l.current[n];if(P){let O=L.filter(b=>!P.includes(b)),A=[];L.forEach(b=>{b&&A.push({value:b,label:a(B,{flexSizing:"auto",children:b})})});let J="BUTTON-"+e.componentId+"-"+n,X=e.componentId+"-"+n,re={sheetID:X,parent:"#"+J,gravityPoint:23,content:_(K,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"layer.1",borderRadius:1,freeCSS:{minWidth:12*20,maxWidth:12*30},children:[a(oe,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*30},children:a(I.Checkbox,{icon:!0,value:O,display:"flex",gap:"2/3",override:"force",options:A,hideInput:!0,name:"DTFilter-col-"+n+"-table-"+e.componentId,onUpdateValidValue:b=>{let H=L.filter(ae=>!b.includes(ae)),$=r({},e);$.filter.current[n]=H,i($)}})}),_(z.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[a(F.Border.S,{isRounded:!0,onClick:()=>{ee.close(X)},children:"\u9589\u3058\u308B"}),a(F.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let b=[];P.length||(b=L);let H=r({},e);H.filter.current[n]=b,i(H)},children:"\u5168\u9078\u629E"})]})]})};v=a(B,{className:C("FilterRegion"),children:a(F.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:C("Filtering_"+!!P.length),id:J,onClick:b=>{b.stopPropagation(),ee.open("custom",re)},children:a(N,{icon:de})})})}}let U={top:!0,bottom:!e.rows.length,left:e.checker?!1:n==0,right:n==e.colLength-1,rowIndex:0,colIndex:n,isBody:!1,isHeader:!0},te=M(U),q=e.cellStylesCallback?e.cellStylesCallback(U):{};o=y(r(r(r(r({},e.cellStyles),te),o),q),{ssPushable:p,freeCSS:r(r(r({},(w=e.cellStyles)==null?void 0:w.freeCSS),q.freeCSS),o.freeCSS),className:[C("Cell"),e.cellClassName,o.className].join(" ")}),delete o.orderIndex,S.push(a(R.TH,y(r({fontWeight:"2.normal",position:"sticky",top:0},o),{freeCSS:r({zIndex:2},o.freeCSS),onClick:L=>{if(p){let P=r({},e),O=[n,d===n?h=="ASC"?"DESC":"ASC":s.priority];P.order.current=O,i(P),e.onOrderChanged&&e.onOrderChanged(O)}},children:_(K,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[v,_(K,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/2",flexWrap:!1,verticalAlign:"center",horizontalAlign:"center",children:[T,u]})]})}),n))}return a(R.Row,{className:[C("Row"),C("HeadRow")].join(" "),children:S})},Body:t=>{let{val_status:e,PageRows:i}=t,f=[];if(i.forEach((s,l)=>{var S;let d=[...s],h=[];if(e.checker){let c={top:l==0&&!e.head,bottom:l==i.length-1,left:!0,right:!e.colLength,rowIndex:l,colIndex:0,isBody:!0,isHeader:!1},g=M(c),w=e.cellStylesCallback?e.cellStylesCallback(c):{};h.push(a(R.TH,y(r(r(r({unitWidth:4,padding:0,borderRight:!0},e.cellStyles),g),w),{freeCSS:r(r({},(S=e.cellStyles)==null?void 0:S.freeCSS),w.freeCSS),className:[C("Cell"),e.cellClassName].join(" "),children:a(B,{flexCenter:!0,children:a(I.Checker,{label:"",value:s.checked,override:"force",onUpdateValidValue:n=>{let o=e.rows,u=o.findIndex(p=>D.isEqual(p.rowID,s.rowID));u!=-1&&(o[u].checked=n,t.set_status(p=>y(r({},p),{rows:o})))}})})}),-1))}d.forEach((c,g)=>{var v;if(!c)return;let T=c,{type:w="td"}=T,n=G(T,["type"]),o={top:l==0&&!e.head,bottom:l==i.length-1,left:e.checker?!1:g==0,right:g==e.colLength-1,rowIndex:l,colIndex:g,isBody:!0,isHeader:!1},u=M(o),p=e.cellStylesCallback?e.cellStylesCallback(o):{};n=y(r(r(r(r({},e.cellStyles),u),n),p),{freeCSS:r(r(r({},(v=e.cellStyles)==null?void 0:v.freeCSS),n.freeCSS),p.freeCSS),className:[C("Cell"),e.cellClassName,n.className].join(" ")}),delete n.orderIndex;let m=R[w=="td"?"TD":"TH"];h.push(a(m,r({},n),g))}),f.push(a(R.Row,{className:[C("Row"),C("BodyRow")].join(" "),children:h,onClick:c=>{e.onRowClick&&e.onRowClick(s.rowID,c)}},l))}),!i.length){let s=a(B,{padding:2,fontColor:"4.thin",textAlign:"center",borderTop:"1.thin",children:"\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"});e.noRecords&&(s=a(j,{children:e.noRecords})),f.push(a(R.Row,{className:[C("Row"),C("BodyRow"),C("DataNotFound")].join(" "),children:a(R.TD,{colSpan:e.colLength,className:C("Cell"),children:s})},"dataNotFound"))}return a(j,{children:f})},Core:t=>{let{val_status:e,set_status:i}=t,{searchKeyword:f,filter:s,order:l,paging:d}=e,h=[...e.rows],S=[...e.rows],c=[...e.rows],g=[...e.rows];if(f&&(S=h.filter(o=>(o.__sys4SearchKey||"").match(new RegExp(String(f).escapeRegExChar(),"i"))?1:0),c=[...S],g=[...S]),s.enabled)for(let o=0;o<e.colLength;o++){let u=s.column[o],p=s.current[o];u&&p&&p.length&&(c=c.filter(m=>!p.includes(m[o].data)),g=[...c])}l.enabled&&(l.current[1]=="ASC"?c=c.toASC(l.current[0]+"[orderIndex]"):c=c.toDESC(l.current[0]+"[orderIndex]"),g=[...c]);{let{currentPageIndex:o,rowLength:u}=d;g=[...g].splice((o-1)*u,u)}let w=x.__memoryID+"_"+e.tableID,n={rows:{total:h.length,page:g.length,filtered:c.length},val_status:y(r({},e),{paging:y(r({},e.paging),{pageLength:Math.ceil(c.length/e.paging.rowLength)})}),set_status:i};return Y.update({[w]:{getRowData:()=>{let o=[...h];return l.enabled&&(l.current[1]=="ASC"?o=o.toASC(l.current[0]+"[orderIndex]"):o=o.toDESC(l.current[0]+"[orderIndex]")),o.forEach(u=>{u.currentPage=!1,u.filtered=!1}),g.forEach(u=>{let{rowID:p}=u;o.find(m=>D.isEqual(m.rowID,p)).currentPage=!0}),c.forEach(u=>{let{rowID:p}=u;o.find(m=>D.isEqual(m.rowID,p)).filtered=!0}),o}}}),W(()=>{E.release(e.tableID,n)}),a(B,{className:C("TableBase"),children:a(R.Table,{className:C("Table"),children:_(R.Body,{children:[a(x.Header,{val_status:e,set_status:i,KeywordFilterRows:S}),a(x.Body,{val_status:e,set_status:i,PageRows:g})]})})},f)},Propagations:{},DataLeveler:t=>{var e,i;return t=r({},t),t.filter=(e=t.filter)!=null?e:!1,t.filter=Array.from({length:t.colLength}).map((f,s)=>{var l;return D.isBoolean(t.filter)?t.filter:(l=t.filter[s])!=null?l:!1}),t.order=(i=t.order)!=null?i:!0,t.orderPriority=t.orderPriority||"ASC",t.order=Array.from({length:t.colLength}).map((f,s)=>{var l;return D.isBoolean(t.order)?t.order:(l=t.order[s])!=null?l:!0}),t=r({checker:!1,searchKeyword:"",filter:!1,order:!0,defaultOrder:[0,"ASC"]},t),t.rows.forEach((f,s)=>{f.rowID=f.rowID||s;let l=[];f.forEach((d,h)=>{let{data:S,children:c,orderIndex:g}=d;d.orderIndex=D.isExist(g)?String(g):String(S),d.children=c||String(S),l.push(String(d.data))}),f.__sys4SearchKey=l.join("/")}),a(x.StateManager,r({},t))},StateManager:t=>{let{colLength:e,checker:i=!1,searchKeyword:f="",filter:s,order:l,orderPriority:d="ASC",defaultOrder:h=[0,d],pageRowLength:S=30}=t,[c]=Z(Q()),g={tableID:t.tableID||c,componentId:c,colLength:e,checker:i,searchKeyword:f,filter:{enabled:s!==!1,column:s,current:Array.from({length:e},()=>[])},order:{enabled:l!==!1,column:l,current:h,priority:t.orderPriority},paging:{rowLength:S,pageLength:Math.ceil(t.rows.length/S),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},[w,n]=Z(g);const o=()=>{const u=new WeakSet;return(p,m)=>{if(typeof m=="object"&&m!==null){if(u.has(m))return"[Circular Reference]";if(p=="children")return"[React Element]";u.add(m)}return m}};return W(()=>{n(u=>y(r({},u),{rows:g.rows}))},[D.Stringify(g.rows,o())]),W(()=>{n(u=>y(r({},u),{head:g.head}))},[D.Stringify(g.head,o())]),a(x.Core,{val_status:w,set_status:n})}},ge={__memoryID:x.__memoryID,getRowData:t=>{let e=Y.get(x.__memoryID+"_"+t);if(e!=null&&e.getRowData)return e.getRowData()}},V={SearchInput:t=>{let e=E.catch(t.tableID);if(!e)return null;let{val_status:i,set_status:f}=e;return a(I.TextField,{label:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:a(I.RightIcon,{ssSphere:2,fontColor:"5.translucent",right:"2/3",children:a(N.Search,{})}),value:i.searchKeyword,onUpdateValidValue:s=>{t.onChange(s),D.interval.once(()=>{f(l=>y(r({},l),{paging:y(r({},l.paging),{currentPageIndex:1}),filter:y(r({},l.filter),{current:Array.from({length:l.colLength},()=>[])}),searchKeyword:s}))},200,"InputSearchTime")}})},Info:t=>{let e=E.catch(t.tableID);if(!e)return null;let{val_status:i,set_status:f}=e,s=e.rows.filtered.ratio(e.rows.total)||0;return _(K,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[a(le,{fontSize:"4.thirdTitle",fontColor:"theme",children:e.rows.filtered.toLocaleString()}),"/ ",e.rows.total.toLocaleString(),"\u4EF6 (",s,"%)"]})},Paging:t=>{let e=E.catch(t.tableID);if(!e)return null;let{val_status:i,set_status:f}=e,s=[];for(let d=0;d<i.paging.pageLength;d++)s.push({value:d+1,label:(d+1).toString()});const l=d=>{let h=Math.min(Math.max(1,d),i.paging.pageLength),S=r({},i);S.paging.currentPageIndex=h,f(c=>y(r({},c),{paging:y(r({},c.paging),{currentPageIndex:h})}))};return a(I.Select,{emptySelect:!1,padding:["1/3","2/3"],override:"force",gap:0,leftIcon:a(I.LeftIcon,{freeCSS:{left:2,pointerEvents:"all"},children:a(F.Sub.S,{color:"cloud",fontColor:"4.thin",ssSquare:2.5,unitWidth:2,onClick:()=>{if(i.paging.currentPageIndex==1){l(i.paging.pageLength);return}l(i.paging.currentPageIndex-1)},children:a(N.ChevronLeft,{})})}),rightIcon:a(I.RightIcon,{freeCSS:{right:2,pointerEvents:"all"},children:a(F.Sub.S,{color:"cloud",fontColor:"4.thin",ssSquare:2.5,unitWidth:2,onClick:()=>{if(i.paging.currentPageIndex==i.paging.pageLength){l(1);return}l(i.paging.currentPageIndex+1)},children:a(N.ChevronRight,{})})}),options:s.map(d=>({value:d.value,label:_(z.Left,{gap:"1/3",verticalAlign:"baseline",children:[d.label,_(ne,{fontColor:"4.thin",fontSize:"0.xs",children:["/ ",i.paging.pageLength]})]})})),value:i.paging.currentPageIndex,onUpdateValidValue:d=>{l(d)}})},RowLength:t=>{let e=E.catch(t.tableID);if(!e)return null;let{val_status:i,set_status:f}=e,s=i.paging.rowLength,l=0,d=t.lengthSelect.map(h=>(l|=+(h==s),{value:h,label:h.toString()}));return l||d.push({value:s,label:s.toString()}),a(z.Center,{gap:"1/2",children:a(I.Select,{emptySelect:!1,override:"force",padding:"1/3",paddingLeft:3,paddingRight:2,pickerStyles:{freeCSS:{minWidth:12*9}},pickerPosition:4,value:i.paging.rowLength,leftIcon:a(I.LeftIcon,{fontSize:"0.xs",fontColor:"4.thin",freeCSS:{left:6},children:"\u8868\u793A"}),rightIcon:a(I.RightIcon,{fontSize:"0.xs",fontColor:"4.thin",freeCSS:{right:6},children:"\u4EF6"}),options:d.toASC("value"),onUpdateValidValue:h=>{f(S=>y(r({},S),{paging:{rowLength:Number(h),currentPageIndex:1,pageLength:Math.ceil(e.rows.filtered/Number(h))}}))}})})}},fe=t=>a(ue,y(r({},t),{type:"data",JSXChildren:x.DataLeveler})),k=fe;k.__memoryID=x.__memoryID,k.getRowData=ge.getRowData,k.Info=V.Info,k.Paging=V.Paging,k.RowLength=V.RowLength,k.SearchInput=V.SearchInput;export{k as Data,k as default};

package/dist/fn/Table/Drag.js

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

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

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-import { StyleTags } from '../../@declares';
+import { StyleProps } from '../../@declares';
 import { TableTypes } from '.';
 declare namespace TableParts {
-    type Table = StyleTags.BasicElement & TableTypes.customTableHTMLAttributes<HTMLTableElement>;
-    type TableHead = StyleTags.BasicElement & TableTypes.customTableHTMLAttributes<HTMLTableSectionElement>;
-    type TableBody = StyleTags.BasicElement & TableTypes.customTableHTMLAttributes<HTMLTableSectionElement>;
-    type TR = StyleTags.BasicElement & React.HTMLAttributes<HTMLTableRowElement>;
-    type TableCell = StyleTags.BasicElement & React.ThHTMLAttributes<HTMLTableCellElement>;
+    type Table = StyleProps.BasicElement & TableTypes.customTableHTMLAttributes<HTMLTableElement>;
+    type TableHead = StyleProps.BasicElement & TableTypes.customTableHTMLAttributes<HTMLTableSectionElement>;
+    type TableBody = StyleProps.BasicElement & TableTypes.customTableHTMLAttributes<HTMLTableSectionElement>;
+    type TR = StyleProps.BasicElement & React.HTMLAttributes<HTMLTableRowElement>;
+    type TableCell = StyleProps.BasicElement & React.ThHTMLAttributes<HTMLTableCellElement>;
     type Cell = TableCell & {
         type?: 'th' | 'td';
     };

package/dist/fn/Table/Parts.js

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

package/dist/fn/Table/Wrapper.js

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

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

@@ -1,4 +1,4 @@
-import { StyleTags } from '../../@declares';
+import { StyleProps } from '../../@declares';
 import { TableTypes } from '.';
-export declare const DefaultCellStyles: (type: TableTypes.Types, tone: TableTypes.Tones) => StyleTags.States;
-export declare const DefaultCellSystemAdjustingStyles: (args: TableTypes.StylesCallbackInput) => StyleTags.Properties;
+export declare const DefaultCellStyles: (type: TableTypes.Types, tone: TableTypes.Tones) => StyleProps.States;
+export declare const DefaultCellSystemAdjustingStyles: (args: TableTypes.StylesCallbackInput) => StyleProps.Properties;

package/dist/fn/Table/cellStyling.js

@@ -1 +1 @@
-import{b as o}from"../../chunk-C5N2D3ZX.js";import i from"jmini";const a=(t,e)=>{if(e=="plain")return{};let r={};return t=="drag"&&(r.padding=1),i.isOneOf(e,"border","rowBorder","cellBorder")&&(r.borderBottom="2.normal"),i.isOneOf(e,"border","cellBorder")&&(r.borderRight="2.normal"),o({padding:"3/4",backgroundColor:"layer.1",transition:"short",textAlign:"center"},r)},p=t=>{let e={};return t.right&&(e.borderRight="unset"),t.top&&(t.left&&(e.borderTopLeftRadius="inherit"),t.right&&(e.borderTopRightRadius="inherit")),t.bottom&&(e.borderBottom="unset",t.left&&(e.borderBottomLeftRadius="inherit"),t.right&&(e.borderBottomRightRadius="inherit")),e};export{a as DefaultCellStyles,p as DefaultCellSystemAdjustingStyles};
+import{b as o}from"../../chunk-C5N2D3ZX.js";import i from"jmini";const f=(t,e)=>{if(e=="plain")return{};let r={};return i.isOneOf(e,"border","rowBorder","cellBorder")&&(r.borderBottom="2.normal"),i.isOneOf(e,"border","cellBorder")&&(r.borderRight="2.normal"),o({padding:"3/4",backgroundColor:"layer.1",transition:"short",textAlign:"center"},r)},b=t=>{let e={};return t.right&&(e.borderRight="unset"),t.top&&(t.left&&(e.borderTopLeftRadius="inherit"),t.right&&(e.borderTopRightRadius="inherit")),t.bottom&&(e.borderBottom="unset",t.left&&(e.borderBottomLeftRadius="inherit"),t.right&&(e.borderBottomRightRadius="inherit")),e};export{f as DefaultCellStyles,b as DefaultCellSystemAdjustingStyles};

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { StyleTags } from '../../@declares';
+import { StyleProps } from '../../@declares';
 export declare namespace TableTypes {
     type customTableHTMLAttributes<T> = Omit<React.TableHTMLAttributes<T>, 'border'>;
-    type Types = 'normal' | 'data' | 'drag' | 'spread';
+    type Types = 'normal' | 'data' | 'spread';
     type Tones = 'border' | 'cellBorder' | 'rowBorder' | 'plain' | 'auto';
     type StylesCallbackInput = {
         top: boolean;
@@ -18,25 +18,23 @@ export declare namespace TableTypes {
         tableID?: string;
         tone?: Tones;
         colLength: number;
-        cellStyles?: StyleTags.PropsNFreeCSS;
+        cellStyles?: StyleProps.PropsNFreeCSS;
         cellClassName?: string;
         cellStylesCallback?: {
-            (p: StylesCallbackInput): StyleTags.PropsNFreeCSS;
+            (p: StylesCallbackInput): StyleProps.PropsNFreeCSS;
         };
         className?: string;
-    } & StyleTags.States;
+    } & StyleProps.States;
     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

@@ -1 +1 @@
-import"../../chunk-C5N2D3ZX.js";import o from"./Parts";import r from"./Normal";import a from"./Drag";import l from"./Data";var t;(e=>(e.Normal=r,e.Data=l,e.Drag=a,e.Parts=o))(t||(t={}));export{t as Table,t as default};
+import"../../chunk-C5N2D3ZX.js";import o from"./Parts";import r from"./Normal";import a from"./Data";var e;(t=>(t.Normal=r,t.Data=a,t.Parts=o))(e||(e={}));export{e as Table,e as default};

package/dist/fn/Tips.js

@@ -1 +1 @@
-import"../chunk-C5N2D3ZX.js";import{jsx as n}from"react/jsx-runtime";import i,{UUID as a}from"jmini";import{Literal as m}from"../mols";import{Tooltips as e}from".";const t={uid:a(),open:(o,r,p=24,d=.35)=>{o&&i.interval.once(()=>{e.open({tipsID:t.uid,parent:o,gravityPoint:p||24,padding:"1/2",content:n(e.Body,{padding:"1/2",borderRadius:"3.tone.tertiary",children:n(m.Supplement,{children:r})})})},d*1e3,t.uid)},abort:()=>{i.interval.abort(t.uid),e.close(t.uid)}};export{t as Tips};
+import"../chunk-C5N2D3ZX.js";import{jsx as n}from"react/jsx-runtime";import i,{UUID as a}from"jmini";import{Literal as m}from"../mols";import{Tooltips as o}from".";const t={uid:a(),open:(e,r,p=24,d=.35)=>{e&&i.interval.once(()=>{o.open({tipsID:t.uid,parent:e,gravityPoint:p||24,padding:"1/2",content:n(o.Body,{padding:"1/2",borderRadius:"3.tone.tertiary",children:n(m.Supplement,{children:r})})})},d*1e3,t.uid)},abort:()=>{i.interval.abort(t.uid),o.close(t.uid)}};export{t as Tips};

package/dist/fn/Tooltips.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { StyleTags, ReactElement } from '../@declares';
+import { StyleProps, ReactElement } from '../@declares';
 import $$ from 'jmini';
 import { Box } from '../atoms';
 import Sheet from './Sheet';
@@ -9,8 +9,14 @@ declare namespace Tooltips {
         open(p: Input): void;
         close(tipsID: string): void;
         closeALL(): void;
-        noticeId: string;
-        notice(body: ReactElement, closeToSeconds?: number): void;
+        notice(body: ReactElement, options?: {
+            tipsID?: string;
+            /**
+             * If the tooltip belongs to a group, it can be closed together by closeALL or closeGroup.
+             * 5seconds by default
+             */
+            closeToSeconds?: number;
+        }): void;
         Body: React.FC<Box.DefaultInput>;
     };
     type Input = Sheet.CloseOptions & {
@@ -30,7 +36,7 @@ declare namespace Tooltips {
     } | {
         event?: any;
         parent: $$.Args;
-    }) & StyleTags.BasicElement;
+    }) & StyleProps.BasicElement;
 }
 declare const Tooltips: Tooltips.Methods;
 export { Tooltips, Tooltips as default };

package/dist/fn/Tooltips.js

@@ -1 +1 @@
-import{b as i,d as p}from"../chunk-C5N2D3ZX.js";import{jsx as r,jsxs as h}from"react/jsx-runtime";import{useState as u,useEffect as m}from"react";import f,{UUID as c}from"jmini";import{Box as d,FAI as y}from"../atoms";import{Row as g}from"../mols";import{Button as I}from"./Button";import a from"./Sheet";const o={__memoryID:c(),open:e=>{let l=e,{tipsID:s=c(),tipsGroups:t=[]}=l,n=p(l,["tipsID","tipsGroups"]);a.open("custom",i({sheetID:s,sheetGroups:["tooltips",...t],closeAtAroundClick:!0,closeAtParentBlur:!0,closeAtEscapeKeyDown:!0,closeAtPageTransit:!0},n))},close:e=>{e&&a.close(e)},closeALL:()=>{a.closeGroup("tooltips")},noticeId:"notice_tips",notice:(e,s)=>{o.open({tipsID:o.noticeId,parent:document.body,gravityPoint:18,hold_state:!1,closeAtAroundClick:!1,closeAtParentBlur:!1,content:()=>{let[t,n]=u(s||4);return m(()=>{f.interval.once(()=>{t>0&&n(t-1),t==0&&o.close(o.noticeId)},1e3,"notice_countDown")},[t]),r(o.Body,{borderRadius:"3.tone.tertiary",borderBottomLeftRadius:0,borderBottomRightRadius:0,padding:"1/2",onMouseOver:()=>{n(-1)},onMouseLeave:()=>{n(8)},children:h(g.Separate,{children:[r(d,{padding:[0,"1/2"],freeCSS:{minWidth:"20vw",maxWidth:"60vw"},children:e}),r(I.Clear,{color:"white",ssSphere:2.5,onClick:()=>{o.close(o.noticeId)},children:r(y.X,{})})]})})}})},Body:e=>r(d,i({padding:"1/2",backgroundColor:"dark",borderRadius:"2.tone.secondary",fontColor:"white",boxShadow:"0.normal"},e))};export{o as Tooltips,o as default};
+import{b as p,d as y}from"../chunk-C5N2D3ZX.js";import{jsx as s,jsxs as I}from"react/jsx-runtime";import{useState as h,useEffect as f}from"react";import a,{useStore as w,UUID as d}from"jmini";import{Box as g,FAI as D}from"../atoms";import{Row as S}from"../mols";import{Button as A}from"./Button";import u from"./Sheet";const r={__memoryID:d(),open:o=>{let n=o,{tipsID:e=d(),tipsGroups:t=[]}=n,i=y(n,["tipsID","tipsGroups"]);u.open("custom",p({sheetID:e,props:{tipsID:e},sheetGroups:["tooltips",...t],closeAtAroundClick:!0,closeAtParentBlur:!0,closeAtEscapeKeyDown:!0,closeAtPageTransit:!0},i))},close:o=>{o&&u.close(o)},closeALL:()=>{u.closeGroup("tooltips")},notice:(o,e)=>{let t=(e==null?void 0:e.tipsID)||d();r.open({tipsID:t,parent:document.body,gravityPoint:18,hold_state:!1,closeAtAroundClick:!1,closeAtParentBlur:!1,paddingBottom:"1/2",content:()=>{f(()=>{let m="resize_event-"+t;return a(window).addEvent({eventType:"resize",eventID:m,callback:()=>{a.interval.once(()=>{var l,v;(v=(l=w.get("customSheet-"+t))==null?void 0:l.reposition)==null||v.call(l)},50)}}),()=>{a(window).removeEvent(m)}},[]);let i=(e==null?void 0:e.closeToSeconds)||5,[n,c]=h(i);return f(()=>{a.interval.once(()=>{n>0&&c(n-1),n==0&&r.close(t)},1e3,"notice_countDown-"+t)},[n]),s(r.Body,{borderRadius:"2.tone.secondary",padding:"1/2",onMouseOver:()=>{c(-1)},onMouseLeave:()=>{c(i)},children:I(S.Separate,{children:[s(g,{padding:[0,"1/2"],freeCSS:{minWidth:"20vw",maxWidth:"60vw"},children:o}),s(A.Clear,{color:"white",ssSphere:2.5,onClick:()=>{r.close(t)},children:s(D.X,{})})]})})}})},Body:o=>s(g,p({padding:"1/2",backgroundColor:"dark",borderRadius:"2.tone.secondary",fontColor:"white",boxShadow:"1.remark"},o))};export{r as Tooltips,r as default};

package/dist/fn/index.d.ts

@@ -7,6 +7,7 @@ export * from './Effect';
 export * from './Button';
 export * from './Input';
 export * from './Table';
+export * from './DataGrid';
 export * from './Sheet';
 export * from './Snackbar';
 export * from './Loader';

package/dist/fn/index.js

@@ -1 +1 @@
-export*from"./RootViewController";export*from"./Plate";export*from"./PageViewController";export*from"./SwipeView";export*from"./TabBar";export*from"./Effect";export*from"./Button";export*from"./Input";export*from"./Table";export*from"./Sheet";export*from"./Snackbar";export*from"./Loader";export*from"./Tooltips";export*from"./Tips";export*from"./Cropper";export*from"./PageNotFound";
+export*from"./RootViewController";export*from"./Plate";export*from"./PageViewController";export*from"./SwipeView";export*from"./TabBar";export*from"./Effect";export*from"./Button";export*from"./Input";export*from"./Table";export*from"./DataGrid";export*from"./Sheet";export*from"./Snackbar";export*from"./Loader";export*from"./Tooltips";export*from"./Tips";export*from"./Cropper";export*from"./PageNotFound";

package/dist/index.d.ts

@@ -33,6 +33,9 @@ declare const amotify: {
     RightIcon: React.FC<fn.Parts.Input>;
     LeftIcon: React.FC<fn.Parts.Input>;
     Table: typeof fn.Table;
+    DefaultCellStyles: (tone: fn.DataGrid.Tones) => utils.StyleProps.States;
+    onDefaultCellStyles: (args: fn.DataGrid.CellPosition, prev: utils.StyleProps.States) => utils.StyleProps.Properties;
+    DataGrid: fn.DataGrid.Methods;
     Sheet: fn.Sheet.Methods;
     Snackbar: fn.Snackbar.Methods;
     Loader: fn.Loader.Methods;
@@ -419,7 +422,7 @@ declare const amotify: {
     };
     ReadStyleSet: (p: any) => any;
     GenerateHTMLProps: <T_2 = any>(p: T_2) => T_2;
-    ExtractStyles: (p: any) => utils.StyleTags.States;
+    ExtractStyles: (p: any) => utils.StyleProps.States;
     LaunchReactApp: (p: utils.LaunchReactApp.Input) => import("react/jsx-runtime").JSX.Element;
     $$fromRoot: (args: any) => import("jmini").default.Chains;
 };

package/dist/mols/List.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-import { ReactElement, StyleTags } from '../@declares';
+import { ReactElement, StyleProps } from '../@declares';
 import { Flex } from '../atoms';
 declare namespace List {
     type ListChildCallbackProps = {
         children: ReactElement;
         index: number;
     };
-    type Input = StyleTags.BasicElement & {
+    type Input = StyleProps.BasicElement & {
         ListChildCallback?: {
             (p: ListChildCallbackProps): React.JSX.Element;
         };

package/dist/mols/List.js

@@ -1 +1 @@
-import{b as r,c as s,d}from"../chunk-C5N2D3ZX.js";import{jsx as e}from"react/jsx-runtime";import{Box as o}from"../atoms";import{Row as p}from"../mols";const u=t=>{let m=t,{items:c=[],ListChildCallback:a}=m,l=d(m,["items","ListChildCallback"]);a=a||h;let x=c.map((C,i)=>e(a,{children:C,index:i},i));return e(o,s(r({htmlTag:"ul",children:x},l),{freeCSS:r({listStyle:"none"},l.freeCSS)}))},h=t=>e(o,r({htmlTag:"li",padding:"3/4",gap:"1/2",borderBottom:!0,flexWrap:!0},t)),n=h;n.Center=t=>e(o,{htmlTag:"li",children:e(p.Center,r({width:1,padding:"3/4",borderBottom:!0,flexWrap:!0},t))}),n.Left=t=>e(o,{htmlTag:"li",children:e(p.Left,r({width:1,padding:"3/4",borderBottom:!0,flexWrap:!0},t))}),n.Right=t=>e(o,{htmlTag:"li",children:e(p.Right,r({width:1,padding:"3/4",borderBottom:!0,flexWrap:!0},t))}),n.Separate=t=>e(o,{htmlTag:"li",children:e(p.Separate,r({width:1,padding:"3/4",borderBottom:!0,flexWrap:!0},t))});export{u as List,n as ListItem};
+import{b as r,c as s,d}from"../chunk-C5N2D3ZX.js";import{jsx as e}from"react/jsx-runtime";import{Box as o}from"../atoms";import{Row as n}from"../mols";const u=t=>{let m=t,{items:c=[],ListChildCallback:l}=m,a=d(m,["items","ListChildCallback"]);l=l||h;let x=c.map((C,i)=>e(l,{children:C,index:i},i));return e(o,s(r({htmlTag:"ul",children:x},a),{freeCSS:r({listStyle:"none"},a.freeCSS)}))},h=t=>e(o,r({htmlTag:"li",padding:"3/4",gap:"1/2",borderBottom:!0,flexWrap:!0},t)),p=h;p.Center=t=>e(o,{htmlTag:"li",children:e(n.Center,r({width:1,padding:"3/4",borderBottom:!0,flexWrap:!0},t))}),p.Left=t=>e(o,{htmlTag:"li",children:e(n.Left,r({width:1,padding:"3/4",borderBottom:!0,flexWrap:!0},t))}),p.Right=t=>e(o,{htmlTag:"li",children:e(n.Right,r({width:1,padding:"3/4",borderBottom:!0,flexWrap:!0},t))}),p.Separate=t=>e(o,{htmlTag:"li",children:e(n.Separate,r({width:1,padding:"3/4",borderBottom:!0,flexWrap:!0},t))});export{u as List,p as ListItem};

package/dist/mols/Literal.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { StyleTags, ReactElement } from '../@declares';
+import { StyleProps, ReactElement } from '../@declares';
 import { Box, Span } from '../atoms';
 declare namespace Literal {
-    type Input = StyleTags.BasicElement & {
+    type Input = StyleProps.BasicElement & {
         children?: ReactElement;
     } & React.HTMLAttributes<HTMLDivElement>;
     namespace Methods {

package/dist/mols/Literal.js

@@ -1 +1 @@
-import{b as e,c as n}from"../chunk-C5N2D3ZX.js";import{jsx as o}from"react/jsx-runtime";import{Box as i,Span as l}from"../atoms";const p=t=>o(i,e({},t)),a=p;a.Title=t=>o(p,e({fontSize:"6.title",fontWeight:"3.semiBold"},t)),a.SubTitle=t=>o(p,e({fontSize:"5.subTitle",fontWeight:"3.semiBold"},t)),a.ThirdTitle=t=>o(p,e({fontSize:"4.thirdTitle",fontWeight:"3.semiBold"},t)),a.Paragraph=t=>o(p,e({fontSize:"3.paragraph",fontWeight:"3.semiBold"},t)),a.Description=t=>o(p,n(e({},t),{freeCSS:e({whiteSpace:"pre-wrap"},t.freeCSS)})),a.Supplement=t=>o(p,e({fontSize:"1.mini"},t)),a.NowrapSpan=t=>o(l,n(e({},t),{freeCSS:e({whiteSpace:"nowrap"},t.freeCSS)}));export{a as Literal,a as default};
+import{b as e,c as n}from"../chunk-C5N2D3ZX.js";import{jsx as p}from"react/jsx-runtime";import{Box as i,Span as l}from"../atoms";const a=t=>p(i,e({},t)),o=a;o.Title=t=>p(a,e({fontSize:"6.title",fontWeight:"3.semiBold"},t)),o.SubTitle=t=>p(a,e({fontSize:"5.subTitle",fontWeight:"3.semiBold"},t)),o.ThirdTitle=t=>p(a,e({fontSize:"4.thirdTitle",fontWeight:"3.semiBold"},t)),o.Paragraph=t=>p(a,e({fontSize:"3.paragraph",fontWeight:"3.semiBold"},t)),o.Description=t=>p(a,n(e({},t),{freeCSS:e({whiteSpace:"pre-wrap"},t.freeCSS)})),o.Supplement=t=>p(a,e({fontSize:"1.mini"},t)),o.NowrapSpan=t=>p(l,n(e({},t),{freeCSS:e({whiteSpace:"nowrap"},t.freeCSS)}));export{o as Literal,o as default};

package/dist/mols/Row.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { StyleTags, ReactElement } from '../@declares';
+import { StyleProps, ReactElement } from '../@declares';
 import { Flex } from '../atoms';
 declare namespace Row {
-    type Input = StyleTags.BasicElement & {
+    type Input = StyleProps.BasicElement & {
         children?: ReactElement;
     } & React.HTMLAttributes<HTMLDivElement>;
     type Methods = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amotify",
-  "version": "0.2.277",
+  "version": "0.2.279",
   "description": "UI Component for React,NextJS,esbuild",
   "scripts": {
     "start": "run-p clean build:*",
@@ -90,7 +90,7 @@
     "@fortawesome/free-solid-svg-icons": "^6.7.2",
     "@fortawesome/react-fontawesome": "^3.1.1",
     "dotenv": "^17.0.1",
-    "jmini": "^0.0.112",
+    "jmini": "^0.0.113",
     "react": "^19.2.3"
   },
   "devDependencies": {