@veeqo/transfigure 2.1.3 → 2.3.0

package/dist/index95.cjs

@@ -1,104 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("styled-components"),e=require("@veeqo/ui"),a=o=>o&&o.__esModule?o:{default:o},t=a(l),i=t.default.div`
-  width: 1px;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  border-left: 1px solid ${e.theme.colors.neutral.grey.dark};
-  height: 100%;
-  margin-top: 40px;
-`,n=t.default(e.Text)`
-  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: ${e.theme.colors.neutral.ink.lightest};
-  height: max-content;
-`,s=t.default(e.Text)`
-  position: sticky;
-  top: 0;
-  background: #ffffff;
-  padding-bottom: ${e.theme.sizes[2]};
-  z-index: 1;
-`,d=t.default(e.Text)`
-  color: ${e.theme.colors.neutral.ink.light};
-`,c=t.default(e.Grid)`
-  // overflow-y: auto;
-  position: unset;
-`,r=t.default(e.VisibilityOffIcon)`
-  margin-left: auto;
-`,u=t.default(e.Stack)`
-  border-radius: 4px;
-  padding: 8px 12px;
-  background: #ffffff;
-  border: 1px solid ${e.theme.colors.neutral.ink.lightest};
-  transition: all ease 200ms;
-
-  ${({isHidden:o})=>o&&`
-      ${e.Text} {
-        color: ${e.theme.colors.neutral.ink.light};
-      }
-    `}
-
-  &:hover {
-    color: ${e.theme.colors.secondary.blue.base};
-    background: ${e.theme.colors.neutral.grey.lightest};
-    border: 1px solid ${e.theme.colors.neutral.grey.light};
-
-    ${e.Text} {
-      color: ${e.theme.colors.secondary.blue.base};
-    }
-
-    ${r} {
-      color: ${e.theme.colors.neutral.ink.light};
-    }
-  }
-
-  ${({isDragOverlay:o})=>o&&`
-      color: ${e.theme.colors.secondary.blue.base};
-      background: ${e.theme.colors.neutral.grey.lightest};
-      border: 1px solid ${e.theme.colors.neutral.grey.light};
-      cursor: grabbing;
-
-      ${e.Text} {
-        color: ${e.theme.colors.secondary.blue.base};
-      }
-    `}
-`,g=t.default.div`
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  height: 100%;
-  width: calc(100% - 2px);
-  border-radius: 4px;
-  border: 1px dashed ${e.theme.colors.neutral.grey.dark};
-  background: ${e.theme.colors.neutral.grey.lightest};
-`,p=t.default(e.Stack)`
-  flex: 1;
-  padding: 0;
-`,h=t.default(e.Search)`
-  input {
-    height: 40px;
-    box-sizing: border-box;
-  }
-
-  svg {
-    width: 16px;
-  }
-`,f=t.default.div`
-  position: relative;
-  min-height: 500px;
-`,m=t.default(e.BaseContainer)`
-  display: flex;
-  flex-direction: column;
-  gap: ${e.theme.sizes.base};
-  padding: ${e.theme.sizes.md};
-`,b=t.default.dialog`
-  display: contents;
-`;exports.ColumnGroupsGrid=c;exports.ColumnItemWrapper=u;exports.ColumnSearch=h;exports.Container=f;exports.DetailedText=d;exports.DndDragOverlayDialog=b;exports.DraggingOverlay=g;exports.DroppableAreaStack=p;exports.HeaderContainer=m;exports.StickyText=s;exports.VerticalSeparator=i;exports.VerticalText=n;exports.VisibilityOffIcon=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@veeqo/ui"),s=require("./index93.cjs"),o=({column:i,isHidden:n,isDragOverlay:r})=>{const a=i.title||i.tooltip;return e.jsxs(s.ColumnItemWrapper,{direction:"horizontal",spacing:"sm",alignY:"center",isHidden:n,isDragOverlay:r,children:[e.jsx(t.DragIndicatorIcon,{}),i.detailed?e.jsxs(t.Stack,{spacing:"xs",children:[e.jsxs(t.Text,{variant:"body",children:[a," (detailed)"]}),e.jsx(s.DetailedText,{variant:"hintText",children:i.detailed})]}):e.jsx(t.Text,{variant:"body",children:a}),!r&&n&&e.jsx(s.VisibilityOffIcon,{width:t.theme.sizes.base,height:t.theme.sizes.base})]})};exports.ColumnItem=o;

package/dist/index95.js

@@ -1,121 +1,30 @@
-import r from "styled-components";
-import { Grid as l, theme as o, Text as t, BaseContainer as n, Search as s, Stack as i, VisibilityOffIcon as a } from "@veeqo/ui";
-const p = 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;
-`, u = 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;
-`, b = r(t)`
-  position: sticky;
-  top: 0;
-  background: #ffffff;
-  padding-bottom: ${o.sizes[2]};
-  z-index: 1;
-`, f = r(t)`
-  color: ${o.colors.neutral.ink.light};
-`, h = r(l)`
-  // overflow-y: auto;
-  position: unset;
-`, c = r(a)`
-  margin-left: auto;
-`, x = 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};
-      }
-    `}
-
-  &: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};
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { DragIndicatorIcon as s, Stack as l, Text as o, theme as d } from "@veeqo/ui";
+import { ColumnItemWrapper as c, DetailedText as h, VisibilityOffIcon as m } from "./index93.js";
+const f = ({ column: t, isHidden: r, isDragOverlay: n }) => {
+  const a = t.title || t.tooltip;
+  return /* @__PURE__ */ i(
+    c,
+    {
+      direction: "horizontal",
+      spacing: "sm",
+      alignY: "center",
+      isHidden: r,
+      isDragOverlay: n,
+      children: [
+        /* @__PURE__ */ e(s, {}),
+        t.detailed ? /* @__PURE__ */ i(l, { spacing: "xs", children: [
+          /* @__PURE__ */ i(o, { variant: "body", children: [
+            a,
+            " (detailed)"
+          ] }),
+          /* @__PURE__ */ e(h, { variant: "hintText", children: t.detailed })
+        ] }) : /* @__PURE__ */ e(o, { variant: "body", children: a }),
+        !n && r && /* @__PURE__ */ e(m, { width: d.sizes.base, height: d.sizes.base })
+      ]
     }
-
-    ${c} {
-      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};
-      }
-    `}
-`, $ = 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};
-`, y = r(i)`
-  flex: 1;
-  padding: 0;
-`, m = r(s)`
-  input {
-    height: 40px;
-    box-sizing: border-box;
-  }
-
-  svg {
-    width: 16px;
-  }
-`, k = r.div`
-  position: relative;
-  min-height: 500px;
-`, v = r(n)`
-  display: flex;
-  flex-direction: column;
-  gap: ${o.sizes.base};
-  padding: ${o.sizes.md};
-`, w = r.dialog`
-  display: contents;
-`;
+  );
+};
 export {
-  h as ColumnGroupsGrid,
-  x as ColumnItemWrapper,
-  m as ColumnSearch,
-  k as Container,
-  f as DetailedText,
-  w as DndDragOverlayDialog,
-  $ as DraggingOverlay,
-  y as DroppableAreaStack,
-  v as HeaderContainer,
-  b as StickyText,
-  p as VerticalSeparator,
-  u as VerticalText,
-  c as VisibilityOffIcon
+  f as ColumnItem
 };

package/dist/index96.cjs

@@ -1 +1 @@
-"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("./index95.cjs"),q=require("@veeqo/ui"),C=require("./index53.cjs"),E=require("./index112.cjs"),p=require("./index113.cjs"),A=require("./index12.cjs"),b=require("./index52.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;
+"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/index96.js

@@ -1,70 +1,4 @@
-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 "./index95.js";
-import { Alert as b } from "@veeqo/ui";
-import { useModal as x } from "./index53.js";
-import { useDragHandlers as O } from "./index112.js";
-import { useCollisionDetectionStrategy as I } from "./index113.js";
-import { ErrorBoundary as R } from "./index12.js";
-import { ModalId as j } from "./index52.js";
-const B = {
-  droppable: {
-    strategy: A.Always
-  }
-}, 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
-          }
-        ) })
-      ]
-    }
-  ) });
-};
+var i = /* @__PURE__ */ ((e) => (e.Hidden = "hidden", e.Visible = "visible", e))(i || {});
 export {
-  q as DndContainer
+  i as ColumnGroupIds
 };

package/dist/index97.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@veeqo/ui"),s=require("./index95.cjs"),o=({column:i,isHidden:n,isDragOverlay:r})=>{const a=i.title||i.tooltip;return e.jsxs(s.ColumnItemWrapper,{direction:"horizontal",spacing:"sm",alignY:"center",isHidden:n,isDragOverlay:r,children:[e.jsx(t.DragIndicatorIcon,{}),i.detailed?e.jsxs(t.Stack,{spacing:"xs",children:[e.jsxs(t.Text,{variant:"body",children:[a," (detailed)"]}),e.jsx(s.DetailedText,{variant:"hintText",children:i.detailed})]}):e.jsx(t.Text,{variant:"body",children:a}),!r&&n&&e.jsx(s.VisibilityOffIcon,{width:t.theme.sizes.base,height:t.theme.sizes.base})]})};exports.ColumnItem=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react"),f=require("./index63.cjs"),y=require("./index62.cjs"),g=require("./index53.cjs"),h=require("./index61.cjs"),p=require("./index5.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/index97.js

@@ -1,30 +1,43 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { DragIndicatorIcon as s, Stack as l, Text as o, theme as d } from "@veeqo/ui";
-import { ColumnItemWrapper as c, DetailedText as h, VisibilityOffIcon as m } from "./index95.js";
-const f = ({ column: t, isHidden: r, isDragOverlay: n }) => {
-  const a = t.title || t.tooltip;
-  return /* @__PURE__ */ i(
-    c,
-    {
-      direction: "horizontal",
-      spacing: "sm",
-      alignY: "center",
-      isHidden: r,
-      isDragOverlay: n,
-      children: [
-        /* @__PURE__ */ e(s, {}),
-        t.detailed ? /* @__PURE__ */ i(l, { spacing: "xs", children: [
-          /* @__PURE__ */ i(o, { variant: "body", children: [
-            a,
-            " (detailed)"
-          ] }),
-          /* @__PURE__ */ e(h, { variant: "hintText", children: t.detailed })
-        ] }) : /* @__PURE__ */ e(o, { variant: "body", children: a }),
-        !n && r && /* @__PURE__ */ e(m, { width: d.sizes.base, height: d.sizes.base })
-      ]
+import { useState as d } from "react";
+import { useViews as v } from "./index63.js";
+import { useStores as y } from "./index62.js";
+import { useModal as C } from "./index53.js";
+import { usePersistUnsavedChanges as g } from "./index61.js";
+import { patchCustomView as h } from "./index5.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 {
-  f as ColumnItem
+  b as usePersistColumns
 };

package/dist/index98.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var i=(e=>(e.Hidden="hidden",e.Visible="visible",e))(i||{});exports.ColumnGroupIds=i;
+"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/index98.js

@@ -1,4 +1,13 @@
-var i = /* @__PURE__ */ ((e) => (e.Hidden = "hidden", e.Visible = "visible", e))(i || {});
+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 {
-  i as ColumnGroupIds
+  a as filterColumnsBySearch
 };

package/dist/index99.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react"),f=require("./index63.cjs"),y=require("./index62.cjs"),g=require("./index53.cjs"),h=require("./index61.cjs"),p=require("./index5.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=r=>{if(!r)return{columnId:"",direction:"asc"};if(r.startsWith("-")){const t=r.slice(1);return t?{columnId:t,direction:"desc"}:{columnId:"",direction:"asc"}}return{columnId:r,direction:"asc"}};exports.parseSortString=e;

package/dist/index99.js

@@ -1,43 +1,11 @@
-import { useState as d } from "react";
-import { useViews as v } from "./index63.js";
-import { useStores as y } from "./index62.js";
-import { useModal as C } from "./index53.js";
-import { usePersistUnsavedChanges as g } from "./index61.js";
-import { patchCustomView as h } from "./index5.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
-  };
+const i = (c) => {
+  if (!c) return { columnId: "", direction: "asc" };
+  if (c.startsWith("-")) {
+    const n = c.slice(1);
+    return n ? { columnId: n, direction: "desc" } : { columnId: "", direction: "asc" };
+  }
+  return { columnId: c, direction: "asc" };
 };
 export {
-  b as usePersistColumns
+  i as parseSortString
 };

package/dist/mobx/Filters/Filters.d.ts

@@ -2,6 +2,7 @@ import { DateValue } from 'react-aria-components';
 import { TransformedView } from '../../types';
 import { RangeFilter } from '../RangeFilter/RangeFilter';
 import { NumberRangeFilter } from '../NumberRangeFilter/NumberRangeFilter';
+import { Table } from '../Table/Table';
 import { FilterType } from '../../constants/dateConstants';
 export declare class Filters {
     defaultPageSize: number;
@@ -16,8 +17,18 @@ export declare class Filters {
     dateRangeFilters: Map<string, RangeFilter>;
     numberRangeFilters: Map<string, NumberRangeFilter>;
     activeViewId: string | undefined;
+    defaultSortState: Table['sortState'];
+    tableStore: Table | undefined;
     isFiltersDropdownVisible: boolean;
-    constructor();
+    /**
+     * @param tableStore - Optional reference to the Table store for sort state
+     * tracking in custom views. Sort state lives on Table (for the UI table
+     * component) but needs to participate in view persistence (owned by Filters).
+     * Filters reads Table.sortState for comparison and writes to it via setSortState
+     * on view initialisation and discard. This store-to-store coupling is intentional but
+     * should not be treated as a pattern to follow — keep stores decoupled wherever possible.
+     */
+    constructor(tableStore?: Table);
     initDefaultFilterMaps: () => void;
     updateUrl: (pushToHistory?: boolean) => void;
     setCurrentPage: (count: number) => void;

package/dist/storybookHelpers/StoryWrapper.d.ts

@@ -6,9 +6,9 @@ type Props = {
     initialViewId?: string;
     showNotifications?: boolean;
 };
+export declare const table: Table;
 export declare const filters: Filters;
 export declare const views: Views;
 export declare const notifications: Notifications;
-export declare const table: Table;
 export declare const StoryWrapper: ({ children, initialFilters, initialArrayFilters, initialViewId, }: Props) => JSX.Element;
 export {};

package/dist/utils/sortUtils/index.d.ts

@@ -0,0 +1,2 @@
+export { parseSortString } from './sortUtils';
+export type { SortState } from './sortUtils';

package/dist/utils/sortUtils/sortUtils.d.ts

@@ -0,0 +1,11 @@
+export type SortState = {
+    columnId: string;
+    direction: 'asc' | 'desc';
+};
+/**
+ * Parses a MONOLITH-format sort string into a SortState object.
+ * - undefined/empty → { columnId: '', direction: 'asc' }
+ * - "-columnId" → { columnId: 'columnId', direction: 'desc' }
+ * - "columnId" → { columnId: 'columnId', direction: 'asc' }
+ */
+export declare const parseSortString: (sort: string | undefined) => SortState;

package/dist/utils/sortUtils/sortUtils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veeqo/transfigure",
-  "version": "2.1.3",
+  "version": "2.3.0",
   "type": "module",
   "sideEffects": false,
   "main": "dist/index.cjs",
@@ -38,9 +38,9 @@
     "@material-ui/core": "^4.11.0",
     "@tanstack/react-table": "^8.21.2",
     "@veeqo/components": "6.1.1",
-    "@veeqo/ui": "13.10.0",
+    "@veeqo/ui": "14.0.3",
     "ajv-keywords": "^5.1.0",
-    "axios": "^1.6.2",
+    "axios": "^1.15.0",
     "framer-motion": "^6.5.1",
     "kitsu-core": "^8.3.1",
     "lodash": "^4.17.19",
@@ -93,7 +93,7 @@
     "@typescript-eslint/eslint-plugin": "^8.37.0",
     "@typescript-eslint/parser": "^8.37.0",
     "@veeqo/components": "6.1.1",
-    "@veeqo/ui": "13.10.0",
+    "@veeqo/ui": "14.0.3",
     "qs": "^6.10.3",
     "@vitejs/plugin-react": "^4.3.4",
     "@vitest/browser": "^3.1.2",
@@ -101,7 +101,7 @@
     "@vitest/ui": "^3.1.2",
     "ajv": "^8.17.1",
     "ajv-keywords": "^5.1.0",
-    "axios": "^1.6.2",
+    "axios": "^1.15.0",
     "babel-plugin-styled-components": "^2.1.4",
     "eslint": "^9.21.0",
     "eslint-plugin-import": "^2.32.0",