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

package/dist/index101.cjs

@@ -1,12 +1,19 @@
-"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`
+"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 ${t.theme.colors.neutral.grey.dark};
-  margin: 0 0 4px 0;
-`;exports.Divider=l;exports.FixedViews=d;
+  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,18 +1,26 @@
-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`
+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 0 4px 0;
+  margin: 0;
 `;
 export {
   l as Divider,
-  d as FixedViews
+  n as Item,
+  a as MenuItems
 };

package/dist/index102.cjs

@@ -1 +1 @@
-"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;
+"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,17 +1,26 @@
-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);
-    }
-  }
-);
+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 {
-  h as LegacySortableViews
+  R as AdaptiveHeightContainer
 };

package/dist/index103.cjs

@@ -1 +1,12 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),n=require("react"),l=require("./index114.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;
+"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,26 +1,18 @@
-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 "./index114.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 });
-};
+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 {
-  R as AdaptiveHeightContainer
+  l as Divider,
+  d as FixedViews
 };

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;

package/dist/index107.js

@@ -1,66 +1,10 @@
-import { useState as C } from "react";
-import { arrayMove as S } from "@dnd-kit/sortable";
-const M = ({ items: d, setItems: g }) => {
-  const [O, i] = C(null), [h, v] = C(null), s = (n) => {
-    var t;
-    return n && (n.id in d ? n.id : (t = n == null ? void 0 : n.data.current) == null ? void 0 : t.sortable.containerId);
-  };
-  return {
-    activeId: O,
-    handleDragStart: (n) => {
-      const { active: t } = n;
-      i(t.id), v(d);
-    },
-    handleDragOver: (n) => {
-      const { active: t, over: e } = n, a = e == null ? void 0 : e.id;
-      if (a == null) return;
-      const c = s(e), o = s(t);
-      !c || !o || o !== c && g((r) => {
-        const u = r[o], l = r[c], x = l.indexOf(a), I = u.indexOf(t.id);
-        let f;
-        if (a in r)
-          f = l.length + 1;
-        else {
-          const w = e && t.rect.current.translated && t.rect.current.translated.top > e.rect.top + e.rect.height ? 1 : 0;
-          f = x >= 0 ? x + w : l.length + 1;
-        }
-        return {
-          ...r,
-          [o]: r[o].filter((D) => D !== t.id),
-          [c]: [
-            ...r[c].slice(0, f),
-            r[o][I],
-            ...r[c].slice(f, r[c].length)
-          ]
-        };
-      });
-    },
-    handleDragEnd: (n) => {
-      const { active: t, over: e } = n, a = s(t);
-      if (!a) {
-        i(null);
-        return;
-      }
-      const c = e == null ? void 0 : e.id;
-      if (c == null) {
-        i(null);
-        return;
-      }
-      const o = s(e);
-      if (o) {
-        const r = d[a].indexOf(t.id), u = d[o].indexOf(c);
-        r !== u && g((l) => ({
-          ...l,
-          [o]: S(l[o], r, u)
-        }));
-      }
-      i(null);
-    },
-    handleDragCancel: () => {
-      h && g(h), i(null), v(null);
-    }
-  };
+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);
 };
 export {
-  M as useDragHandlers
+  n as DroppableArea
 };

package/dist/index108.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),n=require("@dnd-kit/core"),a=({items:i})=>{const o=u.useRef(null);return{collisionDetectionStrategy:u.useCallback(t=>{var c;const r=n.pointerWithin(t),d=r.length>0?r:n.rectIntersection(t);let e=n.getFirstCollision(d,"id");if(e!=null){if(e in i){const l=i[e];l.length>0&&(e=((c=n.closestCenter({...t,droppableContainers:t.droppableContainers.filter(s=>s.id!==e&&l.includes(s.id))})[0])==null?void 0:c.id)??e)}return o.current=e,[{id:e}]}return o.current?[{id:o.current}]:[]},[i])}};exports.useCollisionDetectionStrategy=a;
+"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;