amotify 0.1.32 → 0.1.34

package/dist/fn/Table/Drag.js

@@ -1,435 +1 @@
-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
-};
+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};

package/dist/fn/Table/Normal.js

@@ -1,136 +1 @@
-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
-};
+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};

package/dist/fn/Table/Parts.js

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

package/dist/fn/Table/Wrapper.js

@@ -1,60 +1 @@
-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
-};
+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};