@veeqo/transfigure 2.1.3 → 2.3.0

package/dist/index85.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index109.cjs"),s=e=>{if(!l.isError(e))return e;if(e.stack){const t=e.stack.split(`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index114.cjs"),s=e=>{if(!l.isError(e))return e;if(e.stack){const t=e.stack.split(`
 `);if(t.length<=10)return e;const n=t==null?void 0:t[0],i=t==null?void 0:t.splice(9),r=[n,...i].join(`
 `);e.stack=r}return e};exports.filterErrorStack=s;

package/dist/index85.js

@@ -1,4 +1,4 @@
-import { isError as l } from "./index109.js";
+import { isError as l } from "./index114.js";
 const s = (e) => {
   if (!l(e)) return e;
   if (e.stack) {

package/dist/index86.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index109.cjs"),n=({customError:t,originalError:e,type:c})=>{!s.isError(e)||!s.isError(t)||(e.stack&&(e.stack=t.stack),e.name&&(e.name=`${c} (${e.name})`))};exports.injectIntoError=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index114.cjs"),n=({customError:t,originalError:e,type:c})=>{!s.isError(e)||!s.isError(t)||(e.stack&&(e.stack=t.stack),e.name&&(e.name=`${c} (${e.name})`))};exports.injectIntoError=n;

package/dist/index86.js

@@ -1,4 +1,4 @@
-import { isError as c } from "./index109.js";
+import { isError as c } from "./index114.js";
 const s = ({
   customError: e,
   originalError: t,

package/dist/index88.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("@veeqo/ui"),t=require("react"),j=require("./index94.cjs"),o=require("./index95.cjs"),w=require("./index96.cjs"),T=require("./index97.cjs"),r=require("./index98.cjs"),D=require("./index99.cjs"),V=require("./index49.cjs"),b=require("./index100.cjs"),H=({onClose:u,columnDefinitions:I,hiddenColumns:d,visibleColumns:m,pinnedLeftColumnIds:G,pinnedRightColumnIds:f})=>{const[c,p]=t.useState(""),a=t.useMemo(()=>new Map(I.map(s=>[s.id,s])),[]),[i,C]=t.useState(()=>({[r.ColumnGroupIds.Hidden]:d,[r.ColumnGroupIds.Visible]:m})),y=t.useMemo(()=>{const s=i[r.ColumnGroupIds.Visible].map(l=>a.get(`${l}`));return b.filterColumnsBySearch(s,c)},[i,a,c]),v=t.useMemo(()=>{const s=i[r.ColumnGroupIds.Hidden].map(l=>a.get(`${l}`));return b.filterColumnsBySearch(s,c)},[i,a,c]),{isSavingColumns:h,saveColumns:M}=D.usePersistColumns({pinnedLeftColumnIds:G,pinnedRightColumnIds:f}),k=()=>{p(""),C({[r.ColumnGroupIds.Hidden]:d,[r.ColumnGroupIds.Visible]:m})},x=t.useCallback(s=>{if(p(s),!s){const l=new Set([...d,...m]);C(S=>({[r.ColumnGroupIds.Hidden]:S[r.ColumnGroupIds.Hidden].filter(g=>l.has(`${g}`)),[r.ColumnGroupIds.Visible]:S[r.ColumnGroupIds.Visible].filter(g=>l.has(`${g}`))}))}},[d,m]),q=t.useCallback(s=>{const l=a.get(`${s}`);return l?e.jsx(T.ColumnItem,{column:l,isDragOverlay:!0}):null},[a]);return e.jsx(n.Modal,{variant:"lg",style:{overflowY:"hidden"},shouldShow:!0,onClose:()=>u==null?void 0:u(),headerSlot:e.jsxs(o.HeaderContainer,{children:[e.jsxs(n.Stack,{direction:"horizontal",alignX:"between",alignY:"center",children:[e.jsxs(n.Stack,{direction:"horizontal",alignX:"start",alignY:"center",spacing:"sm",children:[e.jsx(n.ListBoardIcon,{height:n.theme.sizes.lg,width:n.theme.sizes.lg}),e.jsx(n.Text,{variant:"headingLarge",as:"h1",children:"Table management"})]}),e.jsx(n.Button,{"aria-label":"Close modal",onClick:u,variant:"flat",iconSlot:e.jsx(n.CloseIcon,{})})]}),e.jsxs(n.Text,{variant:"subheadingMedium",children:["Show, hide, or change the order of the columns in the view, so you always see the data that's most important to you. Learn more with our"," ",e.jsx(n.Anchor,{href:V.helpGuideUrls.ORDER_VIEWS_AND_TABLE_CUSTOMIZATION,target:"_blank",children:"help guide"}),"."]}),e.jsx(n.Text,{variant:"headingSmall",children:"Column management"}),e.jsx(o.ColumnSearch,{name:"column-search-query",placeholder:"Search",value:c,onChange:x,onClearClick:()=>x(""),fill:"100%"})]}),leftActions:[{label:"Reset",onClick:k,variant:"default",disabled:h}],rightActions:[{label:"Cancel",onClick:u,variant:"default",disabled:h},{label:"Save",onClick:()=>M({visibleColumns:i[r.ColumnGroupIds.Visible]}),variant:"primary",disabled:h,loading:h}],children:e.jsx(n.Stack,{spacing:"md",alignX:"stretch",children:e.jsx(n.Stack,{spacing:4,alignX:"stretch",children:e.jsx(w.DndContainer,{items:i,setItems:C,renderDragOverlay:q,children:e.jsx(o.Container,{children:e.jsxs(o.ColumnGroupsGrid,{columns:2,spacing:"xl",children:[e.jsx(j.ColumnGroup,{id:r.ColumnGroupIds.Visible,title:"Shown columns:",columns:y}),e.jsx(o.VerticalSeparator,{children:e.jsx(o.VerticalText,{children:"Drag & Drop columns"})}),e.jsx(j.ColumnGroup,{id:r.ColumnGroupIds.Hidden,title:"Hidden columns:",columns:v})]})})})})})})};exports.TableManagementModal=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("@veeqo/ui"),t=require("react"),j=require("./index92.cjs"),o=require("./index93.cjs"),w=require("./index94.cjs"),T=require("./index95.cjs"),r=require("./index96.cjs"),D=require("./index97.cjs"),V=require("./index49.cjs"),b=require("./index98.cjs"),H=({onClose:u,columnDefinitions:I,hiddenColumns:d,visibleColumns:m,pinnedLeftColumnIds:G,pinnedRightColumnIds:f})=>{const[c,p]=t.useState(""),a=t.useMemo(()=>new Map(I.map(s=>[s.id,s])),[]),[i,C]=t.useState(()=>({[r.ColumnGroupIds.Hidden]:d,[r.ColumnGroupIds.Visible]:m})),y=t.useMemo(()=>{const s=i[r.ColumnGroupIds.Visible].map(l=>a.get(`${l}`));return b.filterColumnsBySearch(s,c)},[i,a,c]),v=t.useMemo(()=>{const s=i[r.ColumnGroupIds.Hidden].map(l=>a.get(`${l}`));return b.filterColumnsBySearch(s,c)},[i,a,c]),{isSavingColumns:h,saveColumns:M}=D.usePersistColumns({pinnedLeftColumnIds:G,pinnedRightColumnIds:f}),k=()=>{p(""),C({[r.ColumnGroupIds.Hidden]:d,[r.ColumnGroupIds.Visible]:m})},x=t.useCallback(s=>{if(p(s),!s){const l=new Set([...d,...m]);C(S=>({[r.ColumnGroupIds.Hidden]:S[r.ColumnGroupIds.Hidden].filter(g=>l.has(`${g}`)),[r.ColumnGroupIds.Visible]:S[r.ColumnGroupIds.Visible].filter(g=>l.has(`${g}`))}))}},[d,m]),q=t.useCallback(s=>{const l=a.get(`${s}`);return l?e.jsx(T.ColumnItem,{column:l,isDragOverlay:!0}):null},[a]);return e.jsx(n.Modal,{variant:"lg",style:{overflowY:"hidden"},shouldShow:!0,onClose:()=>u==null?void 0:u(),headerSlot:e.jsxs(o.HeaderContainer,{children:[e.jsxs(n.Stack,{direction:"horizontal",alignX:"between",alignY:"center",children:[e.jsxs(n.Stack,{direction:"horizontal",alignX:"start",alignY:"center",spacing:"sm",children:[e.jsx(n.ListBoardIcon,{height:n.theme.sizes.lg,width:n.theme.sizes.lg}),e.jsx(n.Text,{variant:"headingLarge",as:"h1",children:"Table management"})]}),e.jsx(n.Button,{"aria-label":"Close modal",onClick:u,variant:"flat",iconSlot:e.jsx(n.CloseIcon,{})})]}),e.jsxs(n.Text,{variant:"subheadingMedium",children:["Show, hide, or change the order of the columns in the view, so you always see the data that's most important to you. Learn more with our"," ",e.jsx(n.Anchor,{href:V.helpGuideUrls.ORDER_VIEWS_AND_TABLE_CUSTOMIZATION,target:"_blank",children:"help guide"}),"."]}),e.jsx(n.Text,{variant:"headingSmall",children:"Column management"}),e.jsx(o.ColumnSearch,{name:"column-search-query",placeholder:"Search",value:c,onChange:x,onClearClick:()=>x(""),fill:"100%"})]}),leftActions:[{label:"Reset",onClick:k,variant:"default",disabled:h}],rightActions:[{label:"Cancel",onClick:u,variant:"default",disabled:h},{label:"Save",onClick:()=>M({visibleColumns:i[r.ColumnGroupIds.Visible]}),variant:"primary",disabled:h,loading:h}],children:e.jsx(n.Stack,{spacing:"md",alignX:"stretch",children:e.jsx(n.Stack,{spacing:4,alignX:"stretch",children:e.jsx(w.DndContainer,{items:i,setItems:C,renderDragOverlay:q,children:e.jsx(o.Container,{children:e.jsxs(o.ColumnGroupsGrid,{columns:2,spacing:"xl",children:[e.jsx(j.ColumnGroup,{id:r.ColumnGroupIds.Visible,title:"Shown columns:",columns:y}),e.jsx(o.VerticalSeparator,{children:e.jsx(o.VerticalText,{children:"Drag & Drop columns"})}),e.jsx(j.ColumnGroup,{id:r.ColumnGroupIds.Hidden,title:"Hidden columns:",columns:v})]})})})})})})};exports.TableManagementModal=H;

package/dist/index88.js

@@ -1,14 +1,14 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import { Modal as O, Stack as h, ListBoardIcon as _, theme as v, Text as p, Button as $, CloseIcon as z, Anchor as B } from "@veeqo/ui";
 import { useState as w, useMemo as f, useCallback as y } from "react";
-import { ColumnGroup as V } from "./index94.js";
-import { Container as L, ColumnGroupsGrid as R, VerticalSeparator as X, VerticalText as E, HeaderContainer as Y, ColumnSearch as j } from "./index95.js";
-import { DndContainer as N } from "./index96.js";
-import { ColumnItem as Q } from "./index97.js";
-import { ColumnGroupIds as n } from "./index98.js";
-import { usePersistColumns as U } from "./index99.js";
+import { ColumnGroup as V } from "./index92.js";
+import { Container as L, ColumnGroupsGrid as R, VerticalSeparator as X, VerticalText as E, HeaderContainer as Y, ColumnSearch as j } from "./index93.js";
+import { DndContainer as N } from "./index94.js";
+import { ColumnItem as Q } from "./index95.js";
+import { ColumnGroupIds as n } from "./index96.js";
+import { usePersistColumns as U } from "./index97.js";
 import { helpGuideUrls as P } from "./index49.js";
-import { filterColumnsBySearch as D } from "./index100.js";
+import { filterColumnsBySearch as D } from "./index98.js";
 const te = ({
   onClose: l,
   columnDefinitions: k,

package/dist/index89.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=t=>t.trim().length>=3||t.trim().length===0;exports.isTextFilterValid=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),w=require("react-use"),L=require("./index8.cjs"),m=require("./index62.cjs"),v=require("./index68.cjs"),q=require("./index56.cjs");function V(){const{TABLE_DATA_URL:h}=L.useBusinessLogic(),{Filters:{pageSize:s,activeViewId:n}}=m.useStores(),{queryParams:S}=v.useUrlParams();async function c(){const e=`${h}?${S}`,g=await q.fetcherV2(e);return JSON.stringify(g)}const[u,a]=t.useState(null),[o,l]=t.useState(!1),[f,C]=t.useState(n),[y,P]=t.useState(s),i=3e5,[D,r]=t.useState(i);return t.useEffect(()=>{const e=()=>{document.hidden?r(null):r(i)};return document.addEventListener("visibilitychange",e),()=>{document.removeEventListener("visibilitychange",e)}},[]),w.useInterval(async()=>{const e=await c();if(u===null||f!==n||y!==s){a(e),C(n),P(s);return}const d=e!==u;d&&(a(e),l(d))},o?null:D),{hasChanges:o,acknowledgeButtonClick:async()=>{l(!1),r(i),a(await c())}}}exports.usePollData=V;

package/dist/index89.js

@@ -1,4 +1,43 @@
-const i = (t) => t.trim().length >= 3 || t.trim().length === 0;
+import { useState as t, useEffect as p } from "react";
+import { useInterval as P } from "react-use";
+import { useBusinessLogic as S } from "./index8.js";
+import { useStores as L } from "./index62.js";
+import { useUrlParams as v } from "./index68.js";
+import { fetcherV2 as V } from "./index56.js";
+function T() {
+  const { TABLE_DATA_URL: h } = S(), {
+    Filters: {
+      pageSize: n,
+      activeViewId: s
+    }
+  } = L(), { queryParams: m } = v();
+  async function r() {
+    const e = `${h}?${m}`, g = await V(e);
+    return JSON.stringify(g);
+  }
+  const [c, a] = t(null), [l, u] = t(!1), [f, C] = t(s), [w, y] = t(n), i = 3e5, [D, o] = t(i);
+  return p(() => {
+    const e = () => {
+      document.hidden ? o(null) : o(i);
+    };
+    return document.addEventListener("visibilitychange", e), () => {
+      document.removeEventListener("visibilitychange", e);
+    };
+  }, []), P(
+    async () => {
+      const e = await r();
+      if (c === null || f !== s || w !== n) {
+        a(e), C(s), y(n);
+        return;
+      }
+      const d = e !== c;
+      d && (a(e), u(d));
+    },
+    l ? null : D
+  ), { hasChanges: l, acknowledgeButtonClick: async () => {
+    u(!1), o(i), a(await r());
+  } };
+}
 export {
-  i as isTextFilterValid
+  T as usePollData
 };

package/dist/index90.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),w=require("react-use"),L=require("./index8.cjs"),m=require("./index62.cjs"),v=require("./index68.cjs"),q=require("./index56.cjs");function V(){const{TABLE_DATA_URL:h}=L.useBusinessLogic(),{Filters:{pageSize:s,activeViewId:n}}=m.useStores(),{queryParams:S}=v.useUrlParams();async function c(){const e=`${h}?${S}`,g=await q.fetcherV2(e);return JSON.stringify(g)}const[u,a]=t.useState(null),[o,l]=t.useState(!1),[f,C]=t.useState(n),[y,P]=t.useState(s),i=3e5,[D,r]=t.useState(i);return t.useEffect(()=>{const e=()=>{document.hidden?r(null):r(i)};return document.addEventListener("visibilitychange",e),()=>{document.removeEventListener("visibilitychange",e)}},[]),w.useInterval(async()=>{const e=await c();if(u===null||f!==n||y!==s){a(e),C(n),P(s);return}const d=e!==u;d&&(a(e),l(d))},o?null:D),{hasChanges:o,acknowledgeButtonClick:async()=>{l(!1),r(i),a(await c())}}}exports.usePollData=V;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_refreshTooltip_v0eu8_1",r="_refreshButton_v0eu8_5",t="_refreshIndicator_v0eu8_9",o={refreshTooltip:e,refreshButton:r,refreshIndicator:t};exports.default=o;exports.refreshButton=r;exports.refreshIndicator=t;exports.refreshTooltip=e;

package/dist/index90.js

@@ -1,43 +1,11 @@
-import { useState as t, useEffect as p } from "react";
-import { useInterval as P } from "react-use";
-import { useBusinessLogic as S } from "./index8.js";
-import { useStores as L } from "./index62.js";
-import { useUrlParams as v } from "./index68.js";
-import { fetcherV2 as V } from "./index56.js";
-function T() {
-  const { TABLE_DATA_URL: h } = S(), {
-    Filters: {
-      pageSize: n,
-      activeViewId: s
-    }
-  } = L(), { queryParams: m } = v();
-  async function r() {
-    const e = `${h}?${m}`, g = await V(e);
-    return JSON.stringify(g);
-  }
-  const [c, a] = t(null), [l, u] = t(!1), [f, C] = t(s), [w, y] = t(n), i = 3e5, [D, o] = t(i);
-  return p(() => {
-    const e = () => {
-      document.hidden ? o(null) : o(i);
-    };
-    return document.addEventListener("visibilitychange", e), () => {
-      document.removeEventListener("visibilitychange", e);
-    };
-  }, []), P(
-    async () => {
-      const e = await r();
-      if (c === null || f !== s || w !== n) {
-        a(e), C(s), y(n);
-        return;
-      }
-      const d = e !== c;
-      d && (a(e), u(d));
-    },
-    l ? null : D
-  ), { hasChanges: l, acknowledgeButtonClick: async () => {
-    u(!1), o(i), a(await r());
-  } };
-}
+const e = "_refreshTooltip_v0eu8_1", r = "_refreshButton_v0eu8_5", t = "_refreshIndicator_v0eu8_9", o = {
+  refreshTooltip: e,
+  refreshButton: r,
+  refreshIndicator: t
+};
 export {
-  T as usePollData
+  o as default,
+  r as refreshButton,
+  t as refreshIndicator,
+  e as refreshTooltip
 };

package/dist/index91.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_refreshTooltip_v0eu8_1",r="_refreshButton_v0eu8_5",t="_refreshIndicator_v0eu8_9",o={refreshTooltip:e,refreshButton:r,refreshIndicator:t};exports.default=o;exports.refreshButton=r;exports.refreshIndicator=t;exports.refreshTooltip=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=t=>t.trim().length>=3||t.trim().length===0;exports.isTextFilterValid=e;

package/dist/index91.js

@@ -1,11 +1,4 @@
-const e = "_refreshTooltip_v0eu8_1", r = "_refreshButton_v0eu8_5", t = "_refreshIndicator_v0eu8_9", o = {
-  refreshTooltip: e,
-  refreshButton: r,
-  refreshIndicator: t
-};
+const i = (t) => t.trim().length >= 3 || t.trim().length === 0;
 export {
-  o as default,
-  r as refreshButton,
-  t as refreshIndicator,
-  e as refreshTooltip
+  i as isTextFilterValid
 };

package/dist/index92.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@veeqo/ui"),r=require("./index2.cjs"),s=o=>{let e={colourPalette:t.theme.colors.secondary.blue,customTextColour:void 0};switch(o){case r.ViewStatusTypes.ERROR:e={colourPalette:t.theme.colors.secondary.red,customTextColour:void 0};break}return e};exports.getViewTheme=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("@veeqo/ui"),s=require("@dnd-kit/sortable"),a=require("./index110.cjs"),l=require("./index111.cjs"),c=require("./index95.cjs"),u=require("./index96.cjs"),d=require("./index93.cjs"),m=({id:r,title:n,columns:i})=>e.jsxs(o.Stack,{spacing:"sm",alignX:"stretch",children:[e.jsx(d.StickyText,{variant:"bodyBold",children:n}),e.jsx(s.SortableContext,{id:r,items:i,strategy:s.verticalListSortingStrategy,children:e.jsx(l.DroppableArea,{id:r,spacing:"sm",alignX:"stretch",children:i.map(t=>e.jsx(a.SortableItem,{id:t.id,children:e.jsx(c.ColumnItem,{column:t,isHidden:r===u.ColumnGroupIds.Hidden})},t.id))})})]});exports.ColumnGroup=m;

package/dist/index92.js

@@ -1,20 +1,15 @@
-import { theme as o } from "@veeqo/ui";
-import { ViewStatusTypes as r } from "./index2.js";
-const l = (t) => {
-  let e = {
-    colourPalette: o.colors.secondary.blue,
-    customTextColour: void 0
-  };
-  switch (t) {
-    case r.ERROR:
-      e = {
-        colourPalette: o.colors.secondary.red,
-        customTextColour: void 0
-      };
-      break;
-  }
-  return e;
-};
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { Stack as n } from "@veeqo/ui";
+import { SortableContext as p, verticalListSortingStrategy as a } from "@dnd-kit/sortable";
+import { SortableItem as s } from "./index110.js";
+import { DroppableArea as d } from "./index111.js";
+import { ColumnItem as l } from "./index95.js";
+import { ColumnGroupIds as c } from "./index96.js";
+import { StickyText as f } from "./index93.js";
+const I = ({ id: t, title: e, columns: o }) => /* @__PURE__ */ m(n, { spacing: "sm", alignX: "stretch", children: [
+  /* @__PURE__ */ r(f, { variant: "bodyBold", children: e }),
+  /* @__PURE__ */ r(p, { id: t, items: o, strategy: a, children: /* @__PURE__ */ r(d, { id: t, spacing: "sm", alignX: "stretch", children: o.map((i) => /* @__PURE__ */ r(s, { id: i.id, children: /* @__PURE__ */ r(l, { column: i, isHidden: t === c.Hidden }) }, i.id)) }) })
+] });
 export {
-  l as getViewTheme
+  I as ColumnGroup
 };

package/dist/index93.cjs

@@ -1 +1,104 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index80.cjs"),e=i.createAllView(),t={fixedViews:[e],customViews:[],viewsMap:new Map([[e.id,e]])};exports.INITIAL_VIEWS_STATE=t;
+"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;

package/dist/index93.js

@@ -1,9 +1,121 @@
-import { createAllView as i } from "./index80.js";
-const e = i(), s = {
-  fixedViews: [e],
-  customViews: [],
-  viewsMap: /* @__PURE__ */ new Map([[e.id, e]])
-};
+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};
+    }
+
+    ${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 {
-  s as INITIAL_VIEWS_STATE
+  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
 };

package/dist/index94.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("@veeqo/ui"),s=require("@dnd-kit/sortable"),a=require("./index110.cjs"),l=require("./index111.cjs"),c=require("./index97.cjs"),u=require("./index98.cjs"),d=require("./index95.cjs"),m=({id:r,title:n,columns:i})=>e.jsxs(o.Stack,{spacing:"sm",alignX:"stretch",children:[e.jsx(d.StickyText,{variant:"bodyBold",children:n}),e.jsx(s.SortableContext,{id:r,items:i,strategy:s.verticalListSortingStrategy,children:e.jsx(l.DroppableArea,{id:r,spacing:"sm",alignX:"stretch",children:i.map(t=>e.jsx(a.SortableItem,{id:t.id,children:e.jsx(c.ColumnItem,{column:t,isHidden:r===u.ColumnGroupIds.Hidden})},t.id))})})]});exports.ColumnGroup=m;
+"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("./index93.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;

package/dist/index94.js

@@ -1,15 +1,70 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { Stack as n } from "@veeqo/ui";
-import { SortableContext as p, verticalListSortingStrategy as a } from "@dnd-kit/sortable";
-import { SortableItem as s } from "./index110.js";
-import { DroppableArea as d } from "./index111.js";
-import { ColumnItem as l } from "./index97.js";
-import { ColumnGroupIds as c } from "./index98.js";
-import { StickyText as f } from "./index95.js";
-const I = ({ id: t, title: e, columns: o }) => /* @__PURE__ */ m(n, { spacing: "sm", alignX: "stretch", children: [
-  /* @__PURE__ */ r(f, { variant: "bodyBold", children: e }),
-  /* @__PURE__ */ r(p, { id: t, items: o, strategy: a, children: /* @__PURE__ */ r(d, { id: t, spacing: "sm", alignX: "stretch", children: o.map((i) => /* @__PURE__ */ r(s, { id: i.id, children: /* @__PURE__ */ r(l, { column: i, isHidden: t === c.Hidden }) }, i.id)) }) })
-] });
+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 "./index93.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
+          }
+        ) })
+      ]
+    }
+  ) });
+};
 export {
-  I as ColumnGroup
+  q as DndContainer
 };