amotify 0.1.31 → 0.1.32

package/dist/fn/Table/Drag.js

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

package/dist/fn/Table/Normal.js

@@ -1 +1,136 @@
-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 s}from"../../@styles/componentClasses/_";const c={HeadRow:l=>{let{cellStyles:r={},cellClassName:i="",cellStylesCallback:n,colLength:y,head:m,rows:h}=l;if(!m)return null;let C=[];return m.forEach((p,t)=>{let o=w[p.type=="th"?"TH":"TD"];C.push(a(o,e(f(e(e(e({},r),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:[s("Cell"),i,p.className].join(" ")}),p)))}),a(w.Row,{className:[s("Row"),s("HeadRow")].join(" "),children:C})},BodyRows:l=>{let{cellStyles:r={},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({},r),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:[s("Cell"),i,R.className].join(" ")}),R)))}),p.push(a(w.Row,{className:[s("Row"),s("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((r,i)=>(r.rowID=r.rowID||i,r)),B(w.Table,{className:s("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};
+import {
+  __spreadProps,
+  __spreadValues
+} from "../../chunk-JJ3PEWPN.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import TableParts from "./Parts";
+import Wrapper from "./Wrapper";
+import { DefaultCellSystemStyles } from "./cellStyling";
+import { TableClasses } from "../../@styles/componentClasses/_";
+const Comps = {
+  HeadRow: (params) => {
+    let {
+      cellStyles = {},
+      cellClassName = "",
+      cellStylesCallback,
+      colLength,
+      head,
+      rows
+    } = params;
+    if (!head)
+      return null;
+    let Cols = [];
+    head.forEach((col, colIndex) => {
+      let Cell = TableParts[col.type == "th" ? "TH" : "TD"];
+      Cols.push(/* @__PURE__ */ jsx(
+        Cell,
+        __spreadValues(__spreadProps(__spreadValues(__spreadValues(__spreadValues({}, cellStyles), DefaultCellSystemStyles({
+          top: true,
+          bottom: !rows.length,
+          left: colIndex == 0,
+          right: colIndex == colLength - 1
+        })), cellStylesCallback ? cellStylesCallback({
+          top: true,
+          bottom: !rows.length,
+          left: colIndex == 0,
+          right: colIndex == colLength - 1,
+          rowIndex: 0,
+          colIndex,
+          isBody: false,
+          isHeader: true
+        }) : {}), {
+          className: [
+            TableClasses("Cell"),
+            cellClassName,
+            col.className
+          ].join(" ")
+        }), col)
+      ));
+    });
+    return /* @__PURE__ */ jsx(
+      TableParts.Row,
+      {
+        className: [TableClasses("Row"), TableClasses("HeadRow")].join(" "),
+        children: Cols
+      }
+    );
+  },
+  BodyRows: (params) => {
+    let {
+      cellStyles = {},
+      cellClassName = "",
+      cellStylesCallback,
+      head,
+      rows,
+      colLength,
+      onRowClick
+    } = params;
+    let BodyRows = [];
+    rows.forEach((cols, rowIndex) => {
+      let Cols = [];
+      cols.forEach((col, colIndex) => {
+        let Cell = TableParts[col.type == "th" ? "TH" : "TD"];
+        Cols.push(/* @__PURE__ */ jsx(
+          Cell,
+          __spreadValues(__spreadProps(__spreadValues(__spreadValues(__spreadValues({}, cellStyles), DefaultCellSystemStyles({
+            top: rowIndex == 0 && !head,
+            bottom: rowIndex == rows.length - 1,
+            left: colIndex == 0,
+            right: colIndex == colLength - 1
+          })), cellStylesCallback ? cellStylesCallback({
+            top: rowIndex == 0 && !head,
+            bottom: rowIndex == rows.length - 1,
+            left: colIndex == 0,
+            right: colIndex == colLength - 1,
+            rowIndex,
+            colIndex,
+            isBody: true,
+            isHeader: false
+          }) : {}), {
+            className: [
+              TableClasses("Cell"),
+              cellClassName,
+              col.className
+            ].join(" ")
+          }), col)
+        ));
+      });
+      BodyRows.push(/* @__PURE__ */ jsx(
+        TableParts.Row,
+        {
+          className: [TableClasses("Row"), TableClasses("BodyRow")].join(" "),
+          children: Cols,
+          onClick: (event) => {
+            if (onRowClick)
+              onRowClick(cols.rowID, event);
+          }
+        },
+        rowIndex
+      ));
+    });
+    return /* @__PURE__ */ jsx(Fragment, { children: BodyRows });
+  },
+  Normal: (params) => {
+    params = __spreadValues({}, params);
+    params.rows = params.rows.map((row, rowIndex) => {
+      row.rowID = row.rowID || rowIndex;
+      return row;
+    });
+    return /* @__PURE__ */ jsxs(TableParts.Table, { className: TableClasses("Table"), children: [
+      /* @__PURE__ */ jsx(Comps.HeadRow, __spreadValues({}, params)),
+      /* @__PURE__ */ jsx(Comps.BodyRows, __spreadValues({}, params))
+    ] });
+  }
+};
+const Normal = (params) => /* @__PURE__ */ jsx(
+  Wrapper,
+  __spreadProps(__spreadValues({
+    type: "normal"
+  }, params), {
+    JSXChildren: Comps.Normal
+  })
+);
+export {
+  Normal,
+  Normal as default
+};

package/dist/fn/Table/Parts.js

@@ -1 +1,41 @@
-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};
+import {
+  __spreadProps,
+  __spreadValues
+} from "../../chunk-JJ3PEWPN.js";
+import { jsx } from "react/jsx-runtime";
+import {
+  GenerateClassName
+} from "../../@utils/_";
+import FAI from "../../atoms/FAI";
+const TableParts = {
+  Table: (params) => {
+    let Params = GenerateClassName(params);
+    return /* @__PURE__ */ jsx(
+      "table",
+      __spreadProps(__spreadValues({}, Params), {
+        border: Params.border
+      })
+    );
+  },
+  Head: (params) => /* @__PURE__ */ jsx("thead", __spreadValues({}, GenerateClassName(params))),
+  Body: (params) => /* @__PURE__ */ jsx("tbody", __spreadValues({}, GenerateClassName(params))),
+  Row: (params) => /* @__PURE__ */ jsx("tr", __spreadValues({}, GenerateClassName(params))),
+  TH: (params) => /* @__PURE__ */ jsx("th", __spreadValues({}, GenerateClassName(params))),
+  TD: (params) => /* @__PURE__ */ jsx("td", __spreadValues({}, GenerateClassName(params))),
+  RightIndicator: {
+    type: "td",
+    unitWidth: 4,
+    // data: '',
+    children: /* @__PURE__ */ jsx(
+      FAI.AngleRight,
+      {
+        fontColor: "theme",
+        fontSize: "4.thirdTitle"
+      }
+    )
+  }
+};
+export {
+  TableParts,
+  TableParts as default
+};

package/dist/fn/Table/Wrapper.js

@@ -1 +1,60 @@
-import{b as o,c as n,d as a}from"../../chunk-VY3566IV.js";import{jsx as i}from"react/jsx-runtime";import{$$ as C,GenerateClassName as f}from"../../@utils/_";import c from"../../atoms/Box";import{DefaultCellStyles as T}from"./cellStyling";import{TableClasses as l}from"../../@styles/componentClasses/_";const y=e=>{let{JSXChildren:p}=e;(!e.tone||e.tone=="auto")&&(e.tone="border",e.type=="drag"&&(e.tone="rowBorder"));let t=n(o({tableID:e.tableID||C.uuid.gen(),tone:e.tone},e),{cellStyles:o(o({},T(e.type,e.tone)),e.cellStyles)});e.tone!="plain"&&(t.backgroundColor=t.backgroundColor||"1.layer.base",t.borderRadius=t.borderRadius||"1.tone.primary");let r=f(t),{className:s,style:b}=r,d=a(r,["className","style"]),u=[s,l("Wrap"),l("TableType_"+e.type),l("RowClickable_"+!!t.onRowClick)].join(" ");return i(c,{className:u,style:b,children:i(p,o({},d))})};export{y as Wrapper,y as default};
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../../chunk-JJ3PEWPN.js";
+import { jsx } from "react/jsx-runtime";
+import {
+  $$,
+  GenerateClassName
+} from "../../@utils/_";
+import Box from "../../atoms/Box";
+import {
+  DefaultCellStyles
+} from "./cellStyling";
+import { TableClasses } from "../../@styles/componentClasses/_";
+const Wrapper = (params) => {
+  let {
+    JSXChildren
+  } = params;
+  if (!params.tone || params.tone == "auto") {
+    params.tone = "border";
+    if (params.type == "drag")
+      params.tone = "rowBorder";
+  }
+  let Params = __spreadProps(__spreadValues({
+    tableID: params.tableID || $$.uuid.gen(),
+    tone: params.tone
+  }, params), {
+    cellStyles: __spreadValues(__spreadValues({}, DefaultCellStyles(params.type, params.tone)), params.cellStyles)
+  });
+  if (params.tone != "plain") {
+    Params.backgroundColor = Params.backgroundColor || "1.layer.base";
+    Params.borderRadius = Params.borderRadius || "1.tone.primary";
+  }
+  let _a = GenerateClassName(Params), {
+    className,
+    style: freeCSS
+  } = _a, others = __objRest(_a, [
+    "className",
+    "style"
+  ]);
+  let ClassName = [
+    className,
+    TableClasses("Wrap"),
+    TableClasses("TableType_" + params.type),
+    TableClasses("RowClickable_" + !!Params.onRowClick)
+  ].join(" ");
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className: ClassName,
+      style: freeCSS,
+      children: /* @__PURE__ */ jsx(JSXChildren, __spreadValues({}, others))
+    }
+  );
+};
+export {
+  Wrapper,
+  Wrapper as default
+};