@veeqo/transfigure 0.0.16 → 0.0.17

package/dist/index86.js

@@ -1,26 +1,122 @@
-import { jsx as p } from "react/jsx-runtime";
-import { useRef as a, useState as d, useEffect as m } from "react";
-import { AdaptiveStyledContainer as v } from "./index103.js";
-const R = ({
-  children: o,
-  style: s,
-  className: f
-}) => {
-  const r = a(null), [i, c] = d(0);
-  return m(() => {
-    const e = r.current, n = () => {
-      if (e) {
-        const { top: u } = e.getBoundingClientRect();
-        c(u);
+import r from "styled-components";
+import { Grid as l, theme as o, Text as t, BaseContainer as n, Search as s, Stack as i } from "@veeqo/ui";
+import { VeeqoCommon as a } from "@veeqo/components";
+const { Glyph: c } = a, b = r.div`
+  width: 1px;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  border-left: 1px solid ${o.colors.neutral.grey.dark};
+  height: 100%;
+  margin-top: 40px;
+`, f = r(t)`
+  writing-mode: vertical-rl;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background: white;
+  padding: 30px 0;
+  text-align: center;
+  font-size: 10px;
+  color: ${o.colors.neutral.ink.lightest};
+  height: max-content;
+`, h = r(t)`
+  position: sticky;
+  top: 0;
+  background: #ffffff;
+  padding-bottom: ${o.sizes[2]};
+  z-index: 1;
+`, x = r(t)`
+  color: ${o.colors.neutral.ink.light};
+`, m = r(l)`
+  // overflow-y: auto;
+  position: unset;
+`, d = r(c).attrs(() => ({ name: "visibility-off" }))`
+  margin-left: auto;
+`, $ = r(i)`
+  border-radius: 4px;
+  padding: 8px 12px;
+  background: #ffffff;
+  border: 1px solid ${o.colors.neutral.ink.lightest};
+  transition: all ease 200ms;
+
+  ${({ isHidden: e }) => e && `
+      ${t} {
+        color: ${o.colors.neutral.ink.light};
       }
-    };
-    n();
-    const t = new ResizeObserver(n);
-    return e && t.observe(e), () => {
-      e && t.unobserve(e), t.disconnect();
-    };
-  }, []), /* @__PURE__ */ p(v, { style: s, className: f, offset: i, ref: r, children: o });
-};
+    `}
+
+  &:hover {
+    color: ${o.colors.secondary.blue.base};
+    background: ${o.colors.neutral.grey.lightest};
+    border: 1px solid ${o.colors.neutral.grey.light};
+
+    ${t} {
+      color: ${o.colors.secondary.blue.base};
+    }
+
+    ${d} {
+      color: ${o.colors.neutral.ink.light};
+    }
+  }
+
+  ${({ isDragOverlay: e }) => e && `
+      color: ${o.colors.secondary.blue.base};
+      background: ${o.colors.neutral.grey.lightest};
+      border: 1px solid ${o.colors.neutral.grey.light};
+      cursor: grabbing;
+
+      ${t} {
+        color: ${o.colors.secondary.blue.base};
+      }
+    `}
+`, y = r.div`
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 100%;
+  width: calc(100% - 2px);
+  border-radius: 4px;
+  border: 1px dashed ${o.colors.neutral.grey.dark};
+  background: ${o.colors.neutral.grey.lightest};
+`, k = r(i)`
+  flex: 1;
+  padding: 0;
+`, v = r(s)`
+  input {
+    height: 40px;
+    box-sizing: border-box;
+  }
+
+  svg {
+    width: 16px;
+  }
+`, C = r.div`
+  position: relative;
+  min-height: 500px;
+`, w = r(n)`
+  display: flex;
+  flex-direction: column;
+  gap: ${o.sizes.base};
+  padding: ${o.sizes.md};
+`, z = r.dialog`
+  display: contents;
+`;
 export {
-  R as AdaptiveHeightContainer
+  m as ColumnGroupsGrid,
+  $ as ColumnItemWrapper,
+  v as ColumnSearch,
+  C as Container,
+  x as DetailedText,
+  z as DndDragOverlayDialog,
+  y as DraggingOverlay,
+  k as DroppableAreaStack,
+  w as HeaderContainer,
+  h as StickyText,
+  b as VerticalSeparator,
+  f as VerticalText,
+  d as VisibilityOffIcon
 };

package/dist/index87.cjs

@@ -1,19 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),e=require("@veeqo/ui"),s=t=>t&&t.__esModule?t:{default:t},o=s(r),i=o.default(e.Button).attrs(()=>({role:"option",variant:"flat"}))`
-  margin: ${e.theme.sizes.xs};
-  min-width: 180px;
-  justify-content: flex-start;
-  font-size: ${e.theme.text.body.fontSize};
-
-  &:hover {
-    background-color: ${e.theme.colors.neutral.grey.lightest};
-    color: ${e.theme.colors.secondary.blue.base};
-    cursor: pointer;
-  }
-`,n=o.default(e.Card.Surface).attrs(()=>({role:"listbox",elevation:4}))`
-  margin-top: ${e.theme.sizes.xs};
-  background-color: white;
-`,l=o.default.hr`
-  width: 100%;
-  border-top: 1px solid ${e.theme.colors.neutral.grey.dark};
-  margin: 0;
-`;exports.Divider=l;exports.Item=i;exports.MenuItems=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("@dnd-kit/core"),S=require("@dnd-kit/sortable"),h=require("./index86.cjs"),q=require("@veeqo/ui"),C=require("./index48.cjs"),E=require("./index100.cjs"),p=require("./index101.cjs"),A=require("./index10.cjs"),b=require("./index47.cjs"),x={droppable:{strategy:e.MeasuringStrategy.Always}},M={sideEffects:e.defaultDropAnimationSideEffects({styles:{active:{opacity:"0.5"}}})},j=({items:o,setItems:s,children:a,renderDragOverlay:n})=>{const{closeModal:i,openModal:l}=C.useModal(),c=e.useSensors(e.useSensor(e.PointerSensor),e.useSensor(e.KeyboardSensor,{coordinateGetter:S.sortableKeyboardCoordinates})),{activeId:t,handleDragCancel:d,handleDragEnd:u,handleDragOver:g,handleDragStart:D}=E.useDragHandlers({items:o,setItems:s}),{collisionDetectionStrategy:y}=p.useCollisionDetectionStrategy({items:o});return r.jsx(A.ErrorBoundary,{errorComponent:r.jsx(q.Alert,{variant:"error",title:"An error occurred",rightActions:[{label:"Reload",onClick:()=>{i(),l(b.ModalId.ORDERS_TABLE_MANAGEMENT)}}]}),children:r.jsxs(e.DndContext,{sensors:c,measuring:x,collisionDetection:y,onDragStart:D,onDragOver:g,onDragEnd:u,onDragCancel:d,children:[a,r.jsx(h.DndDragOverlayDialog,{open:!0,children:r.jsx(e.DragOverlay,{dropAnimation:M,zIndex:2001,children:t&&n?n(t):null})})]})})};exports.DndContainer=j;

package/dist/index87.js

@@ -1,26 +1,70 @@
-import t from "styled-components";
-import { theme as o, Card as r, Button as e } from "@veeqo/ui";
-const n = t(e).attrs(() => ({ role: "option", variant: "flat" }))`
-  margin: ${o.sizes.xs};
-  min-width: 180px;
-  justify-content: flex-start;
-  font-size: ${o.text.body.fontSize};
-
-  &:hover {
-    background-color: ${o.colors.neutral.grey.lightest};
-    color: ${o.colors.secondary.blue.base};
-    cursor: pointer;
+import { jsx as r, jsxs as f } from "react/jsx-runtime";
+import { useSensors as u, useSensor as n, PointerSensor as y, KeyboardSensor as S, DndContext as h, MeasuringStrategy as A, DragOverlay as E, defaultDropAnimationSideEffects as C } from "@dnd-kit/core";
+import { sortableKeyboardCoordinates as M } from "@dnd-kit/sortable";
+import { DndDragOverlayDialog as v } from "./index86.js";
+import { Alert as b } from "@veeqo/ui";
+import { useModal as x } from "./index48.js";
+import { useDragHandlers as O } from "./index100.js";
+import { useCollisionDetectionStrategy as I } from "./index101.js";
+import { ErrorBoundary as R } from "./index10.js";
+import { ModalId as j } from "./index47.js";
+const B = {
+  droppable: {
+    strategy: A.Always
   }
-`, a = t(r.Surface).attrs(() => ({ role: "listbox", elevation: 4 }))`
-  margin-top: ${o.sizes.xs};
-  background-color: white;
-`, l = t.hr`
-  width: 100%;
-  border-top: 1px solid ${o.colors.neutral.grey.dark};
-  margin: 0;
-`;
+}, G = {
+  sideEffects: C({
+    styles: {
+      active: {
+        opacity: "0.5"
+      }
+    }
+  })
+}, q = ({
+  items: o,
+  setItems: a,
+  children: i,
+  renderDragOverlay: e
+}) => {
+  const { closeModal: s, openModal: l } = x(), d = u(
+    n(y),
+    n(S, {
+      coordinateGetter: M
+    })
+  ), { activeId: t, handleDragCancel: c, handleDragEnd: m, handleDragOver: p, handleDragStart: D } = O({ items: o, setItems: a }), { collisionDetectionStrategy: g } = I({
+    items: o
+  });
+  return /* @__PURE__ */ r(R, { errorComponent: /* @__PURE__ */ r(b, { variant: "error", title: "An error occurred", rightActions: [
+    {
+      label: "Reload",
+      onClick: () => {
+        s(), l(j.ORDERS_TABLE_MANAGEMENT);
+      }
+    }
+  ] }), children: /* @__PURE__ */ f(
+    h,
+    {
+      sensors: d,
+      measuring: B,
+      collisionDetection: g,
+      onDragStart: D,
+      onDragOver: p,
+      onDragEnd: m,
+      onDragCancel: c,
+      children: [
+        i,
+        /* @__PURE__ */ r(v, { open: !0, children: /* @__PURE__ */ r(
+          E,
+          {
+            dropAnimation: G,
+            zIndex: 2001,
+            children: t && e ? e(t) : null
+          }
+        ) })
+      ]
+    }
+  ) });
+};
 export {
-  l as Divider,
-  n as Item,
-  a as MenuItems
+  q as DndContainer
 };

package/dist/index88.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@veeqo/ui"),r=({shouldShow:a,viewName:n,onCancel:t,onDelete:o})=>e.jsx(i.Modal,{headerTitle:`Delete '${n}' view?`,"data-testid":"act-react-listing-custom-confirmation-popup",variant:"sm",shouldShow:a,onClose:t,rightActions:[{className:"act-react-listing-custom-confirmation-popup-cancel",label:"Cancel",onClick:t,variant:"default"},{className:"act-react-listing-custom-confirmation-popup-delete",label:"Delete",onClick:o,variant:"primaryDestructive"}],showHeaderCloseButton:!0,children:e.jsx(i.Text,{variant:"body",children:"This cannot be undone."})});exports.Confirmation=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@veeqo/ui"),a=require("@veeqo/components"),n=require("./index86.cjs"),{Glyph:c}=a.VeeqoCommon,l=({column:t,isHidden:r,isDragOverlay:s})=>{const o=t.title||t.tooltip;return e.jsxs(n.ColumnItemWrapper,{direction:"horizontal",spacing:"sm",alignY:"center",isHidden:r,isDragOverlay:s,children:[e.jsx(c,{name:"drag-indicator",size:4}),t.detailed?e.jsxs(i.Stack,{spacing:"xs",children:[e.jsxs(i.Text,{variant:"body",children:[o," (detailed)"]}),e.jsx(n.DetailedText,{variant:"hintText",children:t.detailed})]}):e.jsx(i.Text,{variant:"body",children:o}),!s&&r&&e.jsx(n.VisibilityOffIcon,{size:4})]})};exports.ColumnItem=l;

package/dist/index88.js

@@ -1,31 +1,31 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Modal as n, Text as r } from "@veeqo/ui";
-const s = ({ shouldShow: a, viewName: i, onCancel: t, onDelete: o }) => /* @__PURE__ */ e(
-  n,
-  {
-    headerTitle: `Delete '${i}' view?`,
-    "data-testid": "act-react-listing-custom-confirmation-popup",
-    variant: "sm",
-    shouldShow: a,
-    onClose: t,
-    rightActions: [
-      {
-        className: "act-react-listing-custom-confirmation-popup-cancel",
-        label: "Cancel",
-        onClick: t,
-        variant: "default"
-      },
-      {
-        className: "act-react-listing-custom-confirmation-popup-delete",
-        label: "Delete",
-        onClick: o,
-        variant: "primaryDestructive"
-      }
-    ],
-    showHeaderCloseButton: !0,
-    children: /* @__PURE__ */ e(r, { variant: "body", children: "This cannot be undone." })
-  }
-);
+import { jsxs as e, jsx as i } from "react/jsx-runtime";
+import { Stack as d, Text as a } from "@veeqo/ui";
+import { VeeqoCommon as l } from "@veeqo/components";
+import { ColumnItemWrapper as m, DetailedText as c, VisibilityOffIcon as p } from "./index86.js";
+const { Glyph: s } = l, g = ({ column: t, isHidden: r, isDragOverlay: o }) => {
+  const n = t.title || t.tooltip;
+  return /* @__PURE__ */ e(
+    m,
+    {
+      direction: "horizontal",
+      spacing: "sm",
+      alignY: "center",
+      isHidden: r,
+      isDragOverlay: o,
+      children: [
+        /* @__PURE__ */ i(s, { name: "drag-indicator", size: 4 }),
+        t.detailed ? /* @__PURE__ */ e(d, { spacing: "xs", children: [
+          /* @__PURE__ */ e(a, { variant: "body", children: [
+            n,
+            " (detailed)"
+          ] }),
+          /* @__PURE__ */ i(c, { variant: "hintText", children: t.detailed })
+        ] }) : /* @__PURE__ */ i(a, { variant: "body", children: n }),
+        !o && r && /* @__PURE__ */ i(p, { size: 4 })
+      ]
+    }
+  );
+};
 export {
-  s as Confirmation
+  g as ColumnItem
 };

package/dist/index89.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),l=require("./index101.cjs"),o=e=>i.jsx(l.StyledSortableViews,{...e,onChange:t=>{t.filter(r=>{var n;return(n=r.children)==null?void 0:n.length}).length||e.onChange(t)}});exports.LegacySortableViews=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var i=(e=>(e.Hidden="hidden",e.Visible="visible",e))(i||{});exports.ColumnGroupIds=i;

package/dist/index89.js

@@ -1,17 +1,4 @@
-import { jsx as o } from "react/jsx-runtime";
-import { StyledSortableViews as i } from "./index101.js";
-const h = (e) => /* @__PURE__ */ o(
-  i,
-  {
-    ...e,
-    onChange: (t) => {
-      t.filter((n) => {
-        var r;
-        return (r = n.children) == null ? void 0 : r.length;
-      }).length || e.onChange(t);
-    }
-  }
-);
+var i = /* @__PURE__ */ ((e) => (e.Hidden = "hidden", e.Visible = "visible", e))(i || {});
 export {
-  h as LegacySortableViews
+  i as ColumnGroupIds
 };

package/dist/index90.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@veeqo/ui"),t=require("./index100.cjs"),a=i.theme.colors.secondary.blue.base,o=({mainEntityLabelPlural:r="",onClick:n})=>e.jsx(t.Notification,{className:"act-react-listing-custom-notification-new-draft",children:e.jsx(t.Pill,{children:e.jsxs(i.Stack,{direction:"horizontal",alignY:"center",children:[e.jsx(t.Glyph,{name:"info",color:a}),e.jsxs(t.Wrap,{children:[e.jsx(t.Text,{variant:"body",margin:"0 4px 0 0",children:"You are currently in a"}),e.jsx(t.Bold,{variant:"bodyBoldDark",children:"draft view"}),e.jsx(t.Hint,{variant:"hintText",children:`Apply filters and create a custom view of your ${r.toLowerCase()}`})]}),e.jsx(t.Button,{className:"act-react-listing-custom-notification-save-draft-btn",variant:"primary",onClick:n,size:"sm",children:"Create view"})]})})});exports.InfoPill=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react"),f=require("./index58.cjs"),y=require("./index57.cjs"),g=require("./index48.cjs"),h=require("./index56.cjs"),p=require("./index4.cjs"),w=({pinnedLeftColumnIds:r,pinnedRightColumnIds:a})=>{const{Filters:{activeViewId:t},Notifications:{notify:e}}=y.useStores(),{closeModal:i}=g.useModal(),{mutate:c}=f.useViews(),{getActiveViewInAPIFormat:l}=h.usePersistUnsavedChanges(),[m,o]=C.useState(!1);return{saveColumns:async({visibleColumns:n})=>{if(t)try{if(o(!0),n.length<1){e({type:"error",text:"You must have at least one visible column."});return}const u=[...r,...n,...a],{arg:d,currentView:s}=l(),v={...d,columns:{...s==null?void 0:s.columns,columnIds:u}};await p.patchCustomView(t,{attributes:v}),await c(),i(),e({type:"success",text:"Columns updated successfully"})}catch{e({type:"error",text:"Failed to save columns"})}finally{o(!1)}},isSavingColumns:m}};exports.usePersistColumns=w;

package/dist/index90.js

@@ -1,24 +1,43 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import { Stack as e, theme as o } from "@veeqo/ui";
-import { Notification as n, Pill as c, Glyph as l, Wrap as s, Text as d, Bold as m, Hint as f, Button as h } from "./index100.js";
-const p = o.colors.secondary.blue.base, x = ({ mainEntityLabelPlural: r = "", onClick: a }) => /* @__PURE__ */ t(n, { className: "act-react-listing-custom-notification-new-draft", children: /* @__PURE__ */ t(c, { children: /* @__PURE__ */ i(e, { direction: "horizontal", alignY: "center", children: [
-  /* @__PURE__ */ t(l, { name: "info", color: p }),
-  /* @__PURE__ */ i(s, { children: [
-    /* @__PURE__ */ t(d, { variant: "body", margin: "0 4px 0 0", children: "You are currently in a" }),
-    /* @__PURE__ */ t(m, { variant: "bodyBoldDark", children: "draft view" }),
-    /* @__PURE__ */ t(f, { variant: "hintText", children: `Apply filters and create a custom view of your ${r.toLowerCase()}` })
-  ] }),
-  /* @__PURE__ */ t(
-    h,
-    {
-      className: "act-react-listing-custom-notification-save-draft-btn",
-      variant: "primary",
-      onClick: a,
-      size: "sm",
-      children: "Create view"
+import { useState as d } from "react";
+import { useViews as v } from "./index58.js";
+import { useStores as y } from "./index57.js";
+import { useModal as C } from "./index48.js";
+import { usePersistUnsavedChanges as g } from "./index56.js";
+import { patchCustomView as h } from "./index4.js";
+const b = ({ pinnedLeftColumnIds: a, pinnedRightColumnIds: i }) => {
+  const {
+    Filters: {
+      activeViewId: e
+    },
+    Notifications: {
+      notify: t
     }
-  )
-] }) }) });
+  } = y(), { closeModal: u } = C(), { mutate: m } = v(), { getActiveViewInAPIFormat: c } = g(), [l, o] = d(!1);
+  return {
+    saveColumns: async ({ visibleColumns: n }) => {
+      if (e)
+        try {
+          if (o(!0), n.length < 1) {
+            t({ type: "error", text: "You must have at least one visible column." });
+            return;
+          }
+          const r = [...a, ...n, ...i], { arg: f, currentView: s } = c(), p = {
+            ...f,
+            columns: {
+              ...s == null ? void 0 : s.columns,
+              columnIds: r
+            }
+          };
+          await h(e, { attributes: p }), await m(), u(), t({ type: "success", text: "Columns updated successfully" });
+        } catch {
+          t({ type: "error", text: "Failed to save columns" });
+        } finally {
+          o(!1);
+        }
+    },
+    isSavingColumns: l
+  };
+};
 export {
-  x as InfoPill
+  b as usePersistColumns
 };

package/dist/index91.cjs

@@ -1,80 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),e=require("@veeqo/ui"),a=require("@veeqo/components"),r=t=>t&&t.__esModule?t:{default:t},o=r(i),{Glyph:l}=a.VeeqoCommon,s=o.default(e.BaseContainer)`
-  display: flex;
-  position: fixed;
-  width: 100vw;
-  left: 0;
-  bottom: 24px;
-  z-index: 18;
-
-  &.notification-enter {
-    opacity: 0;
-    transform: translateY(-16px);
-  }
-
-  &.notification-enter-active {
-    opacity: 1;
-    transform: translateY(0);
-    transition: 350ms ease;
-  }
-
-  &.notification-exit {
-    opacity: 0;
-    transform: translateY(16px);
-    transition: 350ms ease;
-  }
-  pointer-events: none;
-`,c=o.default(e.BaseContainer)`
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-  padding: 20px 24px 24px 24px;
-  border-radius: 4px;
-  margin: 0 auto;
-  background-color: #fff;
-  box-shadow: ${e.theme.shadows.lg};
-  pointer-events: all;
-`;o.default(e.Banner)`
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-  margin: 0 auto;
-  background-color: #fff;
-  box-shadow: ${e.theme.shadows.lg};
-  pointer-events: all;
-`;const d=o.default(e.Button)`
-  margin-right: 16px;
-`;o.default(e.Text)`
-  line-height: 20px;
-`;const n=o.default(e.Text)`
-  margin: ${t=>t.margin?t.margin:""};
-  color: ${t=>t.color};
-`,f=o.default(e.Text)`
-  margin-right: 8px;
-  color: ${t=>t.color};
-`,p=o.default(l)``,x=o.default(e.BaseContainer)`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-end;
-  flex-grow: 2;
-  margin-left: 24px;
-  margin-right: 24px;
-`,u=o.default.button`
-  display: flex;
-  flex-direction: row;
-  width: 100%;
-  padding: 12px 16px;
-  cursor: pointer;
-
-  & > ${n} {
-    white-space: nowrap;
-    user-select: none;
-  }
-
-  &:hover {
-    background-color: ${e.theme.colors.neutral.grey.lightest};
-  }
-
-  &:hover > ${n} {
-    color: ${e.theme.colors.secondary.blue.base};
-  }
-`;exports.Bold=f;exports.Button=d;exports.Container=c;exports.Glyph=p;exports.Item=u;exports.Notification=s;exports.Text=n;exports.Wrap=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=(t,r)=>{if(!r)return t;const i=r.toLowerCase();return t.filter(e=>{var s,a;return((s=e==null?void 0:e.title)==null?void 0:s.toLowerCase().includes(i))||((a=e==null?void 0:e.id)==null?void 0:a.toLowerCase().includes(i))})};exports.filterColumnsBySearch=d;

package/dist/index91.js

@@ -1,97 +1,13 @@
-import o from "styled-components";
-import { BaseContainer as n, theme as e, Text as i, Button as a, Banner as l } from "@veeqo/ui";
-import { VeeqoCommon as s } from "@veeqo/components";
-const { Glyph: c } = s, f = o(n)`
-  display: flex;
-  position: fixed;
-  width: 100vw;
-  left: 0;
-  bottom: 24px;
-  z-index: 18;
-
-  &.notification-enter {
-    opacity: 0;
-    transform: translateY(-16px);
-  }
-
-  &.notification-enter-active {
-    opacity: 1;
-    transform: translateY(0);
-    transition: 350ms ease;
-  }
-
-  &.notification-exit {
-    opacity: 0;
-    transform: translateY(16px);
-    transition: 350ms ease;
-  }
-  pointer-events: none;
-`, m = o(n)`
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-  padding: 20px 24px 24px 24px;
-  border-radius: 4px;
-  margin: 0 auto;
-  background-color: #fff;
-  box-shadow: ${e.shadows.lg};
-  pointer-events: all;
-`;
-o(l)`
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-  margin: 0 auto;
-  background-color: #fff;
-  box-shadow: ${e.shadows.lg};
-  pointer-events: all;
-`;
-const g = o(a)`
-  margin-right: 16px;
-`;
-o(i)`
-  line-height: 20px;
-`;
-const r = o(i)`
-  margin: ${(t) => t.margin ? t.margin : ""};
-  color: ${(t) => t.color};
-`, h = o(i)`
-  margin-right: 8px;
-  color: ${(t) => t.color};
-`, u = o(c)``, w = o(n)`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-end;
-  flex-grow: 2;
-  margin-left: 24px;
-  margin-right: 24px;
-`, y = o.button`
-  display: flex;
-  flex-direction: row;
-  width: 100%;
-  padding: 12px 16px;
-  cursor: pointer;
-
-  & > ${r} {
-    white-space: nowrap;
-    user-select: none;
-  }
-
-  &:hover {
-    background-color: ${e.colors.neutral.grey.lightest};
-  }
-
-  &:hover > ${r} {
-    color: ${e.colors.secondary.blue.base};
-  }
-`;
+const a = (t, r) => {
+  if (!r) return t;
+  const i = r.toLowerCase();
+  return t.filter(
+    (e) => {
+      var s, C;
+      return ((s = e == null ? void 0 : e.title) == null ? void 0 : s.toLowerCase().includes(i)) || ((C = e == null ? void 0 : e.id) == null ? void 0 : C.toLowerCase().includes(i));
+    }
+  );
+};
 export {
-  h as Bold,
-  g as Button,
-  m as Container,
-  u as Glyph,
-  y as Item,
-  f as Notification,
-  r as Text,
-  w as Wrap
+  a as filterColumnsBySearch
 };

package/dist/index94.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("@dnd-kit/sortable"),g=require("./index102.cjs"),b=require("./index80.cjs"),f=({id:t,children:r})=>{const{attributes:s,listeners:o,setNodeRef:i,transform:n,transition:a,isDragging:l}=c.useSortable({id:t}),u={transform:g.CSS.Transform.toString(n),transition:a,cursor:"grab",outlineOffset:"-1px"};return e.jsxs("div",{ref:i,style:u,...s,...o,children:[r,l&&e.jsx(b.DraggingOverlay,{})]})};exports.SortableItem=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),p=require("mobx-react"),l=require("@veeqo/ui"),v=require("./index96.cjs"),y=p.observer(({data:m,editedValue:t,setEditedValue:c})=>{var b;if(!((b=m.options)!=null&&b.length))return null;const[u,x]=m.options,i=Number(u.value),a=Number(x.value),h=(s,n)=>{if(!Array.isArray(n)||n.length!==2||!t)return;const[e,j]=n,g=t==null?void 0:t.clone();g.setGte(e),g.setLte(j),c(g)},o={gte:(t==null?void 0:t.gte)||0,lte:(t==null?void 0:t.lte)||100},M=s=>{if(!t)return;const n=t.clone(),e=Number(s);e>n.lteMax||(e>=n.gteMin&&e<=n.lteMax&&n.setGte(e),(!n.lte||e>=n.lte)&&n.setLte(n.lteMax),c(n))},f=s=>{if(!t)return;const n=t.clone(),e=Number(s);e<n.gteMin||(e>=n.gteMin&&e<=n.lteMax&&n.setLte(e),(!n.gte||e<=n.gte)&&n.setGte(n.gteMin),c(n))},S=[o.gte,o.lte];return r.jsxs(l.Stack,{spacing:"xs",alignX:"stretch",children:[r.jsxs(l.Stack,{direction:"horizontal",children:[r.jsx(l.TextField,{label:u.label,type:"number",min:i,max:a,value:o.gte.toString(),onChange:M}),r.jsx(l.TextField,{label:x.label,type:"number",min:i,max:a,value:o.lte.toString(),onChange:f})]}),r.jsx(v.MUISlider,{value:S,onChange:h,min:i,max:a,valueLabelDisplay:"auto"})]})});exports.FilterNumberRangeFilter=y;