@veeqo/transfigure 1.1.8 → 1.2.0

package/dist/index10.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("@veeqo/ui"),_=require("./index2.cjs"),d=require("./index9.cjs"),o=require("@veeqo/components"),n=["due_date"],r=["product_count"],p="filter[search]",E="sort",a=s.DateRanges.TODAY,T=s.getDateRange(a),m=s.DATE_RANGE_OPTIONS.find(({value:e})=>e===a),A="25",h="1",L="order",b=200,g=[10,25,50,100],y="page[number]",D="page[size]",S=["order_id","shipping_rates","package","action"],M=["price"],R="api/v2/orders",F=_.SortingMode.MONOLITH,i={DATE_RANGE_FILTERS:n,SEARCH_FILTER_ID:p,SORT_FILTER_ID:E,NUMBER_RANGE_FILTERS:r,DEFAULT_DATE_SELECTION:a,DEFAULT_DATE_RANGE:T,DEFAULT_DATE_PRESET:m,DEFAULT_PAGE_SIZE:A,DEFAULT_PAGE_NUMBER:h,VIEW_TYPE:L,FILTERS_DEBOUCE_INTERVAL_MS:b,PAGE_SIZE_OPTIONS:g,PAGE_NUMBER_FILTER_ID:y,PAGE_SIZE_FILTER_ID:D,DEFAULT_VISIBLE_COLUMNS:S,DEFAULT_HIDDEN_COLUMNS:M,TABLE_DATA_URL:R,SORTING_MODE:F},c=()=>{const e=new Map,l=new Map;return e.set("order_number",{id:"order_number",label:"Order number",filterType:"text",isFilterAllowed:!0,glyph:t.jsx(o.VeeqoCommon.Glyph,{name:"filter"})}),l.set("order",{id:"order",label:"Order",fields:[e.get("order_number")],glyph:t.jsx(o.VeeqoCommon.Glyph,{name:"product-menu"})}),e.set("shoe_size",{id:"shoe_size",label:"Shoe size",filterType:"radio",isFilterAllowed:!0,glyph:t.jsx(o.VeeqoCommon.Glyph,{name:"filter"}),options:[{label:"One",value:"1"},{label:"Two",value:"2"},{label:"Three",value:"3"},{label:"Four",value:"4"},{label:"Five",value:"5"}]}),l.set("shoe",{id:"shoe",label:"Shoe",fields:[e.get("shoe_size")],glyph:t.jsx(o.VeeqoCommon.Glyph,{name:"filter"})}),e.set("channel_id",{id:"channel_id",label:"Channel",filterType:"checkbox",isFilterAllowed:!0,glyph:t.jsx(o.VeeqoCommon.Glyph,{name:"filter"}),fetchAsyncFilterOptions:{URL:"/channels",labelProperty:"name",valueProperty:"id",fetcher:"fetcherV1"}}),l.set("channel",{id:"channel",label:"Store",fields:[e.get("channel_id")],glyph:t.jsx(o.VeeqoCommon.Glyph,{name:"fba"})}),e.set("product_count",{id:"product_count",label:"Product count",filterType:"number_range",isFilterAllowed:!0,glyph:t.jsx(o.VeeqoCommon.Glyph,{name:"filter"}),options:[{label:"Min",value:"0"},{label:"Max",value:"100"}]}),l.set("product_count",{id:"product_count",label:"Product count",fields:[e.get("product_count")],glyph:t.jsx(o.VeeqoCommon.Glyph,{name:"reports"})}),e.set("due_date",{id:"due_date",label:"Due date",filterType:"date_range",isFilterAllowed:!0,glyph:t.jsx(o.VeeqoCommon.Glyph,{name:"filter"}),options:[{label:"Today",value:"TODAY"},{label:"Yesterday",value:"YESTERDAY"},{label:"Last 7 days",value:"LAST_7_DAYS"},{label:"Last 30 days",value:"LAST_30_DAYS"},{label:"Last 90 days",value:"LAST_90_DAYS"},{label:"Last month",value:"LAST_MONTH"},{label:"Last 12 months",value:"LAST_12_MONTHS"},{label:"Week to date",value:"WEEK_TO_DATE"},{label:"Month to date",value:"MONTH_TO_DATE"},{label:"Year to date",value:"YEAR_TO_DATE"}]}),l.set("due",{id:"due",label:"Due",fields:[e.get("due_date")],glyph:t.jsx(o.VeeqoCommon.Glyph,{name:"date"})}),e.set("max_products",{id:"max_products",label:"Max products",filterType:"number",isFilterAllowed:!0,glyph:t.jsx(o.VeeqoCommon.Glyph,{name:"products"})}),l.set("max_count",{id:"max_count",label:"Max count",fields:[e.get("max_products")],glyph:t.jsx(o.VeeqoCommon.Glyph,{name:"reports"})}),{FIELDS_MAP:e,GROUP_MAP:l}},I=e=>{const l=c(),u={...i,...l,...e};d.BusinessLogicManager.setBusinessLogic(u)};exports.DATE_RANGE_FILTERS=n;exports.NUMBER_RANGE_FILTERS=r;exports.customAppBusinessLogic=i;exports.generateMockedFilterMaps=c;exports.setMockedBusinessLogic=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("@veeqo/ui"),_=require("./index2.cjs"),u=require("./index9.cjs"),o=require("@veeqo/components"),n=["due_date"],r=["product_count"],p="filter[search]",m="sort",a=s.DateRanges.TODAY,E=s.getDateRange(a),T=s.DATE_RANGE_OPTIONS.find(({value:e})=>e===a),A="25",b="1",h="order",y=200,g=[10,25,50,100],L="page[number]",D="page[size]",S=["order_id","shipping_rates","package","action"],R=["price"],M="api/v2/orders",F=_.SortingMode.MONOLITH,i={DATE_RANGE_FILTERS:n,SEARCH_FILTER_ID:p,SORT_FILTER_ID:m,NUMBER_RANGE_FILTERS:r,DEFAULT_DATE_SELECTION:a,DEFAULT_DATE_RANGE:E,DEFAULT_DATE_PRESET:T,DEFAULT_PAGE_SIZE:A,DEFAULT_PAGE_NUMBER:b,VIEW_TYPE:h,FILTERS_DEBOUCE_INTERVAL_MS:y,PAGE_SIZE_OPTIONS:g,PAGE_NUMBER_FILTER_ID:L,PAGE_SIZE_FILTER_ID:D,DEFAULT_VISIBLE_COLUMNS:S,DEFAULT_HIDDEN_COLUMNS:R,TABLE_DATA_URL:M,SORTING_MODE:F},d=()=>{const e=new Map,l=new Map;return e.set("brand_ids[]",{id:"brand_ids[]",glyph:t.jsx(o.VeeqoCommon.Glyph,{name:"brand"}),label:"Brand",filterType:"checkbox",isFilterAllowed:!0,fetchAsyncFilterOptions:{URL:"/catalog/brands",labelProperty:"name",valueProperty:"id",fetcher:"fetcherV1",baseProperty:"brands"}}),l.set("brand",{id:"brand",label:"Brand",fields:[e.get("brand_ids[]")],glyph:t.jsx(o.VeeqoCommon.Glyph,{name:"brand"})}),e.set("order_number",{id:"order_number",label:"Order number",filterType:"text",isFilterAllowed:!0,glyph:t.jsx(o.VeeqoCommon.Glyph,{name:"filter"})}),l.set("order",{id:"order",label:"Order",fields:[e.get("order_number")],glyph:t.jsx(o.VeeqoCommon.Glyph,{name:"product-menu"})}),e.set("shoe_size",{id:"shoe_size",label:"Shoe size",filterType:"radio",isFilterAllowed:!0,glyph:t.jsx(o.VeeqoCommon.Glyph,{name:"filter"}),options:[{label:"One",value:"1"},{label:"Two",value:"2"},{label:"Three",value:"3"},{label:"Four",value:"4"},{label:"Five",value:"5"}]}),l.set("shoe",{id:"shoe",label:"Shoe",fields:[e.get("shoe_size")],glyph:t.jsx(o.VeeqoCommon.Glyph,{name:"filter"})}),e.set("channel_id",{id:"channel_id",label:"Channel",filterType:"checkbox",isFilterAllowed:!0,glyph:t.jsx(o.VeeqoCommon.Glyph,{name:"filter"}),fetchAsyncFilterOptions:{URL:"/channels",labelProperty:"name",valueProperty:"id",fetcher:"fetcherV1"}}),l.set("channel",{id:"channel",label:"Store",fields:[e.get("channel_id")],glyph:t.jsx(o.VeeqoCommon.Glyph,{name:"fba"})}),e.set("product_count",{id:"product_count",label:"Product count",filterType:"number_range",isFilterAllowed:!0,glyph:t.jsx(o.VeeqoCommon.Glyph,{name:"filter"}),options:[{label:"Min",value:"0"},{label:"Max",value:"100"}]}),l.set("product_count",{id:"product_count",label:"Product count",fields:[e.get("product_count")],glyph:t.jsx(o.VeeqoCommon.Glyph,{name:"reports"})}),e.set("due_date",{id:"due_date",label:"Due date",filterType:"date_range",isFilterAllowed:!0,glyph:t.jsx(o.VeeqoCommon.Glyph,{name:"filter"}),options:[{label:"Today",value:"TODAY"},{label:"Yesterday",value:"YESTERDAY"},{label:"Last 7 days",value:"LAST_7_DAYS"},{label:"Last 30 days",value:"LAST_30_DAYS"},{label:"Last 90 days",value:"LAST_90_DAYS"},{label:"Last month",value:"LAST_MONTH"},{label:"Last 12 months",value:"LAST_12_MONTHS"},{label:"Week to date",value:"WEEK_TO_DATE"},{label:"Month to date",value:"MONTH_TO_DATE"},{label:"Year to date",value:"YEAR_TO_DATE"}]}),l.set("due",{id:"due",label:"Due",fields:[e.get("due_date")],glyph:t.jsx(o.VeeqoCommon.Glyph,{name:"date"})}),e.set("max_products",{id:"max_products",label:"Max products",filterType:"number",isFilterAllowed:!0,glyph:t.jsx(o.VeeqoCommon.Glyph,{name:"products"})}),l.set("max_count",{id:"max_count",label:"Max count",fields:[e.get("max_products")],glyph:t.jsx(o.VeeqoCommon.Glyph,{name:"reports"})}),{FIELDS_MAP:e,GROUP_MAP:l}},f=e=>{const l=d(),c={...i,...l,...e};u.BusinessLogicManager.setBusinessLogic(c)};exports.DATE_RANGE_FILTERS=n;exports.NUMBER_RANGE_FILTERS=r;exports.customAppBusinessLogic=i;exports.generateMockedFilterMaps=d;exports.setMockedBusinessLogic=f;

package/dist/index10.js

@@ -1,48 +1,66 @@
-import { jsx as t } from "react/jsx-runtime";
-import { DATE_RANGE_OPTIONS as r, getDateRange as n, DateRanges as i } from "@veeqo/ui";
-import { SortingMode as _ } from "./index2.js";
-import { BusinessLogicManager as d } from "./index9.js";
-import { VeeqoCommon as l } from "@veeqo/components";
-const c = ["due_date"], u = ["product_count"], p = "filter[search]", E = "sort", o = i.TODAY, T = n(o), A = r.find(
-  ({ value: e }) => e === o
-), h = "25", m = "1", b = "order", L = 200, y = [10, 25, 50, 100], g = "page[number]", D = "page[size]", S = ["order_id", "shipping_rates", "package", "action"], f = ["price"], F = "api/v2/orders", M = _.MONOLITH, O = {
+import { jsx as l } from "react/jsx-runtime";
+import { DATE_RANGE_OPTIONS as s, getDateRange as n, DateRanges as d } from "@veeqo/ui";
+import { SortingMode as i } from "./index2.js";
+import { BusinessLogicManager as _ } from "./index9.js";
+import { VeeqoCommon as t } from "@veeqo/components";
+const c = ["due_date"], p = ["product_count"], u = "filter[search]", E = "sort", r = d.TODAY, T = n(r), h = s.find(
+  ({ value: e }) => e === r
+), b = "25", A = "1", y = "order", m = 200, L = [10, 25, 50, 100], g = "page[number]", D = "page[size]", f = ["order_id", "shipping_rates", "package", "action"], S = ["price"], F = "api/v2/orders", O = i.MONOLITH, R = {
   DATE_RANGE_FILTERS: c,
-  SEARCH_FILTER_ID: p,
+  SEARCH_FILTER_ID: u,
   SORT_FILTER_ID: E,
-  NUMBER_RANGE_FILTERS: u,
-  DEFAULT_DATE_SELECTION: o,
+  NUMBER_RANGE_FILTERS: p,
+  DEFAULT_DATE_SELECTION: r,
   DEFAULT_DATE_RANGE: T,
-  DEFAULT_DATE_PRESET: A,
-  DEFAULT_PAGE_SIZE: h,
-  DEFAULT_PAGE_NUMBER: m,
-  VIEW_TYPE: b,
-  FILTERS_DEBOUCE_INTERVAL_MS: L,
-  PAGE_SIZE_OPTIONS: y,
+  DEFAULT_DATE_PRESET: h,
+  DEFAULT_PAGE_SIZE: b,
+  DEFAULT_PAGE_NUMBER: A,
+  VIEW_TYPE: y,
+  FILTERS_DEBOUCE_INTERVAL_MS: m,
+  PAGE_SIZE_OPTIONS: L,
   PAGE_NUMBER_FILTER_ID: g,
   PAGE_SIZE_FILTER_ID: D,
-  DEFAULT_VISIBLE_COLUMNS: S,
-  DEFAULT_HIDDEN_COLUMNS: f,
+  DEFAULT_VISIBLE_COLUMNS: f,
+  DEFAULT_HIDDEN_COLUMNS: S,
   TABLE_DATA_URL: F,
-  SORTING_MODE: M
-}, R = () => {
+  SORTING_MODE: O
+}, M = () => {
   const e = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
-  return e.set("order_number", {
+  return e.set("brand_ids[]", {
+    id: "brand_ids[]",
+    glyph: /* @__PURE__ */ l(t.Glyph, { name: "brand" }),
+    label: "Brand",
+    filterType: "checkbox",
+    isFilterAllowed: !0,
+    fetchAsyncFilterOptions: {
+      URL: "/catalog/brands",
+      labelProperty: "name",
+      valueProperty: "id",
+      fetcher: "fetcherV1",
+      baseProperty: "brands"
+    }
+  }), a.set("brand", {
+    id: "brand",
+    label: "Brand",
+    fields: [e.get("brand_ids[]")],
+    glyph: /* @__PURE__ */ l(t.Glyph, { name: "brand" })
+  }), e.set("order_number", {
     id: "order_number",
     label: "Order number",
     filterType: "text",
     isFilterAllowed: !0,
-    glyph: /* @__PURE__ */ t(l.Glyph, { name: "filter" })
+    glyph: /* @__PURE__ */ l(t.Glyph, { name: "filter" })
   }), a.set("order", {
     id: "order",
     label: "Order",
     fields: [e.get("order_number")],
-    glyph: /* @__PURE__ */ t(l.Glyph, { name: "product-menu" })
+    glyph: /* @__PURE__ */ l(t.Glyph, { name: "product-menu" })
   }), e.set("shoe_size", {
     id: "shoe_size",
     label: "Shoe size",
     filterType: "radio",
     isFilterAllowed: !0,
-    glyph: /* @__PURE__ */ t(l.Glyph, { name: "filter" }),
+    glyph: /* @__PURE__ */ l(t.Glyph, { name: "filter" }),
     options: [
       {
         label: "One",
@@ -69,13 +87,13 @@ const c = ["due_date"], u = ["product_count"], p = "filter[search]", E = "sort",
     id: "shoe",
     label: "Shoe",
     fields: [e.get("shoe_size")],
-    glyph: /* @__PURE__ */ t(l.Glyph, { name: "filter" })
+    glyph: /* @__PURE__ */ l(t.Glyph, { name: "filter" })
   }), e.set("channel_id", {
     id: "channel_id",
     label: "Channel",
     filterType: "checkbox",
     isFilterAllowed: !0,
-    glyph: /* @__PURE__ */ t(l.Glyph, { name: "filter" }),
+    glyph: /* @__PURE__ */ l(t.Glyph, { name: "filter" }),
     fetchAsyncFilterOptions: {
       URL: "/channels",
       labelProperty: "name",
@@ -86,13 +104,13 @@ const c = ["due_date"], u = ["product_count"], p = "filter[search]", E = "sort",
     id: "channel",
     label: "Store",
     fields: [e.get("channel_id")],
-    glyph: /* @__PURE__ */ t(l.Glyph, { name: "fba" })
+    glyph: /* @__PURE__ */ l(t.Glyph, { name: "fba" })
   }), e.set("product_count", {
     id: "product_count",
     label: "Product count",
     filterType: "number_range",
     isFilterAllowed: !0,
-    glyph: /* @__PURE__ */ t(l.Glyph, { name: "filter" }),
+    glyph: /* @__PURE__ */ l(t.Glyph, { name: "filter" }),
     options: [
       {
         label: "Min",
@@ -107,13 +125,13 @@ const c = ["due_date"], u = ["product_count"], p = "filter[search]", E = "sort",
     id: "product_count",
     label: "Product count",
     fields: [e.get("product_count")],
-    glyph: /* @__PURE__ */ t(l.Glyph, { name: "reports" })
+    glyph: /* @__PURE__ */ l(t.Glyph, { name: "reports" })
   }), e.set("due_date", {
     id: "due_date",
     label: "Due date",
     filterType: "date_range",
     isFilterAllowed: !0,
-    glyph: /* @__PURE__ */ t(l.Glyph, { name: "filter" }),
+    glyph: /* @__PURE__ */ l(t.Glyph, { name: "filter" }),
     options: [
       {
         label: "Today",
@@ -160,27 +178,27 @@ const c = ["due_date"], u = ["product_count"], p = "filter[search]", E = "sort",
     id: "due",
     label: "Due",
     fields: [e.get("due_date")],
-    glyph: /* @__PURE__ */ t(l.Glyph, { name: "date" })
+    glyph: /* @__PURE__ */ l(t.Glyph, { name: "date" })
   }), e.set("max_products", {
     id: "max_products",
     label: "Max products",
     filterType: "number",
     isFilterAllowed: !0,
-    glyph: /* @__PURE__ */ t(l.Glyph, { name: "products" })
+    glyph: /* @__PURE__ */ l(t.Glyph, { name: "products" })
   }), a.set("max_count", {
     id: "max_count",
     label: "Max count",
     fields: [e.get("max_products")],
-    glyph: /* @__PURE__ */ t(l.Glyph, { name: "reports" })
+    glyph: /* @__PURE__ */ l(t.Glyph, { name: "reports" })
   }), { FIELDS_MAP: e, GROUP_MAP: a };
 }, U = (e) => {
-  const a = R(), s = { ...O, ...a, ...e };
-  d.setBusinessLogic(s);
+  const a = M(), o = { ...R, ...a, ...e };
+  _.setBusinessLogic(o);
 };
 export {
   c as DATE_RANGE_FILTERS,
-  u as NUMBER_RANGE_FILTERS,
-  O as customAppBusinessLogic,
-  R as generateMockedFilterMaps,
+  p as NUMBER_RANGE_FILTERS,
+  R as customAppBusinessLogic,
+  M as generateMockedFilterMaps,
   U as setMockedBusinessLogic
 };

package/dist/index100.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),f=require("swr"),R=require("./index61.cjs"),S=require("./index8.cjs"),P=require("./index62.cjs"),h=require("./index55.cjs"),m=e=>e&&e.__esModule?e:{default:e},q=m(f),E=()=>{var r;const{Filters:{queryParams:e}}=R.useStores(),{TABLE_DATA_URL:i,PAGE_NUMBER_FILTER_ID:u,PAGE_SIZE_FILTER_ID:n}=S.useBusinessLogic(),{isLoading:c}=P.useViews(),a=w.useMemo(()=>{const s=new URLSearchParams(e);return s.set(u,"1"),s.set(n,"1"),s.toString()},[e,u,n]),l=!c?`${i}?${a}`:null,{data:t,error:d,isLoading:_,mutate:L}=q.default([l,{includeMeta:!0}],([s,g])=>h.fetcherV2(s,g),{revalidateOnFocus:!1,revalidateOnReconnect:!1,keepPreviousData:!0}),o=t==null?void 0:t.meta;return{viewCounts:(r=o==null?void 0:o.page)==null?void 0:r.total_count,error:d,isLoadingViewCounts:_,mutate:L}};exports.useViewCounts=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),l=require("./index110.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/index100.js

@@ -1,35 +1,17 @@
-import { useMemo as _ } from "react";
-import p from "swr";
-import { useStores as w } from "./index61.js";
-import { useBusinessLogic as R } from "./index8.js";
-import { useViews as g } from "./index62.js";
-import { fetcherV2 as E } from "./index55.js";
-const V = () => {
-  var i;
-  const { Filters: { queryParams: s } } = w(), { TABLE_DATA_URL: a, PAGE_NUMBER_FILTER_ID: r, PAGE_SIZE_FILTER_ID: n } = R(), { isLoading: u } = g(), c = _(() => {
-    const e = new URLSearchParams(s);
-    return e.set(r, "1"), e.set(n, "1"), e.toString();
-  }, [s, r, n]), m = !u ? `${a}?${c}` : null, {
-    data: t,
-    error: l,
-    isLoading: L,
-    mutate: d
-  } = p(
-    [m, { includeMeta: !0 }],
-    ([e, f]) => E(e, f),
-    {
-      revalidateOnFocus: !1,
-      revalidateOnReconnect: !1,
-      keepPreviousData: !0
+import { jsx as o } from "react/jsx-runtime";
+import { StyledSortableViews as i } from "./index110.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);
     }
-  ), o = t == null ? void 0 : t.meta;
-  return {
-    viewCounts: (i = o == null ? void 0 : o.page) == null ? void 0 : i.total_count,
-    error: l,
-    isLoadingViewCounts: L,
-    mutate: d
-  };
-};
+  }
+);
 export {
-  V as useViewCounts
+  h as LegacySortableViews
 };

package/dist/index101.cjs

@@ -1 +1,19 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@veeqo/ui"),r=({shouldShow:a,viewName:n,onCancel:t,onDelete:o})=>e.jsx(i.Modal,{headerTitle:`Delete '${n}' view?`,"data-testid":"act-react-listing-custom-confirmation-popup",variant:"sm",shouldShow:a,onClose:t,rightActions:[{className:"act-react-listing-custom-confirmation-popup-cancel",label:"Cancel",onClick:t,variant:"default"},{className:"act-react-listing-custom-confirmation-popup-delete",label:"Delete",onClick:o,variant:"primaryDestructive"}],showHeaderCloseButton:!0,children:e.jsx(i.Text,{variant:"body",children:"This cannot be undone."})});exports.Confirmation=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),e=require("@veeqo/ui"),s=t=>t&&t.__esModule?t:{default:t},o=s(r),i=o.default(e.Button).attrs(()=>({role:"option",variant:"flat"}))`
+  margin: ${e.theme.sizes.xs};
+  min-width: 180px;
+  justify-content: flex-start;
+  font-size: ${e.theme.text.body.fontSize};
+
+  &:hover {
+    background-color: ${e.theme.colors.neutral.grey.lightest};
+    color: ${e.theme.colors.secondary.blue.base};
+    cursor: pointer;
+  }
+`,n=o.default(e.Card.Surface).attrs(()=>({role:"listbox",elevation:4}))`
+  margin-top: ${e.theme.sizes.xs};
+  background-color: white;
+`,l=o.default.hr`
+  width: 100%;
+  border-top: 1px solid ${e.theme.colors.neutral.grey.dark};
+  margin: 0;
+`;exports.Divider=l;exports.Item=i;exports.MenuItems=n;

package/dist/index101.js

@@ -1,31 +1,26 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Modal as n, Text as r } from "@veeqo/ui";
-const s = ({ shouldShow: a, viewName: i, onCancel: t, onDelete: o }) => /* @__PURE__ */ e(
-  n,
-  {
-    headerTitle: `Delete '${i}' view?`,
-    "data-testid": "act-react-listing-custom-confirmation-popup",
-    variant: "sm",
-    shouldShow: a,
-    onClose: t,
-    rightActions: [
-      {
-        className: "act-react-listing-custom-confirmation-popup-cancel",
-        label: "Cancel",
-        onClick: t,
-        variant: "default"
-      },
-      {
-        className: "act-react-listing-custom-confirmation-popup-delete",
-        label: "Delete",
-        onClick: o,
-        variant: "primaryDestructive"
-      }
-    ],
-    showHeaderCloseButton: !0,
-    children: /* @__PURE__ */ e(r, { variant: "body", children: "This cannot be undone." })
+import t from "styled-components";
+import { theme as o, Card as r, Button as e } from "@veeqo/ui";
+const n = t(e).attrs(() => ({ role: "option", variant: "flat" }))`
+  margin: ${o.sizes.xs};
+  min-width: 180px;
+  justify-content: flex-start;
+  font-size: ${o.text.body.fontSize};
+
+  &:hover {
+    background-color: ${o.colors.neutral.grey.lightest};
+    color: ${o.colors.secondary.blue.base};
+    cursor: pointer;
   }
-);
+`, a = t(r.Surface).attrs(() => ({ role: "listbox", elevation: 4 }))`
+  margin-top: ${o.sizes.xs};
+  background-color: white;
+`, l = t.hr`
+  width: 100%;
+  border-top: 1px solid ${o.colors.neutral.grey.dark};
+  margin: 0;
+`;
 export {
-  s as Confirmation
+  l as Divider,
+  n as Item,
+  a as MenuItems
 };

package/dist/index102.cjs

@@ -1,19 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),e=require("@veeqo/ui"),s=t=>t&&t.__esModule?t:{default:t},o=s(r),i=o.default(e.Button).attrs(()=>({role:"option",variant:"flat"}))`
-  margin: ${e.theme.sizes.xs};
-  min-width: 180px;
-  justify-content: flex-start;
-  font-size: ${e.theme.text.body.fontSize};
-
-  &:hover {
-    background-color: ${e.theme.colors.neutral.grey.lightest};
-    color: ${e.theme.colors.secondary.blue.base};
-    cursor: pointer;
-  }
-`,n=o.default(e.Card.Surface).attrs(()=>({role:"listbox",elevation:4}))`
-  margin-top: ${e.theme.sizes.xs};
-  background-color: white;
-`,l=o.default.hr`
-  width: 100%;
-  border-top: 1px solid ${e.theme.colors.neutral.grey.dark};
-  margin: 0;
-`;exports.Divider=l;exports.Item=i;exports.MenuItems=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),n=require("react"),l=require("./index113.cjs"),v=({children:i,style:o,className:c})=>{const r=n.useRef(null),[u,f]=n.useState(0);return n.useEffect(()=>{const e=r.current,s=()=>{if(e){const{top:a}=e.getBoundingClientRect();f(a)}};s();const t=new ResizeObserver(s);return e&&t.observe(e),()=>{e&&t.unobserve(e),t.disconnect()}},[]),d.jsx(l.AdaptiveStyledContainer,{style:o,className:c,offset:u,ref:r,children:i})};exports.AdaptiveHeightContainer=v;

package/dist/index102.js

@@ -1,26 +1,26 @@
-import t from "styled-components";
-import { theme as o, Card as r, Button as e } from "@veeqo/ui";
-const n = t(e).attrs(() => ({ role: "option", variant: "flat" }))`
-  margin: ${o.sizes.xs};
-  min-width: 180px;
-  justify-content: flex-start;
-  font-size: ${o.text.body.fontSize};
-
-  &:hover {
-    background-color: ${o.colors.neutral.grey.lightest};
-    color: ${o.colors.secondary.blue.base};
-    cursor: pointer;
-  }
-`, a = t(r.Surface).attrs(() => ({ role: "listbox", elevation: 4 }))`
-  margin-top: ${o.sizes.xs};
-  background-color: white;
-`, l = t.hr`
-  width: 100%;
-  border-top: 1px solid ${o.colors.neutral.grey.dark};
-  margin: 0;
-`;
+import { jsx as p } from "react/jsx-runtime";
+import { useRef as a, useState as d, useEffect as m } from "react";
+import { AdaptiveStyledContainer as v } from "./index113.js";
+const R = ({
+  children: o,
+  style: s,
+  className: f
+}) => {
+  const r = a(null), [i, c] = d(0);
+  return m(() => {
+    const e = r.current, n = () => {
+      if (e) {
+        const { top: u } = e.getBoundingClientRect();
+        c(u);
+      }
+    };
+    n();
+    const t = new ResizeObserver(n);
+    return e && t.observe(e), () => {
+      e && t.unobserve(e), t.disconnect();
+    };
+  }, []), /* @__PURE__ */ p(v, { style: s, className: f, offset: i, ref: r, children: o });
+};
 export {
-  l as Divider,
-  n as Item,
-  a as MenuItems
+  R as AdaptiveHeightContainer
 };

package/dist/index103.cjs

@@ -1 +1,12 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@veeqo/ui"),i=require("./index104.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),t=require("@veeqo/ui"),o=e=>e&&e.__esModule?e:{default:e},r=o(i),d=r.default(t.BaseContainer)`
+  display: flex;
+  flex-direction: column;
+  padding: 8px;
+  padding-left: 35px;
+  margin: 8px;
+  background-color: ${t.theme.colors.neutral.grey.lightest};
+`,l=r.default.hr`
+  width: 100%;
+  border-top: 1px solid ${t.theme.colors.neutral.grey.dark};
+  margin: 0 0 4px 0;
+`;exports.Divider=l;exports.FixedViews=d;

package/dist/index103.js

@@ -1,23 +1,18 @@
-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 "./index104.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,
-    {
-      variant: "primary",
-      onClick: e,
-      size: "sm",
-      children: "Create view"
-    }
-  )
-] }) }) });
+import r from "styled-components";
+import { theme as o, BaseContainer as e } from "@veeqo/ui";
+const d = r(e)`
+  display: flex;
+  flex-direction: column;
+  padding: 8px;
+  padding-left: 35px;
+  margin: 8px;
+  background-color: ${o.colors.neutral.grey.lightest};
+`, l = r.hr`
+  width: 100%;
+  border-top: 1px solid ${o.colors.neutral.grey.dark};
+  margin: 0 0 4px 0;
+`;
 export {
-  b as DraftPill
+  l as Divider,
+  d as FixedViews
 };

package/dist/index104.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("styled-components"),t=require("@veeqo/ui"),r=require("@veeqo/components"),l=require("framer-motion"),s=require("./index112.cjs"),c=e=>e&&e.__esModule?e:{default:e},o=c(a),{Glyph:i}=r.VeeqoCommon,d=o.default(l.motion(t.BaseContainer)).attrs(()=>({variants:s.notificationVariants,initial:"initial",animate:"animate",exit:"exit"}))`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("styled-components"),t=require("@veeqo/ui"),r=require("@veeqo/components"),l=require("framer-motion"),s=require("./index111.cjs"),c=e=>e&&e.__esModule?e:{default:e},o=c(a),{Glyph:i}=r.VeeqoCommon,d=o.default(l.motion(t.BaseContainer)).attrs(()=>({variants:s.notificationVariants,initial:"initial",animate:"animate",exit:"exit"}))`
   display: flex;
   position: fixed;
   width: 100vw;

package/dist/index104.js

@@ -2,7 +2,7 @@ import t from "styled-components";
 import { BaseContainer as n, theme as i, Text as e, Banner as a, Button as l } from "@veeqo/ui";
 import { VeeqoCommon as s } from "@veeqo/components";
 import { motion as c } from "framer-motion";
-import { notificationVariants as p } from "./index112.js";
+import { notificationVariants as p } from "./index111.js";
 const { Glyph: x } = s, u = t(c(n)).attrs(() => ({
   variants: p,
   initial: "initial",

package/dist/index105.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("@dnd-kit/sortable"),g=require("@dnd-kit/utilities"),b=require("./index91.cjs"),f=({id:t,children:r})=>{const{attributes:s,listeners:o,setNodeRef:i,transform:n,transition:a,isDragging:l}=c.useSortable({id:t}),u={transform:g.CSS.Transform.toString(n),transition:a,cursor:"grab",outlineOffset:"-1px"};return e.jsxs("div",{ref:i,style:u,...s,...o,children:[r,l&&e.jsx(b.DraggingOverlay,{})]})};exports.SortableItem=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=r=>r instanceof Error;exports.isError=e;

package/dist/index105.js

@@ -1,21 +1,4 @@
-import { jsxs as f, jsx as g } from "react/jsx-runtime";
-import { useSortable as l } from "@dnd-kit/sortable";
-import { CSS as p } from "@dnd-kit/utilities";
-import { DraggingOverlay as c } from "./index91.js";
-const d = ({ id: r, children: t }) => {
-  const { attributes: o, listeners: s, setNodeRef: e, transform: i, transition: n, isDragging: m } = l({
-    id: r
-  }), a = {
-    transform: p.Transform.toString(i),
-    transition: n,
-    cursor: "grab",
-    outlineOffset: "-1px"
-  };
-  return /* @__PURE__ */ f("div", { ref: e, style: a, ...o, ...s, children: [
-    t,
-    m && /* @__PURE__ */ g(c, {})
-  ] });
-};
+const o = (r) => r instanceof Error;
 export {
-  d as SortableItem
+  o as isError
 };

package/dist/index106.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),c=require("@dnd-kit/core"),s=require("./index91.cjs"),l=({id:e,children:r,...t})=>{const{setNodeRef:o}=c.useDroppable({id:e});return a.createElement(s.DroppableAreaStack,{...t,key:e,ref:o},r)};exports.DroppableArea=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("@dnd-kit/sortable"),g=require("@dnd-kit/utilities"),b=require("./index91.cjs"),f=({id:t,children:r})=>{const{attributes:s,listeners:o,setNodeRef:i,transform:n,transition:a,isDragging:l}=c.useSortable({id:t}),u={transform:g.CSS.Transform.toString(n),transition:a,cursor:"grab",outlineOffset:"-1px"};return e.jsxs("div",{ref:i,style:u,...s,...o,children:[r,l&&e.jsx(b.DraggingOverlay,{})]})};exports.SortableItem=f;

package/dist/index106.js

@@ -1,10 +1,21 @@
-import { createElement as p } from "react";
-import { useDroppable as a } from "@dnd-kit/core";
-import { DroppableAreaStack as m } from "./index91.js";
-const n = ({ id: e, children: r, ...o }) => {
-  const { setNodeRef: t } = a({ id: e });
-  return /* @__PURE__ */ p(m, { ...o, key: e, ref: t }, r);
+import { jsxs as f, jsx as g } from "react/jsx-runtime";
+import { useSortable as l } from "@dnd-kit/sortable";
+import { CSS as p } from "@dnd-kit/utilities";
+import { DraggingOverlay as c } from "./index91.js";
+const d = ({ id: r, children: t }) => {
+  const { attributes: o, listeners: s, setNodeRef: e, transform: i, transition: n, isDragging: m } = l({
+    id: r
+  }), a = {
+    transform: p.Transform.toString(i),
+    transition: n,
+    cursor: "grab",
+    outlineOffset: "-1px"
+  };
+  return /* @__PURE__ */ f("div", { ref: e, style: a, ...o, ...s, children: [
+    t,
+    m && /* @__PURE__ */ g(c, {})
+  ] });
 };
 export {
-  n as DroppableArea
+  d as SortableItem
 };

package/dist/index107.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),b=require("@dnd-kit/sortable"),w=({items:d,setItems:g})=>{const[C,i]=O.useState(null),[h,v]=O.useState(null),s=n=>{var e;return n&&(n.id in d?n.id:(e=n==null?void 0:n.data.current)==null?void 0:e.sortable.containerId)};return{activeId:C,handleDragStart:n=>{const{active:e}=n;i(e.id),v(d)},handleDragOver:n=>{const{active:e,over:t}=n,o=t==null?void 0:t.id;if(o==null)return;const c=s(t),a=s(e);!c||!a||a!==c&&g(r=>{const u=r[a],l=r[c],D=l.indexOf(o),S=u.indexOf(e.id);let f;if(o in r)f=l.length+1;else{const I=t&&e.rect.current.translated&&e.rect.current.translated.top>t.rect.top+t.rect.height?1:0;f=D>=0?D+I:l.length+1}return{...r,[a]:r[a].filter(x=>x!==e.id),[c]:[...r[c].slice(0,f),r[a][S],...r[c].slice(f,r[c].length)]}})},handleDragEnd:n=>{const{active:e,over:t}=n,o=s(e);if(!o){i(null);return}const c=t==null?void 0:t.id;if(c==null){i(null);return}const a=s(t);if(a){const r=d[o].indexOf(e.id),u=d[a].indexOf(c);r!==u&&g(l=>({...l,[a]:b.arrayMove(l[a],r,u)}))}i(null)},handleDragCancel:()=>{h&&g(h),i(null),v(null)}}};exports.useDragHandlers=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),c=require("@dnd-kit/core"),s=require("./index91.cjs"),l=({id:e,children:r,...t})=>{const{setNodeRef:o}=c.useDroppable({id:e});return a.createElement(s.DroppableAreaStack,{...t,key:e,ref:o},r)};exports.DroppableArea=l;