@functionalui/functionalui 0.2.1 → 0.2.4

package/dist/SpringEnterOffsetBy-BVN6rm57.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),l=require("./react-spring_web.modern-W3Nkoq_6.cjs"),p=require("./component-D-EEi7NI.cjs"),t={horizontal:{from:e=>({x:10*e}),enter:e=>({x:0*e}),leave:e=>({x:-10*e})},vertical:{from:e=>({y:10*e}),enter:e=>({y:0*e}),leave:e=>({y:-10*e})}},y=({direction:e="horizontal",isShown:i=!0,enterOffsetBy:n=1,children:o})=>{const s=l.useTransition(i,{from:{...t[e].from(n),opacity:0,display:"none"},enter:{...t[e].enter(n),opacity:1,display:"block"},leave:{...t[e].leave(n),opacity:0,display:"none"}});return r.jsx(r.Fragment,{children:s((a,c)=>c&&r.jsx(p.Container,{style:{height:"inherit",width:"inherit",overflow:"hidden",...a},children:o}))})};exports.SpringEnterOffsetBy=y;

package/dist/SpringEnterOffsetBy-DMSIQgV3.js

@@ -0,0 +1,56 @@
+import { jsx as t, Fragment as m } from "react/jsx-runtime";
+import { d as p } from "./react-spring_web.modern-DgQDaJ06.js";
+import { C as h } from "./component-C1Gs4nVu.js";
+const e = {
+  horizontal: {
+    from: (o) => ({ x: 10 * o }),
+    enter: (o) => ({ x: 0 * o }),
+    leave: (o) => ({ x: -10 * o })
+  },
+  vertical: {
+    from: (o) => ({ y: 10 * o }),
+    enter: (o) => ({ y: 0 * o }),
+    leave: (o) => ({ y: -10 * o })
+  }
+}, f = ({
+  direction: o = "horizontal",
+  isShown: i = !0,
+  enterOffsetBy: r = 1,
+  children: n
+}) => {
+  const a = p(i, {
+    from: {
+      ...e[o].from(r),
+      opacity: 0,
+      display: "none"
+    },
+    enter: {
+      ...e[o].enter(r),
+      opacity: 1,
+      display: "block"
+    },
+    leave: {
+      ...e[o].leave(r),
+      opacity: 0,
+      display: "none"
+    }
+    // delay: 150,
+  });
+  return /* @__PURE__ */ t(m, { children: a(
+    (l, s) => s && /* @__PURE__ */ t(
+      h,
+      {
+        style: {
+          height: "inherit",
+          width: "inherit",
+          overflow: "hidden",
+          ...l
+        },
+        children: n
+      }
+    )
+  ) });
+};
+export {
+  f as S
+};

package/dist/TableHeader-BAdYoCbb.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),f=require("./component-D-EEi7NI.cjs"),y=require("./component-B1mkowwk.cjs"),S=require("./generics-9F1CmKPb.cjs"),h=require("./classes-HsjFV5aN.cjs"),H=require("./react-spring_web.modern-W3Nkoq_6.cjs"),x=require("./UIcon-B5rpDmHC.cjs"),I=require("./generics-nyvJhwQE.cjs"),C=require("react"),k=({headerId:a,element:u,styles:o,sortable:e=!1,onClickHeaderCell:l,columnIndex:s,setTableRows:g})=>{const _=C.useCallback(d=>{l&&l(a,d)},[a,l]),b=C.useCallback(()=>{e&&g&&g(d=>{const n=[...d];try{n[0].cells[s].cellId<n[n.length-1].cells[s].cellId?n.sort((i,p)=>{const t=i.cells[s].cellId,c=p.cells[s].cellId;return t<c?1:t>c?-1:0}):n.sort((i,p)=>{const t=i.cells[s].cellId,c=p.cells[s].cellId;return t<c?-1:t>c?1:0})}catch(i){return console.error(i),d}return n})},[s,g,e]),[q,j]=H.useSpring(()=>({opacity:0}));return r.jsx(y.Layout,{justifySelf:o.position.justifySelf,alignSelf:o.position.alignSelf,style:{width:"100%"},children:r.jsx(f.Container,{onClick:_,onMouseEnter:()=>{j.start({opacity:1})},onMouseLeave:()=>{j.start({opacity:0})},children:r.jsxs(y.Layout,{display:h.Displays.Flex,flexAlignItem:h.FlexAlignItems.Center,children:[u,e&&r.jsx(f.Container,{marginLeft:S.Spacings.Size3,style:q,children:r.jsx(x.UIcon,{name:"arrow-up",size:I.Sizings.Size3,iconAction:()=>b()})})]})})})},m="_gridTableHeader_nombk_1",z={gridTableHeader:m},L=({headers:a=[],templateColumns:u,setTableRows:o})=>r.jsx(f.Container,{paddingLeft:S.Spacings.Size1,paddingRight:S.Spacings.Size1,children:r.jsx(y.Layout,{display:h.Displays.Grid,className:z.gridTableHeader,style:{gridTemplateColumns:u.join(" ")},children:a.map((e,l)=>r.jsx(k,{headerId:e.headerId,element:e.element,styles:e.styles,onClickHeaderCell:e.onClickHeaderCell,setTableRows:o,columnIndex:l,sortable:e.sortable},e.headerId))})});exports.TableHeader=L;

package/dist/TableHeader-Da0XxILB.js

@@ -0,0 +1,103 @@
+import { jsx as l, jsxs as z } from "react/jsx-runtime";
+import { C as g } from "./component-C1Gs4nVu.js";
+import { L as h } from "./component-DRXQXr2G.js";
+import { S as u } from "./generics-C-WSPclF.js";
+import { h as I, b as C } from "./classes-CVxy1f4M.js";
+import { u as T } from "./react-spring_web.modern-DgQDaJ06.js";
+import { U as j } from "./UIcon-BHzbeYWw.js";
+import { S as k } from "./generics-BrMr2-Gs.js";
+import { useCallback as S } from "react";
+const A = ({
+  headerId: n,
+  element: f,
+  styles: c,
+  sortable: e = !1,
+  onClickHeaderCell: i,
+  columnIndex: r,
+  setTableRows: p
+}) => {
+  const _ = S(
+    (d) => {
+      i && i(n, d);
+    },
+    [n, i]
+  ), b = S(() => {
+    e && p && p((d) => {
+      const t = [...d];
+      try {
+        t[0].cells[r].cellId < t[t.length - 1].cells[r].cellId ? t.sort((s, m) => {
+          const a = s.cells[r].cellId, o = m.cells[r].cellId;
+          return a < o ? 1 : a > o ? -1 : 0;
+        }) : t.sort((s, m) => {
+          const a = s.cells[r].cellId, o = m.cells[r].cellId;
+          return a < o ? -1 : a > o ? 1 : 0;
+        });
+      } catch (s) {
+        return console.error(s), d;
+      }
+      return t;
+    });
+  }, [r, p, e]), [H, y] = T(() => ({
+    opacity: 0
+  }));
+  return /* @__PURE__ */ l(
+    h,
+    {
+      justifySelf: c.position.justifySelf,
+      alignSelf: c.position.alignSelf,
+      style: { width: "100%" },
+      children: /* @__PURE__ */ l(
+        g,
+        {
+          onClick: _,
+          onMouseEnter: () => {
+            y.start({ opacity: 1 });
+          },
+          onMouseLeave: () => {
+            y.start({ opacity: 0 });
+          },
+          children: /* @__PURE__ */ z(h, { display: C.Flex, flexAlignItem: I.Center, children: [
+            f,
+            e && /* @__PURE__ */ l(g, { marginLeft: u.Size3, style: H, children: /* @__PURE__ */ l(
+              j,
+              {
+                name: "arrow-up",
+                size: k.Size3,
+                iconAction: () => b()
+              }
+            ) })
+          ] })
+        }
+      )
+    }
+  );
+}, L = "_gridTableHeader_nombk_1", B = {
+  gridTableHeader: L
+}, v = ({
+  headers: n = [],
+  templateColumns: f,
+  setTableRows: c
+}) => /* @__PURE__ */ l(g, { paddingLeft: u.Size1, paddingRight: u.Size1, children: /* @__PURE__ */ l(
+  h,
+  {
+    display: C.Grid,
+    className: B.gridTableHeader,
+    style: { gridTemplateColumns: f.join(" ") },
+    children: n.map((e, i) => /* @__PURE__ */ l(
+      A,
+      {
+        headerId: e.headerId,
+        element: e.element,
+        styles: e.styles,
+        onClickHeaderCell: e.onClickHeaderCell,
+        setTableRows: c,
+        columnIndex: i,
+        sortable: e.sortable
+      },
+      e.headerId
+    ))
+  }
+) });
+export {
+  v as T
+};

package/dist/TableRow-BlJSvake.js

@@ -0,0 +1,90 @@
+import { jsx as l } from "react/jsx-runtime";
+import { L as u } from "./component-DRXQXr2G.js";
+import { b as C } from "./classes-CVxy1f4M.js";
+import { useState as p } from "react";
+import { u as f } from "./react-spring_web.modern-DgQDaJ06.js";
+import { C as t } from "./component-C1Gs4nVu.js";
+import { S as m } from "./generics-C-WSPclF.js";
+const y = ({ hover: n, onHover: r, isClicked: o, children: i }) => {
+  const s = f({
+    backgroundColor: r ? "rgba(255,255,255, .1)" : "rgba(255,255,255,0)",
+    borderRadius: "10px"
+  }), a = f({
+    backgroundColor: o ? "rgba(255,255,255, .15)" : "rgba(255,255,255,0)",
+    borderRadius: "10px"
+    // config: {
+    //   // mass: 0.1,
+    //   // friction: 1,
+    //   // duration: 1,
+    //   velocity: 0.05,
+    //   clamp: true,
+    // },
+  });
+  return /* @__PURE__ */ l(t, { style: n ? a : void 0, children: /* @__PURE__ */ l(
+    t,
+    {
+      style: n ? s : void 0,
+      paddingLeft: m.Size1,
+      paddingRight: m.Size1,
+      children: i
+    }
+  ) });
+}, S = ({
+  cellId: n,
+  element: r,
+  styles: o,
+  onClickCell: i
+}) => /* @__PURE__ */ l(
+  u,
+  {
+    justifySelf: o.position.justifySelf,
+    alignSelf: o.position.alignSelf,
+    children: /* @__PURE__ */ l(
+      t,
+      {
+        onClick: (s) => {
+          i && i(n, s);
+        },
+        children: r
+      }
+    )
+  }
+), R = "_gridTableRow_1mdn2_1", T = {
+  gridTableRow: R
+}, L = ({
+  rowId: n,
+  templateColumns: r = [],
+  cells: o = [],
+  hover: i,
+  onClickRow: s
+}) => {
+  const [a, d] = p(!1), [g, c] = p(!1);
+  return /* @__PURE__ */ l(y, { hover: i, onHover: a, isClicked: g, children: /* @__PURE__ */ l(
+    u,
+    {
+      className: T.gridTableRow,
+      onMouseEnter: () => d(!0),
+      onMouseLeave: () => d(!1),
+      onMouseDown: () => c(!0),
+      onMouseUp: () => c(!1),
+      onClick: (e) => {
+        s && s(n, e);
+      },
+      display: C.Grid,
+      style: { gridTemplateColumns: r.join(" ") },
+      children: o.map((e, b) => /* @__PURE__ */ l(
+        S,
+        {
+          cellId: e.cellId,
+          element: e.element,
+          styles: e.styles,
+          onClickCell: e.onClickCell
+        },
+        e.cellId || b
+      ))
+    }
+  ) });
+};
+export {
+  L as T
+};

package/dist/TableRow-Bq58CTbU.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),b=require("./component-B1mkowwk.cjs"),x=require("./classes-HsjFV5aN.cjs"),d=require("react"),g=require("./react-spring_web.modern-W3Nkoq_6.cjs"),a=require("./component-D-EEi7NI.cjs"),p=require("./generics-9F1CmKPb.cjs"),C=({hover:o,onHover:i,isClicked:e,children:r})=>{const l=g.useSpring({backgroundColor:i?"rgba(255,255,255, .1)":"rgba(255,255,255,0)",borderRadius:"10px"}),t=g.useSpring({backgroundColor:e?"rgba(255,255,255, .15)":"rgba(255,255,255,0)",borderRadius:"10px"});return s.jsx(a.Container,{style:o?t:void 0,children:s.jsx(a.Container,{style:o?l:void 0,paddingLeft:p.Spacings.Size1,paddingRight:p.Spacings.Size1,children:r})})},j=({cellId:o,element:i,styles:e,onClickCell:r})=>s.jsx(b.Layout,{justifySelf:e.position.justifySelf,alignSelf:e.position.alignSelf,children:s.jsx(a.Container,{onClick:l=>{r&&r(o,l)},children:i})}),y="_gridTableRow_1mdn2_1",R={gridTableRow:y},m=({rowId:o,templateColumns:i=[],cells:e=[],hover:r,onClickRow:l})=>{const[t,c]=d.useState(!1),[f,u]=d.useState(!1);return s.jsx(C,{hover:r,onHover:t,isClicked:f,children:s.jsx(b.Layout,{className:R.gridTableRow,onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),onMouseDown:()=>u(!0),onMouseUp:()=>u(!1),onClick:n=>{l&&l(o,n)},display:x.Displays.Grid,style:{gridTemplateColumns:i.join(" ")},children:e.map((n,S)=>s.jsx(j,{cellId:n.cellId,element:n.element,styles:n.styles,onClickCell:n.onClickCell},n.cellId||S))})})};exports.TableRow=m;