@veeqo/transfigure 1.2.2 → 1.2.4

package/dist/index78.js

@@ -1,52 +1,64 @@
-import { parseDate as a } from "@internationalized/date";
-import { RangeFilter as f } from "./index70.js";
-import { NumberRangeFilter as c } from "./index69.js";
-import { BusinessLogicManager as d } from "./index9.js";
-const R = ({
+import { parseDate as u } from "@internationalized/date";
+import { RangeFilter as c } from "./index70.js";
+import { NumberRangeFilter as b } from "./index69.js";
+import n from "lodash/get";
+import { BusinessLogicManager as y } from "./index9.js";
+const T = ({
   view: r,
-  canUpdateCustomViews: o
+  canUpdateCustomViews: d
 }) => {
-  var l;
-  const { DATE_RANGE_FILTERS: i, NUMBER_RANGE_FILTERS: n } = d.getBusinessLogic();
+  var f;
+  const { DATE_RANGE_FILTERS: a, NUMBER_RANGE_FILTERS: o, GROUP_MAP: p } = y.getBusinessLogic(), l = Array.from(p.values()).flatMap((e) => e.fields), s = r.filters.filter || {};
   return {
     id: r.id,
     label: r.title,
     filterMaps: {
       filters: new Map(
-        Object.entries(r.filters.filter || {}).filter(
-          ([e, t]) => !Array.isArray(t) && !i.includes(e) && !n.includes(e)
-        ).map(([e, t]) => [e, t])
+        l.filter(
+          (e) => !a.includes(e.id) && !o.includes(e.id) && e.filterType !== "checkbox"
+        ).map((e) => {
+          const t = n(s, e.id);
+          return [e.id, t !== void 0 && !Array.isArray(t) && typeof t != "object" ? String(t) : ""];
+        }).filter(([, e]) => e !== "")
       ),
       arrayFilters: new Map(
-        Object.entries(r.filters.filter || {}).filter(([, e]) => Array.isArray(e)).map(([e, t]) => [e, t])
+        l.filter((e) => e.filterType === "checkbox").map((e) => {
+          const t = n(s, e.id);
+          return [e.id, Array.isArray(t) ? t : []];
+        }).filter(([, e]) => e.length > 0)
       ),
       rangeFilters: new Map(
-        Object.entries(r.filters.filter || {}).filter(([e]) => i.includes(e)).map(([e, t]) => {
-          let s;
+        l.filter((e) => a.includes(e.id)).map((e) => {
+          const t = n(s, e.id);
+          if (!t) return null;
+          let i;
           if (typeof t == "string")
-            s = new f(t);
-          else {
-            s = new f("CUSTOM");
-            const m = a(t.gte), p = a(t.lte);
-            s.setDates(m, p);
-          }
-          return [e, s];
-        })
+            i = new c(t);
+          else if (typeof t == "object" && t.gte && t.lte) {
+            i = new c("CUSTOM");
+            const m = u(t.gte), g = u(t.lte);
+            i.setDates(m, g);
+          } else
+            return null;
+          return [e.id, i];
+        }).filter((e) => e !== null)
       ),
       numberRangeFilters: new Map(
-        Object.entries(r.filters.filter || {}).filter(([e]) => n.includes(e)).map(([e, t]) => {
-          const s = new c({ filterId: e });
-          return t.lte !== void 0 && s.setLte(Number(t.lte)), t.gte !== void 0 && s.setGte(Number(t.gte)), [e, s];
-        })
+        l.filter((e) => o.includes(e.id)).map((e) => {
+          const t = n(s, e.id);
+          if (!t || typeof t != "object") return null;
+          const i = new b({ 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 && o,
+    editable: r.editable && d,
     isShared: r.shared,
     columns: r.columns,
-    sort: (l = r.filters) == null ? void 0 : l.sort
+    sort: (f = r.filters) == null ? void 0 : f.sort
   };
 };
 export {
-  R as viewsAdapter
+  T as viewsAdapter
 };

package/dist/index80.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index98.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("./index91.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 "./index98.js";
+import { INITIAL_VIEWS_STATE as r } from "./index91.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/index86.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("./index61.cjs"),v=require("./index67.cjs"),q=require("./index55.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="_actionsHeaderContainer_fgqms_1",t={actionsHeaderContainer:e};exports.actionsHeaderContainer=e;exports.default=t;

package/dist/index86.js

@@ -1,43 +1,7 @@
-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 "./index61.js";
-import { useUrlParams as v } from "./index67.js";
-import { fetcherV2 as V } from "./index55.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 = "_actionsHeaderContainer_fgqms_1", a = {
+  actionsHeaderContainer: e
+};
 export {
-  T as usePollData
+  e as actionsHeaderContainer,
+  a as default
 };

package/dist/index87.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 t=require("react"),w=require("react-use"),L=require("./index8.cjs"),m=require("./index61.cjs"),v=require("./index67.cjs"),q=require("./index55.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/index87.js

@@ -1,11 +1,43 @@
-const e = "_refreshTooltip_v0eu8_1", r = "_refreshButton_v0eu8_5", t = "_refreshIndicator_v0eu8_9", o = {
-  refreshTooltip: e,
-  refreshButton: r,
-  refreshIndicator: t
-};
+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 "./index61.js";
+import { useUrlParams as v } from "./index67.js";
+import { fetcherV2 as V } from "./index55.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 {
-  o as default,
-  r as refreshButton,
-  t as refreshIndicator,
-  e as refreshTooltip
+  T as usePollData
 };

package/dist/index88.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_actionsHeaderContainer_fgqms_1",t={actionsHeaderContainer:e};exports.actionsHeaderContainer=e;exports.default=t;
+"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/index88.js

@@ -1,7 +1,11 @@
-const e = "_actionsHeaderContainer_fgqms_1", a = {
-  actionsHeaderContainer: e
+const e = "_refreshTooltip_v0eu8_1", r = "_refreshButton_v0eu8_5", t = "_refreshIndicator_v0eu8_9", o = {
+  refreshTooltip: e,
+  refreshButton: r,
+  refreshIndicator: t
 };
 export {
-  e as actionsHeaderContainer,
-  a as default
+  o as default,
+  r as refreshButton,
+  t as refreshIndicator,
+  e as refreshTooltip
 };

package/dist/index89.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("./index91.cjs"),i=require("./index92.cjs"),T=require("./index93.cjs"),V=require("./index94.cjs"),n=require("./index95.cjs"),D=require("./index90.cjs"),H=require("./index96.cjs"),j=require("./index97.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=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("./index90.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=$;

package/dist/index89.js

@@ -2,14 +2,14 @@ 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 "./index91.js";
-import { Container as Y, ColumnGroupsGrid as j, VerticalSeparator as z, VerticalText as B, HeaderContainer as L, ColumnSearch as Q } from "./index92.js";
-import { DndContainer as R } from "./index93.js";
-import { ColumnItem as q } from "./index94.js";
-import { ColumnGroupIds as n } from "./index95.js";
+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 "./index90.js";
-import { usePersistColumns as _ } from "./index96.js";
-import { filterColumnsBySearch as V } from "./index97.js";
+import { usePersistColumns as _ } from "./index97.js";
+import { filterColumnsBySearch as V } from "./index98.js";
 const { Glyph: E } = I, te = ({
   onClose: l,
   columnDefinitions: k,

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

package/dist/index91.js

@@ -1,15 +1,9 @@
-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 "./index107.js";
-import { DroppableArea as d } from "./index108.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)) }) })
-] });
+import { createAllView as i } from "./index79.js";
+const e = i(), s = {
+  fixedViews: [e],
+  customViews: [],
+  viewsMap: /* @__PURE__ */ new Map([[e.id, e]])
+};
 export {
-  I as ColumnGroup
+  s as INITIAL_VIEWS_STATE
 };

package/dist/index92.cjs

@@ -1,104 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("styled-components"),e=require("@veeqo/ui"),a=require("@veeqo/components"),i=o=>o&&o.__esModule?o:{default:o},t=i(l),{Glyph:n}=a.VeeqoCommon,s=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;
-`,c=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;
-`,d=t.default(e.Text)`
-  position: sticky;
-  top: 0;
-  background: #ffffff;
-  padding-bottom: ${e.theme.sizes[2]};
-  z-index: 1;
-`,u=t.default(e.Text)`
-  color: ${e.theme.colors.neutral.ink.light};
-`,g=t.default(e.Grid)`
-  // overflow-y: auto;
-  position: unset;
-`,r=t.default(n).attrs(()=>({name:"visibility-off"}))`
-  margin-left: auto;
-`,p=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};
-      }
-    `}
-`,h=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};
-`,f=t.default(e.Stack)`
-  flex: 1;
-  padding: 0;
-`,m=t.default(e.Search)`
-  input {
-    height: 40px;
-    box-sizing: border-box;
-  }
-
-  svg {
-    width: 16px;
-  }
-`,b=t.default.div`
-  position: relative;
-  min-height: 500px;
-`,x=t.default(e.BaseContainer)`
-  display: flex;
-  flex-direction: column;
-  gap: ${e.theme.sizes.base};
-  padding: ${e.theme.sizes.md};
-`,y=t.default.dialog`
-  display: contents;
-`;exports.ColumnGroupsGrid=g;exports.ColumnItemWrapper=p;exports.ColumnSearch=m;exports.Container=b;exports.DetailedText=u;exports.DndDragOverlayDialog=y;exports.DraggingOverlay=h;exports.DroppableAreaStack=f;exports.HeaderContainer=x;exports.StickyText=d;exports.VerticalSeparator=s;exports.VerticalText=c;exports.VisibilityOffIcon=r;
+"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("./index107.cjs"),l=require("./index108.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,122 +1,15 @@
-import r from "styled-components";
-import { Grid as l, theme as o, Text as t, BaseContainer as n, Search as s, Stack as i } from "@veeqo/ui";
-import { VeeqoCommon as a } from "@veeqo/components";
-const { Glyph: c } = a, b = r.div`
-  width: 1px;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  border-left: 1px solid ${o.colors.neutral.grey.dark};
-  height: 100%;
-  margin-top: 40px;
-`, f = r(t)`
-  writing-mode: vertical-rl;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  background: white;
-  padding: 30px 0;
-  text-align: center;
-  font-size: 10px;
-  color: ${o.colors.neutral.ink.lightest};
-  height: max-content;
-`, h = r(t)`
-  position: sticky;
-  top: 0;
-  background: #ffffff;
-  padding-bottom: ${o.sizes[2]};
-  z-index: 1;
-`, x = r(t)`
-  color: ${o.colors.neutral.ink.light};
-`, m = r(l)`
-  // overflow-y: auto;
-  position: unset;
-`, d = r(c).attrs(() => ({ name: "visibility-off" }))`
-  margin-left: auto;
-`, $ = r(i)`
-  border-radius: 4px;
-  padding: 8px 12px;
-  background: #ffffff;
-  border: 1px solid ${o.colors.neutral.ink.lightest};
-  transition: all ease 200ms;
-
-  ${({ isHidden: e }) => e && `
-      ${t} {
-        color: ${o.colors.neutral.ink.light};
-      }
-    `}
-
-  &:hover {
-    color: ${o.colors.secondary.blue.base};
-    background: ${o.colors.neutral.grey.lightest};
-    border: 1px solid ${o.colors.neutral.grey.light};
-
-    ${t} {
-      color: ${o.colors.secondary.blue.base};
-    }
-
-    ${d} {
-      color: ${o.colors.neutral.ink.light};
-    }
-  }
-
-  ${({ isDragOverlay: e }) => e && `
-      color: ${o.colors.secondary.blue.base};
-      background: ${o.colors.neutral.grey.lightest};
-      border: 1px solid ${o.colors.neutral.grey.light};
-      cursor: grabbing;
-
-      ${t} {
-        color: ${o.colors.secondary.blue.base};
-      }
-    `}
-`, y = r.div`
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  height: 100%;
-  width: calc(100% - 2px);
-  border-radius: 4px;
-  border: 1px dashed ${o.colors.neutral.grey.dark};
-  background: ${o.colors.neutral.grey.lightest};
-`, k = r(i)`
-  flex: 1;
-  padding: 0;
-`, v = r(s)`
-  input {
-    height: 40px;
-    box-sizing: border-box;
-  }
-
-  svg {
-    width: 16px;
-  }
-`, C = r.div`
-  position: relative;
-  min-height: 500px;
-`, w = r(n)`
-  display: flex;
-  flex-direction: column;
-  gap: ${o.sizes.base};
-  padding: ${o.sizes.md};
-`, z = r.dialog`
-  display: contents;
-`;
+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 "./index107.js";
+import { DroppableArea as d } from "./index108.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 {
-  m as ColumnGroupsGrid,
-  $ as ColumnItemWrapper,
-  v as ColumnSearch,
-  C as Container,
-  x as DetailedText,
-  z as DndDragOverlayDialog,
-  y as DraggingOverlay,
-  k as DroppableAreaStack,
-  w as HeaderContainer,
-  h as StickyText,
-  b as VerticalSeparator,
-  f as VerticalText,
-  d as VisibilityOffIcon
+  I as ColumnGroup
 };