@veeqo/transfigure 1.2.12 → 2.0.0

package/dist/index42.js

@@ -1,16 +1,12 @@
 import { jsx as n, jsxs as e } from "react/jsx-runtime";
-import { Stack as t, theme as d, Button as h, ActionMenu as o } from "@veeqo/ui";
-import { observer as m } from "mobx-react";
+import { Stack as a, AttentionIcon as d, theme as h, Button as m, ActionMenu as o } from "@veeqo/ui";
+import { observer as g } from "mobx-react";
 import { usePersistUnsavedChanges as v } from "./index60.js";
-import { Notification as b, Container as g, Glyph as p, Wrap as u, Text as i, Bold as y } from "./index108.js";
-const C = d.colors.secondary.blue.base, k = m(({
-  onDiscard: c,
-  viewName: r,
-  onSaveDraft: s
-}) => {
-  const { saveChanges: l, isSubmitting: a } = v();
-  return /* @__PURE__ */ n(b, { children: /* @__PURE__ */ n(g, { children: /* @__PURE__ */ e(t, { direction: "horizontal", alignY: "center", children: [
-    /* @__PURE__ */ n(p, { ariaLabel: "attention", name: "attention", color: C }),
+import { Notification as b, Container as p, Wrap as u, Text as i, Bold as y } from "./index107.js";
+const C = h.colors.secondary.blue.base, S = g(({ onDiscard: c, viewName: r, onSaveDraft: l }) => {
+  const { saveChanges: s, isSubmitting: t } = v();
+  return /* @__PURE__ */ n(b, { children: /* @__PURE__ */ n(p, { children: /* @__PURE__ */ e(a, { direction: "horizontal", alignY: "center", children: [
+    /* @__PURE__ */ n(d, { role: "img", "aria-label": "attention", color: C }),
     /* @__PURE__ */ e(u, { children: [
       /* @__PURE__ */ n(i, { variant: "body", margin: "0 4px 0 0", children: "You have unsaved changes to" }),
       r && /* @__PURE__ */ e(y, { variant: "bodyBoldDark", children: [
@@ -19,14 +15,7 @@ const C = d.colors.secondary.blue.base, k = m(({
         "'"
       ] })
     ] }),
-    /* @__PURE__ */ n(
-      h,
-      {
-        onClick: c,
-        size: "sm",
-        children: "Discard changes"
-      }
-    ),
+    /* @__PURE__ */ n(m, { onClick: c, size: "sm", children: "Discard changes" }),
     /* @__PURE__ */ e(
       o,
       {
@@ -35,8 +24,8 @@ const C = d.colors.secondary.blue.base, k = m(({
           variant: "primary"
         },
         children: [
-          /* @__PURE__ */ n(o.Item, { onAction: s, isDisabled: a, children: /* @__PURE__ */ n(i, { variant: "body", children: "Create new view" }) }),
-          /* @__PURE__ */ n(o.Item, { onAction: l, isDisabled: a, children: /* @__PURE__ */ e(t, { direction: "horizontal", spacing: 1, alignY: "center", children: [
+          /* @__PURE__ */ n(o.Item, { onAction: l, isDisabled: t, children: /* @__PURE__ */ n(i, { variant: "body", children: "Create new view" }) }),
+          /* @__PURE__ */ n(o.Item, { onAction: s, isDisabled: t, children: /* @__PURE__ */ e(a, { direction: "horizontal", spacing: 1, alignY: "center", children: [
             /* @__PURE__ */ n(i, { variant: "body", children: "Save changes to" }),
             /* @__PURE__ */ n(i, { variant: "bodyBold", children: r })
           ] }) })
@@ -46,5 +35,5 @@ const C = d.colors.secondary.blue.base, k = m(({
   ] }) }) });
 });
 export {
-  k as UnsavedChangesPill
+  S as UnsavedChangesPill
 };

package/dist/index44.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),m=require("mobx-react"),i=require("@veeqo/ui"),u=require("./index104.cjs"),q=require("./index41.cjs"),f=require("./index62.cjs"),p=require("./index63.cjs"),v=require("./index37.cjs"),c=require("./index36.cjs"),b=require("./index8.cjs"),C=require("./index61.cjs"),a=require("./index12.cjs"),L=m.observer(({className:l,appearance:d})=>{const{IS_VIEWS_READONLY:r}=b.useBusinessLogic(),{Views:{draftViewsList:w}}=C.useStores(),{viewsArray:x,fixedViews:V}=f.useViews(),[n,o]=t.useState(!1),[h,j]=t.useState(null),S=()=>o(!1);return p.useViewUrlChange(),e.jsxs(e.Fragment,{children:[e.jsxs(i.ViewsContainer,{onClickMenu:r?void 0:()=>o(!0),ariaMenuControls:r?void 0:"views-menu",ariaMenuExpanded:r?!1:n,ref:j,className:l,appearance:d,children:[x.map(s=>e.jsx(a.ErrorBoundary,{children:e.jsx(c.ViewTab,{view:s})},s.id)),w.map(s=>e.jsx(a.ErrorBoundary,{children:e.jsx(c.ViewTab,{view:s})},s.id))]}),!r&&n&&e.jsx(i.Popover,{id:"views-menu",anchorElement:h,placement:"bottom",onShouldClose:()=>o(!1),children:e.jsxs(i.Card.Surface,{children:[e.jsx(u.FixedViews,{children:V.map(s=>e.jsx(i.Text,{variant:"placeholder",children:s.label},s.id||s.label))}),e.jsx(q.SortableViews,{}),e.jsx(u.Divider,{}),e.jsx(v.CreateView,{hideActionsPopover:S})]})})]})});exports.ViewsList=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),m=require("mobx-react"),i=require("@veeqo/ui"),u=require("./index101.cjs"),q=require("./index41.cjs"),f=require("./index62.cjs"),p=require("./index63.cjs"),v=require("./index37.cjs"),c=require("./index36.cjs"),b=require("./index8.cjs"),C=require("./index61.cjs"),a=require("./index12.cjs"),L=m.observer(({className:l,appearance:d})=>{const{IS_VIEWS_READONLY:r}=b.useBusinessLogic(),{Views:{draftViewsList:w}}=C.useStores(),{viewsArray:x,fixedViews:V}=f.useViews(),[n,o]=t.useState(!1),[h,j]=t.useState(null),S=()=>o(!1);return p.useViewUrlChange(),e.jsxs(e.Fragment,{children:[e.jsxs(i.ViewsContainer,{onClickMenu:r?void 0:()=>o(!0),ariaMenuControls:r?void 0:"views-menu",ariaMenuExpanded:r?!1:n,ref:j,className:l,appearance:d,children:[x.map(s=>e.jsx(a.ErrorBoundary,{children:e.jsx(c.ViewTab,{view:s})},s.id)),w.map(s=>e.jsx(a.ErrorBoundary,{children:e.jsx(c.ViewTab,{view:s})},s.id))]}),!r&&n&&e.jsx(i.Popover,{id:"views-menu",anchorElement:h,placement:"bottom",onShouldClose:()=>o(!1),children:e.jsxs(i.Card.Surface,{children:[e.jsx(u.FixedViews,{children:V.map(s=>e.jsx(i.Text,{variant:"placeholder",children:s.label},s.id||s.label))}),e.jsx(q.SortableViews,{}),e.jsx(u.Divider,{}),e.jsx(v.CreateView,{hideActionsPopover:S})]})})]})});exports.ViewsList=L;

package/dist/index44.js

@@ -2,7 +2,7 @@ import { jsxs as s, Fragment as V, jsx as e } from "react/jsx-runtime";
 import { useState as n } from "react";
 import { observer as v } from "mobx-react";
 import { ViewsContainer as S, Popover as x, Card as C, Text as L } from "@veeqo/ui";
-import { FixedViews as A, Divider as E } from "./index104.js";
+import { FixedViews as A, Divider as E } from "./index101.js";
 import { SortableViews as b } from "./index41.js";
 import { useViews as M } from "./index62.js";
 import { useViewUrlChange as T } from "./index63.js";

package/dist/index46.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),N=require("./index87.cjs"),b=require("@veeqo/ui"),_=require("./index88.cjs"),j=require("mobx-react"),y=require("./index8.cjs"),B=require("./index52.cjs"),I=require("./index61.cjs"),O=require("./index62.cjs"),g=require("./index51.cjs"),w=j.observer(({columnDefinitions:T,pinnedRightColumnIds:i=[],pinnedLeftColumnIds:a=[]})=>{var M;const{DEFAULT_HIDDEN_COLUMNS:E,DEFAULT_VISIBLE_COLUMNS:p}=y.useBusinessLogic(),t=[...a,...i],l=E.filter(s=>!t.includes(s)),c=p.filter(s=>!t.includes(s)),S=[...l,...c],{closeModal:h,isModalOpen:q,openModal:A}=B.useModal(),{Filters:{activeViewId:n},Views:{draftViewsMap:f}}=I.useStores(),{viewsMap:x,isLoading:D}=O.useViews();if(!n||D)return null;const e=x.get(n),r=Array.isArray((M=e==null?void 0:e.columns)==null?void 0:M.columnIds),u=r?e.columns.columnIds.filter(s=>!t.includes(s)):c,L=r?S.filter(s=>!u.includes(s)):l,d=f.has(n),m=!(e!=null&&e.editable),v=m||d,C=d?"Please create a view to use table management":m?"Please choose a custom view to use table management":"Table management";return o.jsxs(o.Fragment,{children:[o.jsx(b.Tooltip,{text:C,children:o.jsx(b.Button,{"aria-label":"Open table management",onClick:()=>A(g.ModalId.ORDERS_TABLE_MANAGEMENT),size:"sm",iconSlot:o.jsx(_.TableManagementGlyph,{}),disabled:v})}),q(g.ModalId.ORDERS_TABLE_MANAGEMENT)&&o.jsx(N.TableManagementModal,{pinnedRightColumnIds:i,pinnedLeftColumnIds:a,visibleColumns:u,hiddenColumns:L,columnDefinitions:T,onClose:h})]})});exports.TableManagement=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),C=require("./index88.cjs"),i=require("@veeqo/ui"),I=require("mobx-react"),N=require("./index8.cjs"),_=require("./index52.cjs"),j=require("./index61.cjs"),O=require("./index62.cjs"),g=require("./index51.cjs"),w=I.observer(({columnDefinitions:T,pinnedRightColumnIds:a=[],pinnedLeftColumnIds:l=[]})=>{var b;const{DEFAULT_HIDDEN_COLUMNS:E,DEFAULT_VISIBLE_COLUMNS:S}=N.useBusinessLogic(),t=[...l,...a],c=E.filter(s=>!t.includes(s)),r=S.filter(s=>!t.includes(s)),A=[...c,...r],{closeModal:L,isModalOpen:f,openModal:p}=_.useModal(),{Filters:{activeViewId:n},Views:{draftViewsMap:q}}=j.useStores(),{viewsMap:x,isLoading:D}=O.useViews();if(!n||D)return null;const e=x.get(n),u=Array.isArray((b=e==null?void 0:e.columns)==null?void 0:b.columnIds),d=u?e.columns.columnIds.filter(s=>!t.includes(s)):r,h=u?A.filter(s=>!d.includes(s)):c,m=q.has(n),M=!(e!=null&&e.editable),v=M||m,B=m?"Please create a view to use table management":M?"Please choose a custom view to use table management":"Table management";return o.jsxs(o.Fragment,{children:[o.jsx(i.Tooltip,{text:B,children:o.jsx(i.Button,{"aria-label":"Open table management",onClick:()=>p(g.ModalId.ORDERS_TABLE_MANAGEMENT),size:"sm",iconSlot:o.jsx(i.ListBoardIcon,{}),disabled:v})}),f(g.ModalId.ORDERS_TABLE_MANAGEMENT)&&o.jsx(C.TableManagementModal,{pinnedRightColumnIds:a,pinnedLeftColumnIds:l,visibleColumns:d,hiddenColumns:h,columnDefinitions:T,onClose:L})]})});exports.TableManagement=w;

package/dist/index46.js

@@ -1,40 +1,39 @@
 import { jsxs as v, Fragment as B, jsx as s } from "react/jsx-runtime";
-import { TableManagementModal as O } from "./index87.js";
-import { Tooltip as w, Button as x } from "@veeqo/ui";
-import { TableManagementGlyph as F } from "./index88.js";
-import { observer as I } from "mobx-react";
-import { useBusinessLogic as y } from "./index8.js";
-import { useModal as P } from "./index52.js";
-import { useStores as U } from "./index61.js";
-import { useViews as G } from "./index62.js";
-import { ModalId as M } from "./index51.js";
-const X = I(
+import { TableManagementModal as I } from "./index88.js";
+import { Tooltip as O, Button as w, ListBoardIcon as x } from "@veeqo/ui";
+import { observer as F } from "mobx-react";
+import { useBusinessLogic as P } from "./index8.js";
+import { useModal as U } from "./index52.js";
+import { useStores as y } from "./index61.js";
+import { useViews as R } from "./index62.js";
+import { ModalId as p } from "./index51.js";
+const Q = F(
   ({ columnDefinitions: f, pinnedRightColumnIds: i = [], pinnedLeftColumnIds: l = [] }) => {
-    var p;
-    const { DEFAULT_HIDDEN_COLUMNS: b, DEFAULT_VISIBLE_COLUMNS: g } = y(), t = [...l, ...i], a = b.filter((o) => !t.includes(o)), m = g.filter((o) => !t.includes(o)), T = [...a, ...m], { closeModal: E, isModalOpen: A, openModal: D } = P(), {
+    var M;
+    const { DEFAULT_HIDDEN_COLUMNS: b, DEFAULT_VISIBLE_COLUMNS: g } = P(), t = [...l, ...i], a = b.filter((e) => !t.includes(e)), r = g.filter((e) => !t.includes(e)), T = [...a, ...r], { closeModal: E, isModalOpen: A, openModal: D } = U(), {
       Filters: { activeViewId: n },
-      Views: { draftViewsMap: h }
-    } = U(), { viewsMap: C, isLoading: L } = G();
-    if (!n || L) return null;
-    const e = C.get(n), r = Array.isArray((p = e == null ? void 0 : e.columns) == null ? void 0 : p.columnIds), c = r ? e.columns.columnIds.filter((o) => !t.includes(o)) : m, N = r ? T.filter((o) => !c.includes(o)) : a, u = h.has(n), d = !(e != null && e.editable), S = d || u, _ = u ? "Please create a view to use table management" : d ? "Please choose a custom view to use table management" : "Table management";
+      Views: { draftViewsMap: L }
+    } = y(), { viewsMap: C, isLoading: N } = R();
+    if (!n || N) return null;
+    const o = C.get(n), m = Array.isArray((M = o == null ? void 0 : o.columns) == null ? void 0 : M.columnIds), c = m ? o.columns.columnIds.filter((e) => !t.includes(e)) : r, S = m ? T.filter((e) => !c.includes(e)) : a, u = L.has(n), d = !(o != null && o.editable), _ = d || u, h = u ? "Please create a view to use table management" : d ? "Please choose a custom view to use table management" : "Table management";
     return /* @__PURE__ */ v(B, { children: [
-      /* @__PURE__ */ s(w, { text: _, children: /* @__PURE__ */ s(
-        x,
+      /* @__PURE__ */ s(O, { text: h, children: /* @__PURE__ */ s(
+        w,
         {
           "aria-label": "Open table management",
-          onClick: () => D(M.ORDERS_TABLE_MANAGEMENT),
+          onClick: () => D(p.ORDERS_TABLE_MANAGEMENT),
           size: "sm",
-          iconSlot: /* @__PURE__ */ s(F, {}),
-          disabled: S
+          iconSlot: /* @__PURE__ */ s(x, {}),
+          disabled: _
         }
       ) }),
-      A(M.ORDERS_TABLE_MANAGEMENT) && /* @__PURE__ */ s(
-        O,
+      A(p.ORDERS_TABLE_MANAGEMENT) && /* @__PURE__ */ s(
+        I,
         {
           pinnedRightColumnIds: i,
           pinnedLeftColumnIds: l,
           visibleColumns: c,
-          hiddenColumns: N,
+          hiddenColumns: S,
           columnDefinitions: f,
           onClose: E
         }
@@ -43,5 +42,5 @@ const X = I(
   }
 );
 export {
-  X as TableManagement
+  Q as TableManagement
 };

package/dist/index66.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("lodash"),C=require("./index8.cjs"),I=require("./index61.cjs"),a=require("./index62.cjs"),L=()=>{var i;const{DEFAULT_HIDDEN_COLUMNS:u,DEFAULT_VISIBLE_COLUMNS:d}=C.useBusinessLogic(),{Filters:{activeViewId:r}}=I.useStores(),{viewsMap:l,isLoading:s,error:o}=a.useViews();if(!r||s)return{isLoading:s,error:o,orderedColumnIds:void 0,hiddenColumnIds:[]};const n=l.get(r),e=(i=n==null?void 0:n.columns)==null?void 0:i.columnIds;if(m.isArray(e)&&e.length>0){const t=[...u,...d].filter(c=>!e.includes(c));return{isLoading:s,error:o,orderedColumnIds:e,hiddenColumnIds:t}}return{isLoading:s,error:o,orderedColumnIds:void 0,hiddenColumnIds:u}};exports.useColumns=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("lodash/isArray"),a=require("./index8.cjs"),C=require("./index61.cjs"),I=require("./index62.cjs"),_=s=>s&&s.__esModule?s:{default:s},f=_(m),L=()=>{var t;const{DEFAULT_HIDDEN_COLUMNS:s,DEFAULT_VISIBLE_COLUMNS:i}=a.useBusinessLogic(),{Filters:{activeViewId:r}}=C.useStores(),{viewsMap:d,isLoading:e,error:n}=I.useViews();if(!r||e)return{isLoading:e,error:n,orderedColumnIds:void 0,hiddenColumnIds:[]};const u=d.get(r),o=(t=u==null?void 0:u.columns)==null?void 0:t.columnIds;if(f.default(o)&&o.length>0){const l=[...s,...i].filter(c=>!o.includes(c));return{isLoading:e,error:n,orderedColumnIds:o,hiddenColumnIds:l}}return{isLoading:e,error:n,orderedColumnIds:void 0,hiddenColumnIds:s}};exports.useColumns=L;

package/dist/index66.js

@@ -1,4 +1,4 @@
-import { isArray as c } from "lodash";
+import c from "lodash/isArray";
 import { useBusinessLogic as C } from "./index8.js";
 import { useStores as I } from "./index61.js";
 import { useViews as f } from "./index62.js";

package/dist/index78.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@internationalized/date"),f=require("./index70.cjs"),F=require("./index69.cjs"),R=require("lodash/get"),A=require("./index99.cjs"),_=require("./index9.cjs"),T=r=>r&&r.__esModule?r:{default:r},n=T(R),h=({view:r,canUpdateCustomViews:g})=>{var u,c;const{DATE_RANGE_FILTERS:a,NUMBER_RANGE_FILTERS:o,GROUP_MAP:p}=_.BusinessLogicManager.getBusinessLogic(),s=Array.from(p.values()).flatMap(e=>e.fields),l=r.filters.filter||{},{colourPalette:m,customTextColour:b}=A.getViewTheme((u=r.view_attributes)==null?void 0:u.type);return{id:r.id,label:r.title,viewFilters:l,filterMaps:{filters:new Map(s.filter(e=>!a.includes(e.id)&&!o.includes(e.id)&&e.filterType!=="checkbox").map(e=>{const t=n.default(l,e.id);return[e.id,t!==void 0&&!Array.isArray(t)&&typeof t!="object"?String(t):""]}).filter(([,e])=>e!=="")),arrayFilters:new Map(s.filter(e=>e.filterType==="checkbox").map(e=>{const t=n.default(l,e.id);return[e.id,Array.isArray(t)?t:[]]}).filter(([,e])=>e.length>0)),rangeFilters:new Map(s.filter(e=>a.includes(e.id)).map(e=>{const t=n.default(l,e.id);if(!t)return null;let i;if(typeof t=="string")i=new f.RangeFilter(t);else if(typeof t=="object"&&t.gte&&t.lte){i=new f.RangeFilter("CUSTOM");const y=d.parseDate(t.gte),M=d.parseDate(t.lte);i.setDates(y,M)}else return null;return[e.id,i]}).filter(e=>e!==null)),numberRangeFilters:new Map(s.filter(e=>o.includes(e.id)).map(e=>{const t=n.default(l,e.id);if(!t||typeof t!="object")return null;const i=new F.NumberRangeFilter({filterId:e.id});return t.lte!==void 0&&i.setLte(Number(t.lte)),t.gte!==void 0&&i.setGte(Number(t.gte)),[e.id,i]}).filter(e=>e!==null))},page:r.filters.page,editable:r.editable&&g,isShared:r.shared,columns:r.columns,sort:(c=r.filters)==null?void 0:c.sort,colourPalette:m,customTextColour:b}};exports.viewsAdapter=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@internationalized/date"),f=require("./index70.cjs"),F=require("./index69.cjs"),R=require("lodash/get"),A=require("./index98.cjs"),_=require("./index9.cjs"),T=r=>r&&r.__esModule?r:{default:r},n=T(R),h=({view:r,canUpdateCustomViews:g})=>{var u,c;const{DATE_RANGE_FILTERS:a,NUMBER_RANGE_FILTERS:o,GROUP_MAP:p}=_.BusinessLogicManager.getBusinessLogic(),s=Array.from(p.values()).flatMap(e=>e.fields),l=r.filters.filter||{},{colourPalette:m,customTextColour:b}=A.getViewTheme((u=r.view_attributes)==null?void 0:u.type);return{id:r.id,label:r.title,viewFilters:l,filterMaps:{filters:new Map(s.filter(e=>!a.includes(e.id)&&!o.includes(e.id)&&e.filterType!=="checkbox").map(e=>{const t=n.default(l,e.id);return[e.id,t!==void 0&&!Array.isArray(t)&&typeof t!="object"?String(t):""]}).filter(([,e])=>e!=="")),arrayFilters:new Map(s.filter(e=>e.filterType==="checkbox").map(e=>{const t=n.default(l,e.id);return[e.id,Array.isArray(t)?t:[]]}).filter(([,e])=>e.length>0)),rangeFilters:new Map(s.filter(e=>a.includes(e.id)).map(e=>{const t=n.default(l,e.id);if(!t)return null;let i;if(typeof t=="string")i=new f.RangeFilter(t);else if(typeof t=="object"&&t.gte&&t.lte){i=new f.RangeFilter("CUSTOM");const y=d.parseDate(t.gte),M=d.parseDate(t.lte);i.setDates(y,M)}else return null;return[e.id,i]}).filter(e=>e!==null)),numberRangeFilters:new Map(s.filter(e=>o.includes(e.id)).map(e=>{const t=n.default(l,e.id);if(!t||typeof t!="object")return null;const i=new F.NumberRangeFilter({filterId:e.id});return t.lte!==void 0&&i.setLte(Number(t.lte)),t.gte!==void 0&&i.setGte(Number(t.gte)),[e.id,i]}).filter(e=>e!==null))},page:r.filters.page,editable:r.editable&&g,isShared:r.shared,columns:r.columns,sort:(c=r.filters)==null?void 0:c.sort,colourPalette:m,customTextColour:b}};exports.viewsAdapter=h;

package/dist/index78.js

@@ -2,7 +2,7 @@ import { parseDate as c } from "@internationalized/date";
 import { RangeFilter as p } from "./index70.js";
 import { NumberRangeFilter as M } from "./index69.js";
 import n from "lodash/get";
-import { getViewTheme as F } from "./index99.js";
+import { getViewTheme as F } from "./index98.js";
 import { BusinessLogicManager as R } from "./index9.js";
 const S = ({
   view: r,

package/dist/index80.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index100.cjs"),w=require("./index79.cjs"),V=require("./index78.cjs"),d=({data:n,canUpdateCustomViews:u})=>{const l={fixedViews:[...r.INITIAL_VIEWS_STATE.fixedViews],customViews:[...r.INITIAL_VIEWS_STATE.customViews],viewsMap:new Map(r.INITIAL_VIEWS_STATE.viewsMap)};if(!n)return l;let o=!1;const i=n.reduce((e,s)=>{const t=V.viewsAdapter({view:s,canUpdateCustomViews:u});return e.viewsMap.set(s.id,t),s.editable?e.customViews.push(t):e.fixedViews.push(t),s.title==="All"&&(o=!0),e},l);return o&&(i.viewsMap.delete(w.ALL_VIEW_ID),i.fixedViews.shift()),i};exports.organiseViews=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index105.cjs"),w=require("./index79.cjs"),V=require("./index78.cjs"),d=({data:n,canUpdateCustomViews:u})=>{const l={fixedViews:[...r.INITIAL_VIEWS_STATE.fixedViews],customViews:[...r.INITIAL_VIEWS_STATE.customViews],viewsMap:new Map(r.INITIAL_VIEWS_STATE.viewsMap)};if(!n)return l;let o=!1;const i=n.reduce((e,s)=>{const t=V.viewsAdapter({view:s,canUpdateCustomViews:u});return e.viewsMap.set(s.id,t),s.editable?e.customViews.push(t):e.fixedViews.push(t),s.title==="All"&&(o=!0),e},l);return o&&(i.viewsMap.delete(w.ALL_VIEW_ID),i.fixedViews.shift()),i};exports.organiseViews=d;

package/dist/index80.js

@@ -1,4 +1,4 @@
-import { INITIAL_VIEWS_STATE as r } from "./index100.js";
+import { INITIAL_VIEWS_STATE as r } from "./index105.js";
 import { ALL_VIEW_ID as p } from "./index79.js";
 import { viewsAdapter as u } from "./index78.js";
 const m = ({ data: o, canUpdateCustomViews: w }) => {

package/dist/index84.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("./index108.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/index84.js

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

package/dist/index85.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("./index108.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/index85.js

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

package/dist/index87.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("@veeqo/ui"),s=require("react"),w=require("@veeqo/components"),S=require("./index92.cjs"),i=require("./index93.cjs"),T=require("./index94.cjs"),V=require("./index95.cjs"),n=require("./index96.cjs"),D=require("./index88.cjs"),H=require("./index97.cjs"),j=require("./index98.cjs"),{Glyph:O}=w.VeeqoCommon,$=({onClose:u,columnDefinitions:G,hiddenColumns:d,visibleColumns:m,pinnedLeftColumnIds:y,pinnedRightColumnIds:f})=>{const[c,p]=s.useState(""),a=s.useMemo(()=>new Map(G.map(r=>[r.id,r])),[]),[o,g]=s.useState(()=>({[n.ColumnGroupIds.Hidden]:d,[n.ColumnGroupIds.Visible]:m})),I=s.useMemo(()=>{const r=o[n.ColumnGroupIds.Visible].map(t=>a.get(`${t}`));return j.filterColumnsBySearch(r,c)},[o,a,c]),v=s.useMemo(()=>{const r=o[n.ColumnGroupIds.Hidden].map(t=>a.get(`${t}`));return j.filterColumnsBySearch(r,c)},[o,a,c]),{isSavingColumns:h,saveColumns:M}=H.usePersistColumns({pinnedLeftColumnIds:y,pinnedRightColumnIds:f}),q=()=>{p(""),g({[n.ColumnGroupIds.Hidden]:d,[n.ColumnGroupIds.Visible]:m})},x=s.useCallback(r=>{if(p(r),!r){const t=new Set([...d,...m]);g(b=>({[n.ColumnGroupIds.Hidden]:b[n.ColumnGroupIds.Hidden].filter(C=>t.has(`${C}`)),[n.ColumnGroupIds.Visible]:b[n.ColumnGroupIds.Visible].filter(C=>t.has(`${C}`))}))}},[d,m]),k=s.useCallback(r=>{const t=a.get(`${r}`);return t?e.jsx(V.ColumnItem,{column:t,isDragOverlay:!0}):null},[a]);return e.jsx(l.Modal,{variant:"lg",style:{overflowY:"hidden"},shouldShow:!0,onClose:()=>u==null?void 0:u(),headerSlot:e.jsxs(i.HeaderContainer,{children:[e.jsxs(l.Stack,{direction:"horizontal",alignX:"between",alignY:"center",children:[e.jsxs(l.Stack,{direction:"horizontal",alignX:"start",alignY:"center",spacing:"sm",children:[e.jsx(D.TableManagementGlyph,{height:32,width:32}),e.jsx(l.Text,{variant:"headingLarge",as:"h1",children:"Table management"})]}),e.jsx(l.Button,{"aria-label":"Close modal",onClick:u,variant:"flat",iconSlot:e.jsx(O,{name:"close"})})]}),e.jsxs(l.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(l.Anchor,{href:"#",target:"_blank",children:"help guide (TODO)"}),"."]}),e.jsx(l.Text,{variant:"headingSmall",children:"Column management"}),e.jsx(i.ColumnSearch,{name:"column-search-query",placeholder:"Search",value:c,onChange:x,onClearClick:()=>x(""),fill:"100%"})]}),leftActions:[{label:"Reset",onClick:q,variant:"default",disabled:h}],rightActions:[{label:"Cancel",onClick:u,variant:"default",disabled:h},{label:"Save",onClick:()=>M({visibleColumns:o[n.ColumnGroupIds.Visible]}),variant:"primary",disabled:h,loading:h}],children:e.jsx(l.Stack,{spacing:"md",alignX:"stretch",children:e.jsx(l.Stack,{spacing:4,alignX:"stretch",children:e.jsx(T.DndContainer,{items:o,setItems:g,renderDragOverlay:k,children:e.jsx(i.Container,{children:e.jsxs(i.ColumnGroupsGrid,{columns:2,spacing:"xl",children:[e.jsx(S.ColumnGroup,{id:n.ColumnGroupIds.Visible,title:"Shown columns:",columns:I}),e.jsx(i.VerticalSeparator,{children:e.jsx(i.VerticalText,{children:"Drag & Drop columns"})}),e.jsx(S.ColumnGroup,{id:n.ColumnGroupIds.Hidden,title:"Hidden columns:",columns:v})]})})})})})})};exports.TableManagementModal=$;
+"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/index87.js

@@ -1,120 +1,4 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { Modal as O, Stack as h, Text as p, Button as X, Anchor as A } from "@veeqo/ui";
-import { useState as v, useMemo as f, useCallback as y } from "react";
-import { VeeqoCommon as I } from "@veeqo/components";
-import { ColumnGroup as w } from "./index92.js";
-import { Container as Y, ColumnGroupsGrid as j, VerticalSeparator as z, VerticalText as B, HeaderContainer as L, ColumnSearch as Q } from "./index93.js";
-import { DndContainer as R } from "./index94.js";
-import { ColumnItem as q } from "./index95.js";
-import { ColumnGroupIds as n } from "./index96.js";
-import { TableManagementGlyph as P } from "./index88.js";
-import { usePersistColumns as _ } from "./index97.js";
-import { filterColumnsBySearch as V } from "./index98.js";
-const { Glyph: E } = I, te = ({
-  onClose: l,
-  columnDefinitions: k,
-  hiddenColumns: s,
-  visibleColumns: m,
-  pinnedLeftColumnIds: D,
-  pinnedRightColumnIds: H
-}) => {
-  const [o, b] = v(""), i = f(() => new Map(k.map((a) => [a.id, a])), []), [t, u] = v(() => ({
-    [n.Hidden]: s,
-    [n.Visible]: m
-  })), M = f(() => {
-    const a = t[n.Visible].map((r) => i.get(`${r}`));
-    return V(a, o);
-  }, [t, i, o]), x = f(() => {
-    const a = t[n.Hidden].map((r) => i.get(`${r}`));
-    return V(a, o);
-  }, [t, i, o]), { isSavingColumns: d, saveColumns: G } = _({ pinnedLeftColumnIds: D, pinnedRightColumnIds: H }), T = () => {
-    b(""), u({
-      [n.Hidden]: s,
-      [n.Visible]: m
-    });
-  }, C = y(
-    (a) => {
-      if (b(a), !a) {
-        const r = /* @__PURE__ */ new Set([...s, ...m]);
-        u((S) => ({
-          [n.Hidden]: S[n.Hidden].filter((g) => r.has(`${g}`)),
-          [n.Visible]: S[n.Visible].filter((g) => r.has(`${g}`))
-        }));
-      }
-    },
-    [s, m]
-  ), $ = y(
-    (a) => {
-      const r = i.get(`${a}`);
-      return r ? /* @__PURE__ */ e(q, { column: r, isDragOverlay: !0 }) : null;
-    },
-    [i]
-  );
-  return /* @__PURE__ */ e(
-    O,
-    {
-      variant: "lg",
-      style: { overflowY: "hidden" },
-      shouldShow: !0,
-      onClose: () => l == null ? void 0 : l(),
-      headerSlot: /* @__PURE__ */ c(L, { children: [
-        /* @__PURE__ */ c(h, { direction: "horizontal", alignX: "between", alignY: "center", children: [
-          /* @__PURE__ */ c(h, { direction: "horizontal", alignX: "start", alignY: "center", spacing: "sm", children: [
-            /* @__PURE__ */ e(P, { height: 32, width: 32 }),
-            /* @__PURE__ */ e(p, { variant: "headingLarge", as: "h1", children: "Table management" })
-          ] }),
-          /* @__PURE__ */ e(X, { "aria-label": "Close modal", onClick: l, variant: "flat", iconSlot: /* @__PURE__ */ e(E, { name: "close" }) })
-        ] }),
-        /* @__PURE__ */ c(p, { 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",
-          " ",
-          /* @__PURE__ */ e(A, { href: "#", target: "_blank", children: "help guide (TODO)" }),
-          "."
-        ] }),
-        /* @__PURE__ */ e(p, { variant: "headingSmall", children: "Column management" }),
-        /* @__PURE__ */ e(
-          Q,
-          {
-            name: "column-search-query",
-            placeholder: "Search",
-            value: o,
-            onChange: C,
-            onClearClick: () => C(""),
-            fill: "100%"
-          }
-        )
-      ] }),
-      leftActions: [
-        {
-          label: "Reset",
-          onClick: T,
-          variant: "default",
-          disabled: d
-        }
-      ],
-      rightActions: [
-        {
-          label: "Cancel",
-          onClick: l,
-          variant: "default",
-          disabled: d
-        },
-        {
-          label: "Save",
-          onClick: () => G({ visibleColumns: t[n.Visible] }),
-          variant: "primary",
-          disabled: d,
-          loading: d
-        }
-      ],
-      children: /* @__PURE__ */ e(h, { spacing: "md", alignX: "stretch", children: /* @__PURE__ */ e(h, { spacing: 4, alignX: "stretch", children: /* @__PURE__ */ e(R, { items: t, setItems: u, renderDragOverlay: $, children: /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ c(j, { columns: 2, spacing: "xl", children: [
-        /* @__PURE__ */ e(w, { id: n.Visible, title: "Shown columns:", columns: M }),
-        /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(B, { children: "Drag & Drop columns" }) }),
-        /* @__PURE__ */ e(w, { id: n.Hidden, title: "Hidden columns:", columns: x })
-      ] }) }) }) }) })
-    }
-  );
-};
+const i = (t) => t.trim().length >= 3 || t.trim().length === 0;
 export {
-  te as TableManagementModal
+  i as isTextFilterValid
 };

package/dist/index88.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=({height:H=16,width:V=16})=>e.jsx("svg",{width:V,height:H,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M12.6667 3.33333V12.6667H3.33333V3.33333H12.6667ZM13.4 2H2.6C2.26667 2 2 2.26667 2 2.6V13.4C2 13.6667 2.26667 14 2.6 14H13.4C13.6667 14 14 13.6667 14 13.4V2.6C14 2.26667 13.6667 2 13.4 2ZM7.33333 4.66667H11.3333V6H7.33333V4.66667ZM7.33333 7.33333H11.3333V8.66667H7.33333V7.33333ZM7.33333 10H11.3333V11.3333H7.33333V10ZM4.66667 4.66667H6V6H4.66667V4.66667ZM4.66667 7.33333H6V8.66667H4.66667V7.33333ZM4.66667 10H6V11.3333H4.66667V10Z",fill:"#37424D"})});exports.TableManagementGlyph=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("@veeqo/ui"),t=require("react"),j=require("./index91.cjs"),i=require("./index92.cjs"),q=require("./index93.cjs"),D=require("./index94.cjs"),s=require("./index95.cjs"),T=require("./index96.cjs"),b=require("./index97.cjs"),V=({onClose:u,columnDefinitions:G,hiddenColumns:d,visibleColumns:m,pinnedLeftColumnIds:I,pinnedRightColumnIds:f})=>{const[c,p]=t.useState(""),a=t.useMemo(()=>new Map(G.map(r=>[r.id,r])),[]),[o,g]=t.useState(()=>({[s.ColumnGroupIds.Hidden]:d,[s.ColumnGroupIds.Visible]:m})),y=t.useMemo(()=>{const r=o[s.ColumnGroupIds.Visible].map(l=>a.get(`${l}`));return b.filterColumnsBySearch(r,c)},[o,a,c]),v=t.useMemo(()=>{const r=o[s.ColumnGroupIds.Hidden].map(l=>a.get(`${l}`));return b.filterColumnsBySearch(r,c)},[o,a,c]),{isSavingColumns:h,saveColumns:k}=T.usePersistColumns({pinnedLeftColumnIds:I,pinnedRightColumnIds:f}),M=()=>{p(""),g({[s.ColumnGroupIds.Hidden]:d,[s.ColumnGroupIds.Visible]:m})},x=t.useCallback(r=>{if(p(r),!r){const l=new Set([...d,...m]);g(S=>({[s.ColumnGroupIds.Hidden]:S[s.ColumnGroupIds.Hidden].filter(C=>l.has(`${C}`)),[s.ColumnGroupIds.Visible]:S[s.ColumnGroupIds.Visible].filter(C=>l.has(`${C}`))}))}},[d,m]),w=t.useCallback(r=>{const l=a.get(`${r}`);return l?e.jsx(D.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(i.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:"#",target:"_blank",children:"help guide (TODO)"}),"."]}),e.jsx(n.Text,{variant:"headingSmall",children:"Column management"}),e.jsx(i.ColumnSearch,{name:"column-search-query",placeholder:"Search",value:c,onChange:x,onClearClick:()=>x(""),fill:"100%"})]}),leftActions:[{label:"Reset",onClick:M,variant:"default",disabled:h}],rightActions:[{label:"Cancel",onClick:u,variant:"default",disabled:h},{label:"Save",onClick:()=>k({visibleColumns:o[s.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(q.DndContainer,{items:o,setItems:g,renderDragOverlay:w,children:e.jsx(i.Container,{children:e.jsxs(i.ColumnGroupsGrid,{columns:2,spacing:"xl",children:[e.jsx(j.ColumnGroup,{id:s.ColumnGroupIds.Visible,title:"Shown columns:",columns:y}),e.jsx(i.VerticalSeparator,{children:e.jsx(i.VerticalText,{children:"Drag & Drop columns"})}),e.jsx(j.ColumnGroup,{id:s.ColumnGroupIds.Hidden,title:"Hidden columns:",columns:v})]})})})})})})};exports.TableManagementModal=V;

package/dist/index88.js

@@ -1,21 +1,118 @@
-import { jsx as H } from "react/jsx-runtime";
-const Z = ({ height: V = 16, width: M = 16 }) => /* @__PURE__ */ H(
-  "svg",
-  {
-    width: M,
-    height: V,
-    viewBox: "0 0 16 16",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ H(
-      "path",
-      {
-        d: "M12.6667 3.33333V12.6667H3.33333V3.33333H12.6667ZM13.4 2H2.6C2.26667 2 2 2.26667 2 2.6V13.4C2 13.6667 2.26667 14 2.6 14H13.4C13.6667 14 14 13.6667 14 13.4V2.6C14 2.26667 13.6667 2 13.4 2ZM7.33333 4.66667H11.3333V6H7.33333V4.66667ZM7.33333 7.33333H11.3333V8.66667H7.33333V7.33333ZM7.33333 10H11.3333V11.3333H7.33333V10ZM4.66667 4.66667H6V6H4.66667V4.66667ZM4.66667 7.33333H6V8.66667H4.66667V7.33333ZM4.66667 10H6V11.3333H4.66667V10Z",
-        fill: "#37424D"
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { Modal as G, Stack as h, ListBoardIcon as O, theme as v, Text as p, Button as X, CloseIcon as A, Anchor as B } from "@veeqo/ui";
+import { useState as w, useMemo as f, useCallback as y } from "react";
+import { ColumnGroup as V } from "./index91.js";
+import { Container as L, ColumnGroupsGrid as Y, VerticalSeparator as j, VerticalText as Q, HeaderContainer as R, ColumnSearch as P } from "./index92.js";
+import { DndContainer as _ } from "./index93.js";
+import { ColumnItem as q } from "./index94.js";
+import { ColumnGroupIds as n } from "./index95.js";
+import { usePersistColumns as E } from "./index96.js";
+import { filterColumnsBySearch as k } from "./index97.js";
+const ae = ({
+  onClose: l,
+  columnDefinitions: D,
+  hiddenColumns: c,
+  visibleColumns: d,
+  pinnedLeftColumnIds: H,
+  pinnedRightColumnIds: M
+}) => {
+  const [o, b] = w(""), r = f(() => new Map(D.map((i) => [i.id, i])), []), [t, u] = w(() => ({
+    [n.Hidden]: c,
+    [n.Visible]: d
+  })), x = f(() => {
+    const i = t[n.Visible].map((a) => r.get(`${a}`));
+    return k(i, o);
+  }, [t, r, o]), I = f(() => {
+    const i = t[n.Hidden].map((a) => r.get(`${a}`));
+    return k(i, o);
+  }, [t, r, o]), { isSavingColumns: m, saveColumns: T } = E({ pinnedLeftColumnIds: H, pinnedRightColumnIds: M }), $ = () => {
+    b(""), u({
+      [n.Hidden]: c,
+      [n.Visible]: d
+    });
+  }, C = y(
+    (i) => {
+      if (b(i), !i) {
+        const a = /* @__PURE__ */ new Set([...c, ...d]);
+        u((S) => ({
+          [n.Hidden]: S[n.Hidden].filter((g) => a.has(`${g}`)),
+          [n.Visible]: S[n.Visible].filter((g) => a.has(`${g}`))
+        }));
       }
-    )
-  }
-);
+    },
+    [c, d]
+  ), z = y(
+    (i) => {
+      const a = r.get(`${i}`);
+      return a ? /* @__PURE__ */ e(q, { column: a, isDragOverlay: !0 }) : null;
+    },
+    [r]
+  );
+  return /* @__PURE__ */ e(
+    G,
+    {
+      variant: "lg",
+      style: { overflowY: "hidden" },
+      shouldShow: !0,
+      onClose: () => l == null ? void 0 : l(),
+      headerSlot: /* @__PURE__ */ s(R, { children: [
+        /* @__PURE__ */ s(h, { direction: "horizontal", alignX: "between", alignY: "center", children: [
+          /* @__PURE__ */ s(h, { direction: "horizontal", alignX: "start", alignY: "center", spacing: "sm", children: [
+            /* @__PURE__ */ e(O, { height: v.sizes.lg, width: v.sizes.lg }),
+            /* @__PURE__ */ e(p, { variant: "headingLarge", as: "h1", children: "Table management" })
+          ] }),
+          /* @__PURE__ */ e(X, { "aria-label": "Close modal", onClick: l, variant: "flat", iconSlot: /* @__PURE__ */ e(A, {}) })
+        ] }),
+        /* @__PURE__ */ s(p, { 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",
+          " ",
+          /* @__PURE__ */ e(B, { href: "#", target: "_blank", children: "help guide (TODO)" }),
+          "."
+        ] }),
+        /* @__PURE__ */ e(p, { variant: "headingSmall", children: "Column management" }),
+        /* @__PURE__ */ e(
+          P,
+          {
+            name: "column-search-query",
+            placeholder: "Search",
+            value: o,
+            onChange: C,
+            onClearClick: () => C(""),
+            fill: "100%"
+          }
+        )
+      ] }),
+      leftActions: [
+        {
+          label: "Reset",
+          onClick: $,
+          variant: "default",
+          disabled: m
+        }
+      ],
+      rightActions: [
+        {
+          label: "Cancel",
+          onClick: l,
+          variant: "default",
+          disabled: m
+        },
+        {
+          label: "Save",
+          onClick: () => T({ visibleColumns: t[n.Visible] }),
+          variant: "primary",
+          disabled: m,
+          loading: m
+        }
+      ],
+      children: /* @__PURE__ */ e(h, { spacing: "md", alignX: "stretch", children: /* @__PURE__ */ e(h, { spacing: 4, alignX: "stretch", children: /* @__PURE__ */ e(_, { items: t, setItems: u, renderDragOverlay: z, children: /* @__PURE__ */ e(L, { children: /* @__PURE__ */ s(Y, { columns: 2, spacing: "xl", children: [
+        /* @__PURE__ */ e(V, { id: n.Visible, title: "Shown columns:", columns: x }),
+        /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(Q, { children: "Drag & Drop columns" }) }),
+        /* @__PURE__ */ e(V, { id: n.Hidden, title: "Hidden columns:", columns: I })
+      ] }) }) }) }) })
+    }
+  );
+};
 export {
-  Z as TableManagementGlyph
+  ae as TableManagementModal
 };

package/dist/index91.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 e=require("react/jsx-runtime"),o=require("@veeqo/ui"),s=require("@dnd-kit/sortable"),a=require("./index109.cjs"),l=require("./index110.cjs"),c=require("./index94.cjs"),u=require("./index95.cjs"),d=require("./index92.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/index91.js

@@ -1,4 +1,15 @@
-const i = (t) => t.trim().length >= 3 || t.trim().length === 0;
+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 "./index109.js";
+import { DroppableArea as d } from "./index110.js";
+import { ColumnItem as l } from "./index94.js";
+import { ColumnGroupIds as c } from "./index95.js";
+import { StickyText as f } from "./index92.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 {
-  i as isTextFilterValid
+  I as ColumnGroup
 };