@veeqo/transfigure 1.1.5 → 1.1.7

package/dist/index35.js

@@ -1,106 +1,42 @@
-import { jsxs as W, Fragment as Y, jsx as s } from "react/jsx-runtime";
-import { useState as $, useRef as z, useMemo as C } from "react";
-import { ViewTab as G, theme as L, Loader as J } from "@veeqo/ui";
-import { observer as K } from "mobx-react";
-import { useCustomViews as Q } from "./index64.js";
-import { useViews as X } from "./index61.js";
-import { PillNotifications as Z } from "./index39.js";
-import { ViewDropdowns as b } from "./index42.js";
-import { useDropdownManager as ee } from "./index55.js";
-import { useViewCounts as oe } from "./index95.js";
-import { useBusinessLogic as ie } from "./index8.js";
-import { useStores as te } from "./index60.js";
-import { Confirmation as re } from "./index96.js";
-const ge = K(({ view: e }) => {
-  const { VIEW_TYPE: S, SEARCH_FILTER_ID: l } = ie(), {
-    Filters: { activeViewId: c, initFiltersFromView: d, discardChanges: f, initFromUrl: m, filters: F, setFilter: T },
-    Views: { draftViewsMap: y },
-    Notifications: { notify: x }
-  } = te(), { viewsMap: u, defaultCustomViewId: E, isLoading: N } = X(), { isLoading: k } = Q({ type: S }), { viewCounts: A, isLoadingViewCounts: M } = oe(), [i, R] = $(null), I = (o) => {
-    const v = F.get(l);
-    if (u.has(o)) {
-      const r = u.get(o);
-      r && (d(r), f(!0), m());
-    } else {
-      const r = y.get(o);
-      r ? (d(r), f(!0), m()) : x({
-        type: "error",
-        text: "Failed to load view"
-      });
-    }
-    v && T(l, v);
-  }, n = (e == null ? void 0 : e.id) === c, t = e.originalView !== void 0, w = e.originalView === void 0, P = A, a = (e == null ? void 0 : e.label) || "", _ = N || k, p = z(!1);
-  !_ && !p.current && n && e.id === E && i && (p.current = !0, i && c === e.id && window.requestAnimationFrame(() => {
-    var o;
-    (o = i.parentElement) == null || o.scrollBy({
-      behavior: "smooth",
-      left: i.offsetLeft
-    });
-  }));
-  const h = C(() => t ? "draft" : e.editable ? "saved" : "fixed", [t, e.editable]), {
-    actions: {
-      create: { handleSaveDraft: j },
-      menu: { toggleDropdown: V },
-      delete: { closeDeleteConfirmation: B, handleDelete: q, handleDeleteDraftView: g }
-    },
-    state: { shouldShowDeleteConfirmation: H },
-    actions: O,
-    state: D
-  } = ee(e), U = C(() => {
-    if (w) return V;
-    if (t) return g;
-  }, [g, t, w, V]);
-  return /* @__PURE__ */ W(Y, { children: [
-    /* @__PURE__ */ s(
-      G,
-      {
-        colourPalette: L.colors.secondary.blue,
-        className: "act-react-listing-custom-view",
-        active: n,
-        id: e == null ? void 0 : e.id,
-        name: a,
-        type: h,
-        count: M ? /* @__PURE__ */ s(
-          J,
-          {
-            type: "ThreeDots",
-            width: 12,
-            height: 12,
-            color: n ? "#fff" : L.colors.neutral.ink.dark
-          }
-        ) : P,
-        onClick: I,
-        subAction: U,
-        ariaContext: "orders",
-        ref: R,
-        "aria-controls": "options-dropdown",
-        "aria-expanded": D.shouldShowDropdown,
-        "aria-haspopup": "dialog"
-      },
-      e == null ? void 0 : e.id
-    ),
-    /* @__PURE__ */ s(
-      re,
-      {
-        shouldShow: H,
-        viewName: a,
-        onCancel: B,
-        onDelete: q
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { observer as p } from "mobx-react";
+import { Accordion as s, Stack as c } from "@veeqo/ui";
+import { FilterChoiceValue as t } from "./index49.js";
+import { MultipleFieldFilter as m } from "./index30.js";
+import { NumberRangeFilter as f } from "./index31.js";
+import { DateRangeFilter as u } from "./index29.js";
+import { AsyncRadioFilter as F } from "./index27.js";
+import { RadioFilter as y } from "./index32.js";
+import { AsyncCheckboxFilter as T } from "./index26.js";
+import { CheckboxFilter as h } from "./index28.js";
+const k = p(({ data: i }) => {
+  const o = i.fields.filter(
+    (r) => r.filterType === t.TEXT || r.filterType === t.NUMBER
+  ), n = i.fields.filter(
+    (r) => r.filterType !== t.TEXT && r.filterType !== t.NUMBER
+  );
+  return /* @__PURE__ */ e(s, { iconSlot: i.glyph, label: i.label, children: /* @__PURE__ */ l(c, { children: [
+    o.length > 0 ? /* @__PURE__ */ e(m, { fields: o, groupId: i.id }) : null,
+    n.map((r) => {
+      switch (r.filterType) {
+        case t.CHECKBOX:
+          return r.fetchAsyncFilterOptions ? /* @__PURE__ */ e(T, { field: r }) : /* @__PURE__ */ e(h, { field: r });
+        case t.RADIO:
+          return r.fetchAsyncFilterOptions ? /* @__PURE__ */ e(F, { field: r }) : /* @__PURE__ */ e(y, { field: r });
+        case t.DATE_RANGE:
+          return /* @__PURE__ */ e(u, { field: r });
+        case t.NUMBER_RANGE:
+          return /* @__PURE__ */ e(f, { field: r });
+        default:
+          return /* @__PURE__ */ l("div", { children: [
+            r.id,
+            ": Unknown filter type: ",
+            r.filterType
+          ] }, r.id);
       }
-    ),
-    /* @__PURE__ */ s(
-      Z,
-      {
-        tabType: h,
-        isActive: n,
-        initialViewName: a,
-        shouldShowCreateViewNotification: t,
-        handleSaveDraft: j
-      }
-    ),
-    /* @__PURE__ */ s(b, { referenceElement: i, tab: e, ...O, ...D })
-  ] });
+    })
+  ] }) });
 });
 export {
-  ge as ViewTab
+  k as FilterGroup
 };

package/dist/index36.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("@veeqo/components"),t=require("@veeqo/ui"),r=require("./index56.cjs"),{Glyph:s}=c.VeeqoCommon,l=({hideActionsPopover:i})=>{const{duplicateView:o}=r.useDuplicateActiveView(),n=()=>{o(),i()};return e.jsx(t.Button,{style:{width:"100%"},iconSlot:e.jsx(s,{name:"add",size:"sm",color:t.theme.colors.neutral.ink.base}),variant:"flat",onClick:n,children:"Create View"})};exports.CreateView=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),a=require("react"),c=require("@veeqo/ui"),W=require("mobx-react"),Y=require("./index65.cjs"),z=require("./index62.cjs"),G=require("./index40.cjs"),J=require("./index43.cjs"),K=require("./index56.cjs"),Q=require("./index99.cjs"),X=require("./index8.cjs"),Z=require("./index61.cjs"),$=require("./index100.cjs"),b=W.observer(({view:e})=>{const{VIEW_TYPE:S,SEARCH_FILTER_ID:l}=X.useBusinessLogic(),{Filters:{activeViewId:d,initFiltersFromView:w,discardChanges:f,initFromUrl:m,filters:x,setFilter:L},Views:{draftViewsMap:y},Notifications:{notify:T}}=Z.useStores(),{viewsMap:V,defaultCustomViewId:F,isLoading:j}=z.useViews(),{isLoading:N}=Y.useCustomViews({type:S}),{viewCounts:E,isLoadingViewCounts:M}=Q.useViewCounts(),[s,R]=a.useState(null),k=o=>{const q=x.get(l);if(V.has(o)){const n=V.get(o);n&&(w(n),f(!0),m())}else{const n=y.get(o);n?(w(n),f(!0),m()):T({type:"error",text:"Failed to load view"})}q&&L(l,q)},r=(e==null?void 0:e.id)===d,t=e.originalView!==void 0,h=e.originalView===void 0,P=E,u=(e==null?void 0:e.label)||"",A=j||N,g=a.useRef(!1);!A&&!g.current&&r&&e.id===F&&s&&(g.current=!0,s&&d===e.id&&window.requestAnimationFrame(()=>{var o;(o=s.parentElement)==null||o.scrollBy({behavior:"smooth",left:s.offsetLeft})}));const p=a.useMemo(()=>t?"draft":e.editable?"saved":"fixed",[t,e.editable]),{actions:{create:{handleSaveDraft:B},menu:{toggleDropdown:C},delete:{closeDeleteConfirmation:I,handleDelete:_,handleDeleteDraftView:D}},state:{shouldShowDeleteConfirmation:H},actions:O,state:v}=K.useDropdownManager(e),U=a.useMemo(()=>{if(h)return C;if(t)return D},[D,t,h,C]);return i.jsxs(i.Fragment,{children:[i.jsx(c.ViewTab,{colourPalette:c.theme.colors.secondary.blue,className:"act-react-listing-custom-view",active:r,id:e==null?void 0:e.id,name:u,type:p,count:M?i.jsx(c.Loader,{type:"ThreeDots",width:12,height:12,color:r?"#fff":c.theme.colors.neutral.ink.dark}):P,onClick:k,subAction:U,ariaContext:"orders",ref:R,"aria-controls":"options-dropdown","aria-expanded":v.shouldShowDropdown,"aria-haspopup":"dialog"},e==null?void 0:e.id),i.jsx($.Confirmation,{shouldShow:H,viewName:u,onCancel:I,onDelete:_}),i.jsx(G.PillNotifications,{tabType:p,isActive:r,initialViewName:u,shouldShowCreateViewNotification:t,handleSaveDraft:B}),i.jsx(J.ViewDropdowns,{referenceElement:s,tab:e,...O,...v})]})});exports.ViewTab=b;

package/dist/index36.js

@@ -1,22 +1,106 @@
-import { jsx as e } from "react/jsx-runtime";
-import { VeeqoCommon as r } from "@veeqo/components";
-import { Button as n, theme as c } from "@veeqo/ui";
-import { useDuplicateActiveView as l } from "./index56.js";
-const { Glyph: m } = r, u = ({ hideActionsPopover: o }) => {
-  const { duplicateView: t } = l(), i = () => {
-    t(), o();
-  };
-  return /* @__PURE__ */ e(
-    n,
-    {
-      style: { width: "100%" },
-      iconSlot: /* @__PURE__ */ e(m, { name: "add", size: "sm", color: c.colors.neutral.ink.base }),
-      variant: "flat",
-      onClick: i,
-      children: "Create View"
+import { jsxs as W, Fragment as Y, jsx as s } from "react/jsx-runtime";
+import { useState as $, useRef as z, useMemo as C } from "react";
+import { ViewTab as G, theme as L, Loader as J } from "@veeqo/ui";
+import { observer as K } from "mobx-react";
+import { useCustomViews as Q } from "./index65.js";
+import { useViews as X } from "./index62.js";
+import { PillNotifications as Z } from "./index40.js";
+import { ViewDropdowns as b } from "./index43.js";
+import { useDropdownManager as ee } from "./index56.js";
+import { useViewCounts as oe } from "./index99.js";
+import { useBusinessLogic as ie } from "./index8.js";
+import { useStores as te } from "./index61.js";
+import { Confirmation as re } from "./index100.js";
+const ge = K(({ view: e }) => {
+  const { VIEW_TYPE: S, SEARCH_FILTER_ID: l } = ie(), {
+    Filters: { activeViewId: c, initFiltersFromView: d, discardChanges: f, initFromUrl: m, filters: F, setFilter: T },
+    Views: { draftViewsMap: y },
+    Notifications: { notify: x }
+  } = te(), { viewsMap: u, defaultCustomViewId: E, isLoading: N } = X(), { isLoading: k } = Q({ type: S }), { viewCounts: A, isLoadingViewCounts: M } = oe(), [i, R] = $(null), I = (o) => {
+    const v = F.get(l);
+    if (u.has(o)) {
+      const r = u.get(o);
+      r && (d(r), f(!0), m());
+    } else {
+      const r = y.get(o);
+      r ? (d(r), f(!0), m()) : x({
+        type: "error",
+        text: "Failed to load view"
+      });
     }
-  );
-};
+    v && T(l, v);
+  }, n = (e == null ? void 0 : e.id) === c, t = e.originalView !== void 0, w = e.originalView === void 0, P = A, a = (e == null ? void 0 : e.label) || "", _ = N || k, p = z(!1);
+  !_ && !p.current && n && e.id === E && i && (p.current = !0, i && c === e.id && window.requestAnimationFrame(() => {
+    var o;
+    (o = i.parentElement) == null || o.scrollBy({
+      behavior: "smooth",
+      left: i.offsetLeft
+    });
+  }));
+  const h = C(() => t ? "draft" : e.editable ? "saved" : "fixed", [t, e.editable]), {
+    actions: {
+      create: { handleSaveDraft: j },
+      menu: { toggleDropdown: V },
+      delete: { closeDeleteConfirmation: B, handleDelete: q, handleDeleteDraftView: g }
+    },
+    state: { shouldShowDeleteConfirmation: H },
+    actions: O,
+    state: D
+  } = ee(e), U = C(() => {
+    if (w) return V;
+    if (t) return g;
+  }, [g, t, w, V]);
+  return /* @__PURE__ */ W(Y, { children: [
+    /* @__PURE__ */ s(
+      G,
+      {
+        colourPalette: L.colors.secondary.blue,
+        className: "act-react-listing-custom-view",
+        active: n,
+        id: e == null ? void 0 : e.id,
+        name: a,
+        type: h,
+        count: M ? /* @__PURE__ */ s(
+          J,
+          {
+            type: "ThreeDots",
+            width: 12,
+            height: 12,
+            color: n ? "#fff" : L.colors.neutral.ink.dark
+          }
+        ) : P,
+        onClick: I,
+        subAction: U,
+        ariaContext: "orders",
+        ref: R,
+        "aria-controls": "options-dropdown",
+        "aria-expanded": D.shouldShowDropdown,
+        "aria-haspopup": "dialog"
+      },
+      e == null ? void 0 : e.id
+    ),
+    /* @__PURE__ */ s(
+      re,
+      {
+        shouldShow: H,
+        viewName: a,
+        onCancel: B,
+        onDelete: q
+      }
+    ),
+    /* @__PURE__ */ s(
+      Z,
+      {
+        tabType: h,
+        isActive: n,
+        initialViewName: a,
+        shouldShowCreateViewNotification: t,
+        handleSaveDraft: j
+      }
+    ),
+    /* @__PURE__ */ s(b, { referenceElement: i, tab: e, ...O, ...D })
+  ] });
+});
 export {
-  u as CreateView
+  ge as ViewTab
 };

package/dist/index37.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@veeqo/ui"),o=require("react-hook-form"),I=require("./index64.cjs"),f=require("./index44.cjs"),D=require("./index8.cjs"),d=60,_=({tab:n,viewName:w,shouldShowDropdown:p,onCloseDropdown:v,onDelete:g,onSave:x,headerText:j,e2ePrefix:a,activeOption:C})=>{const{VIEW_TYPE:S}=D.useBusinessLogic(),{canDeleteCustomViews:u,canUpdateCustomViews:r,canShareCustomViews:l,defaultCustomViewId:m}=I.useCustomViews({type:S}),b=n.id===m,{handleSubmit:y,control:c,formState:h}=o.useForm({mode:"onChange",defaultValues:{viewName:w,isDefault:n.id===m,shareOption:C.key}}),V=Object.values(f.SHARING_OPTIONS).map(s=>({key:s.key,value:s.key,label:s.text}));if(!p)return null;const k=n.originalView===void 0;return e.jsx("form",{onSubmit:y(x),children:e.jsxs(t.Card,{style:{width:"400px"},title:j,subtitle:"Any filters you've applied and your chosen sort direction will be stored in this view",onClose:v,renderFooter:()=>u||r||l?e.jsxs(t.Stack,{direction:"horizontal",alignX:"end",children:[u&&e.jsx(t.Button,{variant:"destructive",onClick:g,className:`act-react-listing-custom-view-${a}-delete`,children:"Delete"}),(r||l)&&e.jsx(t.Button,{variant:"primary",type:"submit",className:`act-react-listing-custom-view-${a}-save`,disabled:!h.isDirty&&k||h.isSubmitting,children:"Save"})]}):null,className:`act-react-listing-custom-view-${a}`,children:[!r&&e.jsx(t.Alert,{variant:"warning",title:"You need permission to edit this view",message:"This is a company shared view"}),e.jsxs(t.Stack,{alignX:"stretch",children:[e.jsx(o.Controller,{name:"viewName",control:c,render:({onChange:s,value:i})=>e.jsx(t.TextField,{id:"view-name",className:`act-react-listing-custom-view-${a}-field`,label:"View name",placeholder:"View name",value:i,onChange:s,disabled:!n.editable,maxLength:d,hint:`${i.length} / ${d} characters`,required:!0})}),e.jsxs(t.Stack,{children:[e.jsx(t.Text,{variant:"inputLabel",children:"Sharing options"}),e.jsx(o.Controller,{name:"shareOption",control:c,render:({onChange:s,value:i})=>e.jsx(t.SegmentedControl,{onChange:T=>l&&s(T),options:V,selected:i})})]}),e.jsx(o.Controller,{name:"isDefault",control:c,render:({onChange:s,value:i})=>e.jsx(t.Checkbox,{disabled:b,name:"makeViewDefault",label:"Make default view",checked:i,onChange:s,hint:"This will be the view this page will always open on"})})]})]})})};exports.EditDropdown=_;exports.VIEWS_TITLE_MAX_CHAR_LIMIT=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("@veeqo/components"),t=require("@veeqo/ui"),r=require("./index57.cjs"),{Glyph:s}=c.VeeqoCommon,l=({hideActionsPopover:i})=>{const{duplicateView:o}=r.useDuplicateActiveView(),n=()=>{o(),i()};return e.jsx(t.Button,{style:{width:"100%"},iconSlot:e.jsx(s,{name:"add",size:"sm",color:t.theme.colors.neutral.ink.base}),variant:"flat",onClick:n,children:"Create View"})};exports.CreateView=l;

package/dist/index37.js

@@ -1,139 +1,22 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { Card as x, Alert as O, Stack as c, TextField as _, Text as $, SegmentedControl as A, Checkbox as E, Button as p } from "@veeqo/ui";
-import { useForm as L, Controller as d } from "react-hook-form";
-import { useCustomViews as j } from "./index64.js";
-import { SHARING_OPTIONS as F } from "./index44.js";
-import { useBusinessLogic as M } from "./index8.js";
-const w = 60, z = ({
-  tab: n,
-  viewName: v,
-  shouldShowDropdown: g,
-  onCloseDropdown: f,
-  onDelete: b,
-  onSave: y,
-  headerText: C,
-  e2ePrefix: s,
-  activeOption: S
-}) => {
-  const { VIEW_TYPE: V } = M(), { canDeleteCustomViews: m, canUpdateCustomViews: o, canShareCustomViews: r, defaultCustomViewId: u } = j({
-    type: V
-  }), k = n.id === u, { handleSubmit: D, control: l, formState: h } = L({
-    mode: "onChange",
-    defaultValues: {
-      viewName: v,
-      isDefault: n.id === u,
-      shareOption: S.key
-    }
-  }), T = Object.values(F).map((t) => ({
-    key: t.key,
-    value: t.key,
-    label: t.text
-  }));
-  if (!g) return null;
-  const I = n.originalView === void 0;
-  return /* @__PURE__ */ e("form", { onSubmit: D(y), children: /* @__PURE__ */ a(
-    x,
+import { jsx as e } from "react/jsx-runtime";
+import { VeeqoCommon as r } from "@veeqo/components";
+import { Button as n, theme as c } from "@veeqo/ui";
+import { useDuplicateActiveView as l } from "./index57.js";
+const { Glyph: m } = r, u = ({ hideActionsPopover: o }) => {
+  const { duplicateView: t } = l(), i = () => {
+    t(), o();
+  };
+  return /* @__PURE__ */ e(
+    n,
     {
-      style: { width: "400px" },
-      title: C,
-      subtitle: "Any filters you've applied and your chosen sort direction will be stored in this view",
-      onClose: f,
-      renderFooter: () => m || o || r ? /* @__PURE__ */ a(c, { direction: "horizontal", alignX: "end", children: [
-        m && /* @__PURE__ */ e(
-          p,
-          {
-            variant: "destructive",
-            onClick: b,
-            className: `act-react-listing-custom-view-${s}-delete`,
-            children: "Delete"
-          }
-        ),
-        (o || r) && /* @__PURE__ */ e(
-          p,
-          {
-            variant: "primary",
-            type: "submit",
-            className: `act-react-listing-custom-view-${s}-save`,
-            disabled: !h.isDirty && I || h.isSubmitting,
-            children: "Save"
-          }
-        )
-      ] }) : null,
-      className: `act-react-listing-custom-view-${s}`,
-      children: [
-        !o && /* @__PURE__ */ e(
-          O,
-          {
-            variant: "warning",
-            title: "You need permission to edit this view",
-            message: "This is a company shared view"
-          }
-        ),
-        /* @__PURE__ */ a(c, { alignX: "stretch", children: [
-          /* @__PURE__ */ e(
-            d,
-            {
-              name: "viewName",
-              control: l,
-              render: ({ onChange: t, value: i }) => /* @__PURE__ */ e(
-                _,
-                {
-                  id: "view-name",
-                  className: `act-react-listing-custom-view-${s}-field`,
-                  label: "View name",
-                  placeholder: "View name",
-                  value: i,
-                  onChange: t,
-                  disabled: !n.editable,
-                  maxLength: w,
-                  hint: `${i.length} / ${w} characters`,
-                  required: !0
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ a(c, { children: [
-            /* @__PURE__ */ e($, { variant: "inputLabel", children: "Sharing options" }),
-            /* @__PURE__ */ e(
-              d,
-              {
-                name: "shareOption",
-                control: l,
-                render: ({ onChange: t, value: i }) => /* @__PURE__ */ e(
-                  A,
-                  {
-                    onChange: (N) => r && t(N),
-                    options: T,
-                    selected: i
-                  }
-                )
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e(
-            d,
-            {
-              name: "isDefault",
-              control: l,
-              render: ({ onChange: t, value: i }) => /* @__PURE__ */ e(
-                E,
-                {
-                  disabled: k,
-                  name: "makeViewDefault",
-                  label: "Make default view",
-                  checked: i,
-                  onChange: t,
-                  hint: "This will be the view this page will always open on"
-                }
-              )
-            }
-          )
-        ] })
-      ]
+      style: { width: "100%" },
+      iconSlot: /* @__PURE__ */ e(m, { name: "add", size: "sm", color: c.colors.neutral.ink.base }),
+      variant: "flat",
+      onClick: i,
+      children: "Create View"
     }
-  ) });
+  );
 };
 export {
-  z as EditDropdown,
-  w as VIEWS_TITLE_MAX_CHAR_LIMIT
+  u as CreateView
 };

package/dist/index38.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index97.cjs"),g=require("./index51.cjs"),j=require("./index50.cjs"),M=({tab:i,onMakeDefault:l,onEdit:n,onDuplicate:s,onDelete:o,shouldShowDropdown:a,handleCloseDropdown:c})=>{const{openModal:r}=g.useModal(),d=()=>{r(j.ModalId.ORDERS_TABLE_MANAGEMENT),c()},m=i.label!=="Picking In Progress"&&i.editable,u=i.default!==!1&&i.editable,p=i.editable,b=i.editable;return a?e.jsxs(t.MenuItems,{children:[u&&e.jsx(t.Item,{onClick:l,className:"act-react-listing-custom-view-make-default-menu-item",children:"Make default view"}),b&&e.jsx(t.Item,{onClick:n,className:"act-react-listing-custom-view-edit-menu-item",role:"option",children:"Edit"}),e.jsx(t.Item,{onClick:s,className:"act-react-listing-custom-view-duplicate-menu-item",role:"option",children:"Duplicate"}),m&&e.jsx(t.Item,{onClick:o,className:"act-react-listing-custom-view-delete-menu-item",role:"option",children:"Delete"}),p&&e.jsxs(e.Fragment,{children:[e.jsx(t.Divider,{}),e.jsx(t.Item,{onClick:d,role:"option",children:"Table management"})]})]}):null};exports.OptionsDropdown=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@veeqo/ui"),o=require("react-hook-form"),I=require("./index65.cjs"),f=require("./index45.cjs"),D=require("./index8.cjs"),d=60,_=({tab:n,viewName:w,shouldShowDropdown:p,onCloseDropdown:v,onDelete:g,onSave:x,headerText:j,e2ePrefix:a,activeOption:C})=>{const{VIEW_TYPE:S}=D.useBusinessLogic(),{canDeleteCustomViews:u,canUpdateCustomViews:r,canShareCustomViews:l,defaultCustomViewId:m}=I.useCustomViews({type:S}),b=n.id===m,{handleSubmit:y,control:c,formState:h}=o.useForm({mode:"onChange",defaultValues:{viewName:w,isDefault:n.id===m,shareOption:C.key}}),V=Object.values(f.SHARING_OPTIONS).map(s=>({key:s.key,value:s.key,label:s.text}));if(!p)return null;const k=n.originalView===void 0;return e.jsx("form",{onSubmit:y(x),children:e.jsxs(t.Card,{style:{width:"400px"},title:j,subtitle:"Any filters you've applied and your chosen sort direction will be stored in this view",onClose:v,renderFooter:()=>u||r||l?e.jsxs(t.Stack,{direction:"horizontal",alignX:"end",children:[u&&e.jsx(t.Button,{variant:"destructive",onClick:g,className:`act-react-listing-custom-view-${a}-delete`,children:"Delete"}),(r||l)&&e.jsx(t.Button,{variant:"primary",type:"submit",className:`act-react-listing-custom-view-${a}-save`,disabled:!h.isDirty&&k||h.isSubmitting,children:"Save"})]}):null,className:`act-react-listing-custom-view-${a}`,children:[!r&&e.jsx(t.Alert,{variant:"warning",title:"You need permission to edit this view",message:"This is a company shared view"}),e.jsxs(t.Stack,{alignX:"stretch",children:[e.jsx(o.Controller,{name:"viewName",control:c,render:({onChange:s,value:i})=>e.jsx(t.TextField,{id:"view-name",className:`act-react-listing-custom-view-${a}-field`,label:"View name",placeholder:"View name",value:i,onChange:s,disabled:!n.editable,maxLength:d,hint:`${i.length} / ${d} characters`,required:!0})}),e.jsxs(t.Stack,{children:[e.jsx(t.Text,{variant:"inputLabel",children:"Sharing options"}),e.jsx(o.Controller,{name:"shareOption",control:c,render:({onChange:s,value:i})=>e.jsx(t.SegmentedControl,{onChange:T=>l&&s(T),options:V,selected:i})})]}),e.jsx(o.Controller,{name:"isDefault",control:c,render:({onChange:s,value:i})=>e.jsx(t.Checkbox,{disabled:b,name:"makeViewDefault",label:"Make default view",checked:i,onChange:s,hint:"This will be the view this page will always open on"})})]})]})})};exports.EditDropdown=_;exports.VIEWS_TITLE_MAX_CHAR_LIMIT=d;