@veeqo/transfigure 1.2.0 → 1.2.1

package/dist/index62.js

@@ -1,54 +1,36 @@
-import g from "swr";
-import { useMemo as d } from "react";
-import { createAllView as O } from "./index79.js";
-import { viewsAdapter as v } from "./index78.js";
-import { useCustomViews as C } from "./index65.js";
-import { SWR_HOOK_OPTIONS as I } from "./index49.js";
-import { useBusinessLogic as y } from "./index8.js";
-import { fetcherV2 as S } from "./index55.js";
-const s = O(), B = () => {
-  const { DEFAULT_PAGE_NUMBER: V, DEFAULT_PAGE_SIZE: c, VIEW_TYPE: a } = y(), {
-    canUpdateCustomViews: w,
-    orderedListOfCustomViews: o,
-    defaultCustomViewId: l,
-    isLoading: x
-  } = C({ type: a }), { data: n, isLoading: A, error: L, mutate: E } = g(
-    `/api/v2/custom_views?filter[type]=${a}&page[number]=${V}&page[size]=${c}`,
-    S,
-    I
-  ), f = d(
-    () => ({
-      fixedViews: [s],
-      customViews: [],
-      viewsMap: /* @__PURE__ */ new Map([[s.id, s]])
-    }),
-    []
-  ), { viewsMap: M, customViews: r, fixedViews: p } = d(() => n ? n.reduce(
-    (e, t) => {
-      const i = v({ view: t, canUpdateCustomViews: w });
-      return e.viewsMap.set(t.id, i), t.editable ? e.customViews.push(i) : e.fixedViews.push(i), e;
-    },
-    {
-      fixedViews: [s],
-      customViews: [],
-      viewsMap: /* @__PURE__ */ new Map([[s.id, s]])
-    }
-  ) : f, [n, f, w]), _ = d(() => r.sort((e, t) => {
-    const i = Array.isArray(o) ? o : [], u = i.indexOf(e.id), m = i.indexOf(t.id);
-    return u === -1 && m === -1 ? 0 : u === -1 ? 1 : m === -1 ? -1 : u - m;
-  }), [r, o]);
+import O from "swr";
+import { useMemo as a } from "react";
+import { SWR_HOOK_OPTIONS as x } from "./index49.js";
+import { useBusinessLogic as C } from "./index8.js";
+import { useCustomViews as I } from "./index65.js";
+import { fetcherV2 as y } from "./index55.js";
+import { organiseViews as v } from "./index80.js";
+const $ = () => {
+  const { DEFAULT_PAGE_NUMBER: d, DEFAULT_PAGE_SIZE: f, VIEW_TYPE: t } = C(), {
+    canUpdateCustomViews: o,
+    orderedListOfCustomViews: r,
+    defaultCustomViewId: p,
+    isLoading: c
+  } = I({ type: t }), { data: n, isLoading: w, error: V, mutate: L } = O(
+    `/api/v2/custom_views?filter[type]=${t}&page[number]=${d}&page[size]=${f}`,
+    y,
+    x
+  ), { viewsMap: g, customViews: e, fixedViews: m } = a(() => v({ data: n, canUpdateCustomViews: o }), [n, o]), E = a(() => e.sort((_, A) => {
+    const u = Array.isArray(r) ? r : [], s = u.indexOf(_.id), i = u.indexOf(A.id);
+    return s === -1 && i === -1 ? 0 : s === -1 ? 1 : i === -1 ? -1 : s - i;
+  }), [e, r]);
   return {
-    defaultCustomViewId: l,
-    viewsArray: [...p, ...r],
-    fixedViews: p,
-    customViews: r,
-    sortedCustomViews: _,
-    viewsMap: M,
-    isLoading: A || x,
-    error: L,
-    mutate: E
+    defaultCustomViewId: p,
+    viewsArray: [...m, ...e],
+    fixedViews: m,
+    customViews: e,
+    sortedCustomViews: E,
+    viewsMap: g,
+    isLoading: w || c,
+    error: V,
+    mutate: L
   };
 };
 export {
-  B as useViews
+  $ as useViews
 };

package/dist/index7.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("axios"),i=require("./index81.cjs"),s=require("./index82.cjs"),l=require("./index83.cjs"),E=require("./index84.cjs"),p=t=>t&&t.__esModule?t:{default:t},c=p(u),y=async(t,a)=>{const o=new Error,r=s.filterOptionalArgsGetDelete(t,a);try{return await c.default.get(...r)}catch(e){throw l.filterErrorStack(o),E.injectIntoError({customError:o,originalError:e,type:i.AxiosErrorType.GET}),e}},f=async(t,a)=>{const o=new Error,r=s.filterOptionalArgsGetDelete(t,a);try{return await c.default.delete(...r)}catch(e){throw l.filterErrorStack(o),E.injectIntoError({customError:o,originalError:e,type:i.AxiosErrorType.DELETE}),e}},g=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.post(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.POST}),n}},w=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.patch(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.PATCH}),n}},A=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.put(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.PUT}),n}},d=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.postForm(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.POST_FORM}),n}},h=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.putForm(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.PUT_FORM}),n}},T=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.patchForm(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.PATCH_FORM}),n}},m={get:y,delete:f,post:g,patch:w,put:A,postForm:d,putForm:h,patchForm:T,CancelToken:c.default.CancelToken,isCancel:c.default.isCancel,getUri:c.default.getUri,isAxiosError:c.default.isAxiosError};exports.axios=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("axios"),i=require("./index82.cjs"),s=require("./index83.cjs"),l=require("./index84.cjs"),E=require("./index85.cjs"),p=t=>t&&t.__esModule?t:{default:t},c=p(u),y=async(t,a)=>{const o=new Error,r=s.filterOptionalArgsGetDelete(t,a);try{return await c.default.get(...r)}catch(e){throw l.filterErrorStack(o),E.injectIntoError({customError:o,originalError:e,type:i.AxiosErrorType.GET}),e}},f=async(t,a)=>{const o=new Error,r=s.filterOptionalArgsGetDelete(t,a);try{return await c.default.delete(...r)}catch(e){throw l.filterErrorStack(o),E.injectIntoError({customError:o,originalError:e,type:i.AxiosErrorType.DELETE}),e}},g=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.post(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.POST}),n}},w=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.patch(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.PATCH}),n}},A=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.put(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.PUT}),n}},d=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.postForm(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.POST_FORM}),n}},h=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.putForm(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.PUT_FORM}),n}},T=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.patchForm(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.PATCH_FORM}),n}},m={get:y,delete:f,post:g,patch:w,put:A,postForm:d,putForm:h,patchForm:T,CancelToken:c.default.CancelToken,isCancel:c.default.isCancel,getUri:c.default.getUri,isAxiosError:c.default.isAxiosError};exports.axios=m;

package/dist/index7.js

@@ -1,8 +1,8 @@
 import a from "axios";
-import { AxiosErrorType as e } from "./index81.js";
-import { filterOptionalArgsGetDelete as y, filterOptionalArgs as p } from "./index82.js";
-import { filterErrorStack as i } from "./index83.js";
-import { injectIntoError as E } from "./index84.js";
+import { AxiosErrorType as e } from "./index82.js";
+import { filterOptionalArgsGetDelete as y, filterOptionalArgs as p } from "./index83.js";
+import { filterErrorStack as i } from "./index84.js";
+import { injectIntoError as E } from "./index85.js";
 const m = async (n, s) => {
   const o = new Error(), r = y(n, s);
   try {

package/dist/index80.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index61.cjs"),t=e=>{o.useStores.mockImplementation(()=>({...e}))};exports.mockUseStores=t;
+"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,9 +1,23 @@
-import { useStores as e } from "./index61.js";
-const m = (o) => {
-  e.mockImplementation(() => ({
-    ...o
-  }));
+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 }) => {
+  const f = {
+    fixedViews: [...r.fixedViews],
+    customViews: [...r.customViews],
+    viewsMap: new Map(r.viewsMap)
+  };
+  if (!o) return f;
+  let l = !1;
+  const s = o.reduce(
+    (e, i) => {
+      const t = u({ view: i, canUpdateCustomViews: w });
+      return e.viewsMap.set(i.id, t), i.editable ? e.customViews.push(t) : e.fixedViews.push(t), i.title === "All" && (l = !0), e;
+    },
+    f
+  );
+  return l && (s.viewsMap.delete(p), s.fixedViews.shift()), s;
 };
 export {
-  m as mockUseStores
+  m as organiseViews
 };

package/dist/index81.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var P=(t=>(t.GET="AxiosGet",t.DELETE="AxiosDelete",t.POST="AxiosPost",t.PATCH="AxiosPatch",t.PUT="AxiosPut",t.POST_FORM="AxioPostForm",t.PUT_FORM="AxiosPutForm",t.PATCH_FORM="AxiosPatchForm",t))(P||{});exports.AxiosErrorType=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index61.cjs"),t=e=>{o.useStores.mockImplementation(()=>({...e}))};exports.mockUseStores=t;

package/dist/index81.js

@@ -1,4 +1,9 @@
-var t = /* @__PURE__ */ ((P) => (P.GET = "AxiosGet", P.DELETE = "AxiosDelete", P.POST = "AxiosPost", P.PATCH = "AxiosPatch", P.PUT = "AxiosPut", P.POST_FORM = "AxioPostForm", P.PUT_FORM = "AxiosPutForm", P.PATCH_FORM = "AxiosPatchForm", P))(t || {});
+import { useStores as e } from "./index61.js";
+const m = (o) => {
+  e.mockImplementation(() => ({
+    ...o
+  }));
+};
 export {
-  t as AxiosErrorType
+  m as mockUseStores
 };

package/dist/index82.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=(r,t)=>{const e=[r];return t!==void 0&&e.push(t),e},l=(r,t,e)=>{const i=[r];return t!==void 0&&i.push(t),e!==void 0&&i.push(e),i};exports.filterOptionalArgs=l;exports.filterOptionalArgsGetDelete=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var P=(t=>(t.GET="AxiosGet",t.DELETE="AxiosDelete",t.POST="AxiosPost",t.PATCH="AxiosPatch",t.PUT="AxiosPut",t.POST_FORM="AxioPostForm",t.PUT_FORM="AxiosPutForm",t.PATCH_FORM="AxiosPatchForm",t))(P||{});exports.AxiosErrorType=P;

package/dist/index82.js

@@ -1,11 +1,4 @@
-const i = (s, t) => {
-  const r = [s];
-  return t !== void 0 && r.push(t), r;
-}, o = (s, t, r) => {
-  const e = [s];
-  return t !== void 0 && e.push(t), r !== void 0 && e.push(r), e;
-};
+var t = /* @__PURE__ */ ((P) => (P.GET = "AxiosGet", P.DELETE = "AxiosDelete", P.POST = "AxiosPost", P.PATCH = "AxiosPatch", P.PUT = "AxiosPut", P.POST_FORM = "AxioPostForm", P.PUT_FORM = "AxiosPutForm", P.PATCH_FORM = "AxiosPatchForm", P))(t || {});
 export {
-  o as filterOptionalArgs,
-  i as filterOptionalArgsGetDelete
+  t as AxiosErrorType
 };

package/dist/index83.cjs

@@ -1,3 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index105.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=(r,t)=>{const e=[r];return t!==void 0&&e.push(t),e},l=(r,t,e)=>{const i=[r];return t!==void 0&&i.push(t),e!==void 0&&i.push(e),i};exports.filterOptionalArgs=l;exports.filterOptionalArgsGetDelete=s;

package/dist/index83.js

@@ -1,16 +1,11 @@
-import { isError as l } from "./index105.js";
-const s = (e) => {
-  if (!l(e)) return e;
-  if (e.stack) {
-    const n = e.stack.split(`
-`);
-    if (n.length <= 10) return e;
-    const i = n == null ? void 0 : n[0], t = n == null ? void 0 : n.splice(9), f = [i, ...t].join(`
-`);
-    e.stack = f;
-  }
-  return e;
+const i = (s, t) => {
+  const r = [s];
+  return t !== void 0 && r.push(t), r;
+}, o = (s, t, r) => {
+  const e = [s];
+  return t !== void 0 && e.push(t), r !== void 0 && e.push(r), e;
 };
 export {
-  s as filterErrorStack
+  o as filterOptionalArgs,
+  i as filterOptionalArgsGetDelete
 };

package/dist/index84.cjs

@@ -1 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index105.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 l=require("./index107.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,11 +1,16 @@
-import { isError as c } from "./index105.js";
-const s = ({
-  customError: e,
-  originalError: t,
-  type: f
-}) => {
-  !c(t) || !c(e) || (t.stack && (t.stack = e.stack), t.name && (t.name = `${f} (${t.name})`));
+import { isError as l } from "./index107.js";
+const s = (e) => {
+  if (!l(e)) return e;
+  if (e.stack) {
+    const n = e.stack.split(`
+`);
+    if (n.length <= 10) return e;
+    const i = n == null ? void 0 : n[0], t = n == null ? void 0 : n.splice(9), f = [i, ...t].join(`
+`);
+    e.stack = f;
+  }
+  return e;
 };
 export {
-  s as injectIntoError
+  s as filterErrorStack
 };

package/dist/index85.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.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index107.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,7 +1,11 @@
-const e = "_actionsHeaderContainer_fgqms_1", a = {
-  actionsHeaderContainer: e
+import { isError as c } from "./index107.js";
+const s = ({
+  customError: e,
+  originalError: t,
+  type: f
+}) => {
+  !c(t) || !c(e) || (t.stack && (t.stack = e.stack), t.name && (t.name = `${f} (${t.name})`));
 };
 export {
-  e as actionsHeaderContainer,
-  a as default
+  s as injectIntoError
 };

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

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

package/dist/index90.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("./index106.cjs"),l=require("./index107.cjs"),c=require("./index93.cjs"),u=require("./index94.cjs"),d=require("./index91.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.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/index90.js

@@ -1,15 +1,7 @@
-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 "./index106.js";
-import { DroppableArea as d } from "./index107.js";
-import { ColumnItem as l } from "./index93.js";
-import { ColumnGroupIds as c } from "./index94.js";
-import { StickyText as f } from "./index91.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)) }) })
-] });
+const e = "_actionsHeaderContainer_fgqms_1", a = {
+  actionsHeaderContainer: e
+};
 export {
-  I as ColumnGroup
+  e as actionsHeaderContainer,
+  a as default
 };

package/dist/index91.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("./index108.cjs"),l=require("./index109.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,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 "./index108.js";
+import { DroppableArea as d } from "./index109.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 {
-  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
 };