@veeqo/transfigure 0.0.31 → 0.0.32

package/dist/index84.js

@@ -1,43 +1,145 @@
-import { useState as t, useEffect as p } from "react";
-import { useBusinessLogic as P } from "./index7.js";
-import { useStores as S } from "./index59.js";
-import { useUrlParams as L } from "./index64.js";
-import v from "./index93.js";
-import { fetcherV2 as V } from "./index53.js";
-function T() {
-  const { TABLE_DATA_URL: h } = P(), {
-    Filters: {
-      pageSize: n,
-      activeViewId: s
-    }
-  } = S(), { queryParams: m } = L();
-  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);
-    };
-  }, []), v(
-    async () => {
-      const e = await r();
-      if (c === null || f !== s || w !== n) {
-        a(e), C(s), y(n);
-        return;
+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 "./index85.js";
+import { usePersistColumns as _ } from "./index97.js";
+import { filterColumnsBySearch as V } from "./index98.js";
+const { Glyph: E } = I, te = ({
+  onClose: l,
+  columnDefintions: 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}`))
+        }));
       }
-      const d = e !== c;
-      d && (a(e), u(d));
     },
-    l ? null : D
-  ), { hasChanges: l, acknowledgeButtonClick: async () => {
-    u(!1), o(i), a(await r());
-  } };
-}
+    [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
+          }
+        )
+      ] }) }) }) }) })
+    }
+  );
+};
 export {
-  T as usePollData
+  te as TableManagementModal
 };

package/dist/index85.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=o=>e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o,children:e.jsx("path",{d:"M17.64 6.35C16.19 4.9 14.2 4 11.99 4C7.57 4 4 7.58 4 12C4 16.42 7.57 20 11.99 20C15.72 20 18.83 17.45 19.72 14H17.64C16.82 16.33 14.6 18 11.99 18C8.68 18 5.99 15.31 5.99 12C5.99 8.69 8.68 6 11.99 6C13.65 6 15.13 6.69 16.21 7.78L12.99 11H19.99V4L17.64 6.35Z",fill:"currentColor"})});exports.RefreshIcon=r;
+"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;

package/dist/index85.js

@@ -1,11 +1,21 @@
-import { jsx as o } from "react/jsx-runtime";
-const e = (r) => /* @__PURE__ */ o("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r, children: /* @__PURE__ */ o(
-  "path",
+import { jsx as H } from "react/jsx-runtime";
+const Z = ({ height: V = 16, width: M = 16 }) => /* @__PURE__ */ H(
+  "svg",
   {
-    d: "M17.64 6.35C16.19 4.9 14.2 4 11.99 4C7.57 4 4 7.58 4 12C4 16.42 7.57 20 11.99 20C15.72 20 18.83 17.45 19.72 14H17.64C16.82 16.33 14.6 18 11.99 18C8.68 18 5.99 15.31 5.99 12C5.99 8.69 8.68 6 11.99 6C13.65 6 15.13 6.69 16.21 7.78L12.99 11H19.99V4L17.64 6.35Z",
-    fill: "currentColor"
+    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"
+      }
+    )
   }
-) });
+);
 export {
-  e as RefreshIcon
+  Z as TableManagementGlyph
 };

package/dist/index86.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("./index103.cjs"),l=require("./index104.cjs"),c=require("./index89.cjs"),u=require("./index90.cjs"),d=require("./index87.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";const e=require("react");var c=function(t,n){var r=e.useRef(function(){});e.useEffect(function(){r.current=t}),e.useEffect(function(){if(n!==null){var u=setInterval(function(){return r.current()},n||0);return function(){return clearInterval(u)}}},[n])};module.exports=c;

package/dist/index86.js

@@ -1,15 +1,20 @@
-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 "./index103.js";
-import { DroppableArea as d } from "./index104.js";
-import { ColumnItem as l } from "./index89.js";
-import { ColumnGroupIds as c } from "./index90.js";
-import { StickyText as f } from "./index87.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 { useRef as f, useEffect as t } from "react";
+var a = function(e, n) {
+  var r = f(function() {
+  });
+  t(function() {
+    r.current = e;
+  }), t(function() {
+    if (n !== null) {
+      var u = setInterval(function() {
+        return r.current();
+      }, n || 0);
+      return function() {
+        return clearInterval(u);
+      };
+    }
+  }, [n]);
+};
 export {
-  I as ColumnGroup
+  a as default
 };

package/dist/index87.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 i=require("react/jsx-runtime"),l=require("./index103.cjs"),o=e=>i.jsx(l.StyledSortableViews,{...e,onChange:t=>{t.filter(r=>{var n;return(n=r.children)==null?void 0:n.length}).length||e.onChange(t)}});exports.LegacySortableViews=o;

package/dist/index87.js

@@ -1,122 +1,17 @@
-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};
+import { jsx as o } from "react/jsx-runtime";
+import { StyledSortableViews as i } from "./index103.js";
+const h = (e) => /* @__PURE__ */ o(
+  i,
+  {
+    ...e,
+    onChange: (t) => {
+      t.filter((n) => {
+        var r;
+        return (r = n.children) == null ? void 0 : r.length;
+      }).length || e.onChange(t);
     }
-
-    ${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;
-`;
+);
 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
+  h as LegacySortableViews
 };

package/dist/index88.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("@dnd-kit/core"),S=require("@dnd-kit/sortable"),h=require("./index87.cjs"),q=require("@veeqo/ui"),C=require("./index50.cjs"),E=require("./index105.cjs"),p=require("./index106.cjs"),A=require("./index10.cjs"),b=require("./index49.cjs"),x={droppable:{strategy:e.MeasuringStrategy.Always}},M={sideEffects:e.defaultDropAnimationSideEffects({styles:{active:{opacity:"0.5"}}})},j=({items:o,setItems:s,children:a,renderDragOverlay:n})=>{const{closeModal:i,openModal:l}=C.useModal(),c=e.useSensors(e.useSensor(e.PointerSensor),e.useSensor(e.KeyboardSensor,{coordinateGetter:S.sortableKeyboardCoordinates})),{activeId:t,handleDragCancel:d,handleDragEnd:u,handleDragOver:g,handleDragStart:D}=E.useDragHandlers({items:o,setItems:s}),{collisionDetectionStrategy:y}=p.useCollisionDetectionStrategy({items:o});return r.jsx(A.ErrorBoundary,{errorComponent:r.jsx(q.Alert,{variant:"error",title:"An error occurred",rightActions:[{label:"Reload",onClick:()=>{i(),l(b.ModalId.ORDERS_TABLE_MANAGEMENT)}}]}),children:r.jsxs(e.DndContext,{sensors:c,measuring:x,collisionDetection:y,onDragStart:D,onDragOver:g,onDragEnd:u,onDragCancel:d,children:[a,r.jsx(h.DndDragOverlayDialog,{open:!0,children:r.jsx(e.DragOverlay,{dropAnimation:M,zIndex:2001,children:t&&n?n(t):null})})]})})};exports.DndContainer=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@veeqo/ui"),i=require("./index101.cjs"),n=r.theme.colors.secondary.blue.base,a=({onClick:t})=>e.jsx(i.Notification,{children:e.jsx(i.Pill,{children:e.jsxs(r.Stack,{direction:"horizontal",alignY:"center",children:[e.jsx(i.Glyph,{ariaLabel:"info",name:"info",color:n}),e.jsxs(i.Wrap,{children:[e.jsx(i.Text,{variant:"body",margin:"0 4px 0 0",children:"You are currently in a"}),e.jsx(i.Bold,{variant:"bodyBoldDark",children:"draft view"}),e.jsx(i.Hint,{variant:"hintText",children:"Apply filters and save these by creating a custom view"})]}),e.jsx(i.Button,{variant:"primary",onClick:t,size:"sm",children:"Create view"})]})})});exports.DraftPill=a;

package/dist/index88.js

@@ -1,70 +1,23 @@
-import { jsx as r, jsxs as f } from "react/jsx-runtime";
-import { useSensors as u, useSensor as n, PointerSensor as y, KeyboardSensor as S, DndContext as h, MeasuringStrategy as A, DragOverlay as E, defaultDropAnimationSideEffects as C } from "@dnd-kit/core";
-import { sortableKeyboardCoordinates as M } from "@dnd-kit/sortable";
-import { DndDragOverlayDialog as v } from "./index87.js";
-import { Alert as b } from "@veeqo/ui";
-import { useModal as x } from "./index50.js";
-import { useDragHandlers as O } from "./index105.js";
-import { useCollisionDetectionStrategy as I } from "./index106.js";
-import { ErrorBoundary as R } from "./index10.js";
-import { ModalId as j } from "./index49.js";
-const B = {
-  droppable: {
-    strategy: A.Always
-  }
-}, G = {
-  sideEffects: C({
-    styles: {
-      active: {
-        opacity: "0.5"
-      }
-    }
-  })
-}, q = ({
-  items: o,
-  setItems: a,
-  children: i,
-  renderDragOverlay: e
-}) => {
-  const { closeModal: s, openModal: l } = x(), d = u(
-    n(y),
-    n(S, {
-      coordinateGetter: M
-    })
-  ), { activeId: t, handleDragCancel: c, handleDragEnd: m, handleDragOver: p, handleDragStart: D } = O({ items: o, setItems: a }), { collisionDetectionStrategy: g } = I({
-    items: o
-  });
-  return /* @__PURE__ */ r(R, { errorComponent: /* @__PURE__ */ r(b, { variant: "error", title: "An error occurred", rightActions: [
-    {
-      label: "Reload",
-      onClick: () => {
-        s(), l(j.ORDERS_TABLE_MANAGEMENT);
-      }
-    }
-  ] }), children: /* @__PURE__ */ f(
-    h,
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Stack as a, theme as n } from "@veeqo/ui";
+import { Notification as t, Pill as o, Glyph as l, Wrap as c, Text as d, Bold as s, Hint as h, Button as m } from "./index101.js";
+const p = n.colors.secondary.blue.base, b = ({ onClick: e }) => /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r(o, { children: /* @__PURE__ */ i(a, { direction: "horizontal", alignY: "center", children: [
+  /* @__PURE__ */ r(l, { ariaLabel: "info", name: "info", color: p }),
+  /* @__PURE__ */ i(c, { children: [
+    /* @__PURE__ */ r(d, { variant: "body", margin: "0 4px 0 0", children: "You are currently in a" }),
+    /* @__PURE__ */ r(s, { variant: "bodyBoldDark", children: "draft view" }),
+    /* @__PURE__ */ r(h, { variant: "hintText", children: "Apply filters and save these by creating a custom view" })
+  ] }),
+  /* @__PURE__ */ r(
+    m,
     {
-      sensors: d,
-      measuring: B,
-      collisionDetection: g,
-      onDragStart: D,
-      onDragOver: p,
-      onDragEnd: m,
-      onDragCancel: c,
-      children: [
-        i,
-        /* @__PURE__ */ r(v, { open: !0, children: /* @__PURE__ */ r(
-          E,
-          {
-            dropAnimation: G,
-            zIndex: 2001,
-            children: t && e ? e(t) : null
-          }
-        ) })
-      ]
+      variant: "primary",
+      onClick: e,
+      size: "sm",
+      children: "Create view"
     }
-  ) });
-};
+  )
+] }) }) });
 export {
-  q as DndContainer
+  b as DraftPill
 };

package/dist/index89.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@veeqo/ui"),a=require("@veeqo/components"),n=require("./index87.cjs"),{Glyph:c}=a.VeeqoCommon,l=({column:t,isHidden:r,isDragOverlay:s})=>{const o=t.title||t.tooltip;return e.jsxs(n.ColumnItemWrapper,{direction:"horizontal",spacing:"sm",alignY:"center",isHidden:r,isDragOverlay:s,children:[e.jsx(c,{name:"drag-indicator",size:4}),t.detailed?e.jsxs(i.Stack,{spacing:"xs",children:[e.jsxs(i.Text,{variant:"body",children:[o," (detailed)"]}),e.jsx(n.DetailedText,{variant:"hintText",children:t.detailed})]}):e.jsx(i.Text,{variant:"body",children:o}),!s&&r&&e.jsx(n.VisibilityOffIcon,{size:4})]})};exports.ColumnItem=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("swr"),w=require("./index7.cjs"),F=require("./index60.cjs"),R=require("./index65.cjs"),S=require("./index53.cjs"),m=t=>t&&t.__esModule?t:{default:t},p=m(V),y=t=>{var u;const{TABLE_DATA_URL:n,SORT_FILTER_ID:i}=w.useBusinessLogic(),{viewsMap:a,isLoading:c}=F.useViews(),e=a.get(`${t}`),s=new R.Filters;e&&(s.initFiltersFromView(e),s.setPageSize(1),s.setCurrentPage(1));const l=!c&&s.pageSize===1&&s.currentPage===1,d=s.queryParamsObject;e!=null&&e.sort&&d.set(i,e==null?void 0:e.sort);const g=l?`${n}?${s.queryParams}`:null,{data:o,error:f,isLoading:L,mutate:_}=p.default([g,{includeMeta:!0}],([q,P])=>S.fetcherV2(q,P),{revalidateOnFocus:!1,revalidateOnReconnect:!1,keepPreviousData:!0}),r=o==null?void 0:o.meta;return{viewCounts:(u=r==null?void 0:r.page)==null?void 0:u.total_count,error:f,isLoadingViewCounts:L,mutate:_}};exports.useViewCounts=y;