@veeqo/transfigure 0.0.17 → 0.0.18

package/dist/BusinessLogic/types.d.ts

@@ -20,4 +20,5 @@ export type BusinessLogicType = {
     PAGE_SIZE_OPTIONS: number[];
     DEFAULT_VISIBLE_COLUMNS: string[];
     DEFAULT_HIDDEN_COLUMNS: string[];
+    TABLE_DATA_URL: string | null;
 };

package/dist/components/Views/PillNotifications/styled.d.ts

@@ -1,6 +1,8 @@
-declare const Notification: import('styled-components').StyledComponent<"div", any, {}, never>;
-declare const Container: import('styled-components').StyledComponent<"div", any, {}, never>;
-declare const Pill: import('styled-components').StyledComponent<({ type, text, iconSlot, onClose, className, header, children, backgroundColor, ...props }: {
+import { ButtonHTMLAttributes } from 'react';
+export declare const UIGlyph: ({ name, size, color, className, ariaLabel, style, onClick, }: import('../../../../node_modules/@veeqo/components/dist/components/common/Glyph/Glyph').GlyphProps) => React.JSX.Element;
+export declare const Notification: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Container: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Pill: import('styled-components').StyledComponent<({ type, text, iconSlot, onClose, className, header, children, backgroundColor, ...props }: {
     type?: import('../../../../node_modules/@veeqo/ui/dist/components/Banner/types').BannerTypes;
     backgroundColor?: string;
     text?: string;
@@ -10,7 +12,7 @@ declare const Pill: import('styled-components').StyledComponent<({ type, text, i
     header?: import('react').ReactNode;
     children?: import('react').ReactNode;
 }) => React.JSX.Element, any, {}, never>;
-declare const Button: import('styled-components').StyledComponent<import('react').ForwardRefExoticComponent<import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
+export declare const Button: import('styled-components').StyledComponent<import('react').ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
     children?: React.ReactNode;
     variant?: import('../../../../node_modules/@veeqo/ui/dist/components/Button/types').ButtonVariant | undefined;
     size?: "base" | "sm" | undefined;
@@ -19,15 +21,14 @@ declare const Button: import('styled-components').StyledComponent<import('react'
     loading?: boolean | undefined;
     contentStyles?: React.CSSProperties | undefined;
 } & import('react').RefAttributes<HTMLButtonElement>>, any, {}, never>;
-declare const Hint: import('styled-components').StyledComponent<"span", any, {} & import('../../../../node_modules/@veeqo/ui/dist/components/Text/types').TextProps, never>;
-declare const Text: import('styled-components').StyledComponent<"span", any, ({} & import('../../../../node_modules/@veeqo/ui/dist/components/Text/types').TextProps) & {
+export declare const Hint: import('styled-components').StyledComponent<"span", any, {} & import('../../../../node_modules/@veeqo/ui/dist/components/Text/types').TextProps, never>;
+export declare const Text: import('styled-components').StyledComponent<"span", any, ({} & import('../../../../node_modules/@veeqo/ui/dist/components/Text/types').TextProps) & {
     margin?: string;
 }, never>;
-declare const Bold: import('styled-components').StyledComponent<"span", any, {} & import('../../../../node_modules/@veeqo/ui/dist/components/Text/types').TextProps, never>;
-declare const Glyph: import('styled-components').StyledComponent<({ name, size, color, className, ariaLabel, style, onClick, }: import('../../../../node_modules/@veeqo/components/dist/components/common/Glyph/Glyph').GlyphProps) => React.JSX.Element, any, {
+export declare const Bold: import('styled-components').StyledComponent<"span", any, {} & import('../../../../node_modules/@veeqo/ui/dist/components/Text/types').TextProps, never>;
+export declare const Glyph: import('styled-components').StyledComponent<({ name, size, color, className, ariaLabel, style, onClick, }: import('../../../../node_modules/@veeqo/components/dist/components/common/Glyph/Glyph').GlyphProps) => React.JSX.Element, any, {
     margin?: string;
 }, never>;
-declare const Wrap: import('styled-components').StyledComponent<"div", any, {}, never>;
-declare const Dropdown: import('styled-components').StyledComponent<({ cta, shouldShowDropdown, children, className, reversed, onClickAway, timeout, transitionClassnames, onClick, onMouseEnter, onMouseLeave, }: import('../../../../node_modules/@veeqo/ui/dist/components/AnimatedDropdown/types').AnimatedDropdownProps) => React.JSX.Element, any, {}, never>;
-declare const Item: import('styled-components').StyledComponent<string, any, {}, never>;
-export { Pill, Button, Text, Hint, Bold, Wrap, Notification, Glyph, Container, Dropdown, Item };
+export declare const Wrap: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Dropdown: import('styled-components').StyledComponent<({ cta, shouldShowDropdown, children, className, reversed, onClickAway, timeout, transitionClassnames, onClick, onMouseEnter, onMouseLeave, }: import('../../../../node_modules/@veeqo/ui/dist/components/AnimatedDropdown/types').AnimatedDropdownProps) => React.JSX.Element, any, {}, never>;
+export declare const Item: import('styled-components').StyledComponent<string, any, ButtonHTMLAttributes<HTMLButtonElement>, never>;

package/dist/components/Views/ViewList/ViewsList.d.ts

@@ -1,5 +1 @@
-export type ViewListProps = {
-    viewTabSlotValueMap?: Map<string, string>;
-    isLoadingTableData: boolean;
-};
-export declare const ViewList: ({ viewTabSlotValueMap, isLoadingTableData }: ViewListProps) => JSX.Element;
+export declare const ViewList: () => JSX.Element;

package/dist/components/Views/ViewTab/ViewTab.d.ts

@@ -1,7 +1,6 @@
 import { TransformedView } from 'src/types';
-import { ViewListProps } from '../ViewList/ViewsList';
-interface ViewTabProps extends ViewListProps {
+interface ViewTabProps {
     view: TransformedView;
 }
-export declare const ViewTab: ({ view: tab, viewTabSlotValueMap, isLoadingTableData }: ViewTabProps) => JSX.Element;
+export declare const ViewTab: ({ view: tab }: ViewTabProps) => JSX.Element;
 export {};

package/dist/hooks/useViewCountsHook/useViewCountsHook.d.ts

@@ -0,0 +1,16 @@
+export type ResponseType = {
+    meta: {
+        page: {
+            size: string;
+            current: string;
+            total_pages: string;
+            total_count: string;
+        };
+    };
+};
+export declare const useViewCounts: (viewId: string) => {
+    viewCounts: string | undefined;
+    error: any;
+    isLoadingTableData: boolean;
+    mutate: import('../../../node_modules/swr').KeyedMutator<ResponseType>;
+};

package/dist/index100.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 r=require("react/jsx-runtime"),p=require("mobx-react"),l=require("@veeqo/ui"),v=require("./index101.cjs"),y=p.observer(({data:m,editedValue:t,setEditedValue:c})=>{var b;if(!((b=m.options)!=null&&b.length))return null;const[u,x]=m.options,i=Number(u.value),a=Number(x.value),h=(s,n)=>{if(!Array.isArray(n)||n.length!==2||!t)return;const[e,j]=n,g=t==null?void 0:t.clone();g.setGte(e),g.setLte(j),c(g)},o={gte:(t==null?void 0:t.gte)||0,lte:(t==null?void 0:t.lte)||100},M=s=>{if(!t)return;const n=t.clone(),e=Number(s);e>n.lteMax||(e>=n.gteMin&&e<=n.lteMax&&n.setGte(e),(!n.lte||e>=n.lte)&&n.setLte(n.lteMax),c(n))},f=s=>{if(!t)return;const n=t.clone(),e=Number(s);e<n.gteMin||(e>=n.gteMin&&e<=n.lteMax&&n.setLte(e),(!n.gte||e<=n.gte)&&n.setGte(n.gteMin),c(n))},S=[o.gte,o.lte];return r.jsxs(l.Stack,{spacing:"xs",alignX:"stretch",children:[r.jsxs(l.Stack,{direction:"horizontal",children:[r.jsx(l.TextField,{label:u.label,type:"number",min:i,max:a,value:o.gte.toString(),onChange:M}),r.jsx(l.TextField,{label:x.label,type:"number",min:i,max:a,value:o.lte.toString(),onChange:f})]}),r.jsx(v.MUISlider,{value:S,onChange:h,min:i,max:a,valueLabelDisplay:"auto"})]})});exports.FilterNumberRangeFilter=y;

package/dist/index100.js

@@ -1,66 +1,65 @@
-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;
+import { jsxs as b, jsx as a } from "react/jsx-runtime";
+import { observer as N } from "mobx-react";
+import { Stack as h, TextField as u } from "@veeqo/ui";
+import { MUISlider as L } from "./index101.js";
+const j = N(
+  ({ data: g, editedValue: t, setEditedValue: l }) => {
+    var f;
+    if (!((f = g.options) != null && f.length)) return null;
+    const [i, x] = g.options, s = Number(i.value), c = Number(x.value), p = (e, n) => {
+      if (!Array.isArray(n) || n.length !== 2 || !t) return;
+      const [r, y] = n, m = t == null ? void 0 : t.clone();
+      m.setGte(r), m.setLte(y), l(m);
+    }, o = {
+      gte: (t == null ? void 0 : t.gte) || 0,
+      lte: (t == null ? void 0 : t.lte) || 100
+    }, M = (e) => {
+      if (!t) return;
+      const n = t.clone(), r = Number(e);
+      r > n.lteMax || (r >= n.gteMin && r <= n.lteMax && n.setGte(r), (!n.lte || r >= n.lte) && n.setLte(n.lteMax), l(n));
+    }, v = (e) => {
+      if (!t) return;
+      const n = t.clone(), r = Number(e);
+      r < n.gteMin || (r >= n.gteMin && r <= n.lteMax && n.setLte(r), (!n.gte || r <= n.gte) && n.setGte(n.gteMin), l(n));
+    }, C = [o.gte, o.lte];
+    return /* @__PURE__ */ b(h, { spacing: "xs", alignX: "stretch", children: [
+      /* @__PURE__ */ b(h, { direction: "horizontal", children: [
+        /* @__PURE__ */ a(
+          u,
+          {
+            label: i.label,
+            type: "number",
+            min: s,
+            max: c,
+            value: o.gte.toString(),
+            onChange: M
+          }
+        ),
+        /* @__PURE__ */ a(
+          u,
+          {
+            label: x.label,
+            type: "number",
+            min: s,
+            max: c,
+            value: o.lte.toString(),
+            onChange: v
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a(
+        L,
+        {
+          value: C,
+          onChange: p,
+          min: s,
+          max: c,
+          valueLabelDisplay: "auto"
         }
-        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);
-    }
-  };
-};
+      )
+    ] });
+  }
+);
 export {
-  M as useDragHandlers
+  j as FilterNumberRangeFilter
 };

package/dist/index101.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 r=require("@veeqo/ui"),o=require("@material-ui/core/styles"),t=require("@material-ui/core/Slider"),l=e=>e&&e.__esModule?e:{default:e},i=l(t),a=o.withStyles({root:{color:r.theme.colors.secondary.blue.base,height:4},thumb:{height:20,width:20,backgroundColor:"#fff",border:"3px solid currentColor",marginTop:-8,marginLeft:-10,"&:focus, &:hover, &$active":{boxShadow:"inherit"}},valueLabel:{left:"calc(-50% - 1px)"},track:{height:4,borderRadius:4,backgroundColor:r.theme.colors.secondary.blue.light,opacity:1},rail:{height:4,borderRadius:4,backgroundColor:r.theme.colors.neutral.grey.dark,opacity:1}})(i.default);exports.MUISlider=a;

package/dist/index101.js

@@ -1,32 +1,38 @@
-import { useRef as u, useCallback as d } from "react";
-import { pointerWithin as p, rectIntersection as a, getFirstCollision as f, closestCenter as C } from "@dnd-kit/core";
-const h = ({ items: n }) => {
-  const i = u(null);
-  return { collisionDetectionStrategy: d(
-    (e) => {
-      var r;
-      const o = p(e), s = o.length > 0 ? (
-        // If there are droppables intersecting with the pointer, return those
-        o
-      ) : a(e);
-      let t = f(s, "id");
-      if (t != null) {
-        if (t in n) {
-          const l = n[t];
-          l.length > 0 && (t = ((r = C({
-            ...e,
-            droppableContainers: e.droppableContainers.filter(
-              (c) => c.id !== t && l.includes(c.id)
-            )
-          })[0]) == null ? void 0 : r.id) ?? t);
-        }
-        return i.current = t, [{ id: t }];
-      }
-      return i.current ? [{ id: i.current }] : [];
-    },
-    [n]
-  ) };
-};
+import { theme as o } from "@veeqo/ui";
+import { withStyles as r } from "@material-ui/core/styles";
+import e from "@material-ui/core/Slider";
+const l = r({
+  root: {
+    color: o.colors.secondary.blue.base,
+    height: 4
+  },
+  thumb: {
+    height: 20,
+    width: 20,
+    backgroundColor: "#fff",
+    border: "3px solid currentColor",
+    marginTop: -8,
+    marginLeft: -10,
+    "&:focus, &:hover, &$active": {
+      boxShadow: "inherit"
+    }
+  },
+  valueLabel: {
+    left: "calc(-50% - 1px)"
+  },
+  track: {
+    height: 4,
+    borderRadius: 4,
+    backgroundColor: o.colors.secondary.blue.light,
+    opacity: 1
+  },
+  rail: {
+    height: 4,
+    borderRadius: 4,
+    backgroundColor: o.colors.neutral.grey.dark,
+    opacity: 1
+  }
+})(e);
 export {
-  h as useCollisionDetectionStrategy
+  l as MUISlider
 };

package/dist/index102.cjs

@@ -1,7 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),e=require("@veeqo/ui"),a=t=>t&&t.__esModule?t:{default:t},i=a(o),s=i.default(e.BaseContainer)`
-  padding: ${e.theme.sizes.sm};
-  // This calculation limits the height to a max of 100% of the viewport and uses offset as the position of the CTA button
-  // with an additional sizes.base offset at the bottom.
-  max-height: calc(100vh ${({offset:t})=>t&&`- ${t}px`} - ${e.theme.sizes.base});
-  overflow-y: auto;
-`;exports.AdaptiveStyledContainer=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const n=Object.freeze({Translate:{toString(t){if(!t)return;const{x:e,y:r}=t;return"translate3d("+(e?Math.round(e):0)+"px, "+(r?Math.round(r):0)+"px, 0)"}},Scale:{toString(t){if(!t)return;const{scaleX:e,scaleY:r}=t;return"scaleX("+e+") scaleY("+r+")"}},Transform:{toString(t){if(t)return[n.Translate.toString(t),n.Scale.toString(t)].join(" ")}},Transition:{toString(t){let{property:e,duration:r,easing:i}=t;return e+" "+r+"ms "+i}}});exports.CSS=n;

package/dist/index102.js

@@ -1,12 +1,44 @@
-import o from "styled-components";
-import { theme as e, BaseContainer as i } from "@veeqo/ui";
-const h = o(i)`
-  padding: ${e.sizes.sm};
-  // This calculation limits the height to a max of 100% of the viewport and uses offset as the position of the CTA button
-  // with an additional sizes.base offset at the bottom.
-  max-height: calc(100vh ${({ offset: t }) => t && `- ${t}px`} - ${e.sizes.base});
-  overflow-y: auto;
-`;
+import "react";
+const n = /* @__PURE__ */ Object.freeze({
+  Translate: {
+    toString(t) {
+      if (!t)
+        return;
+      const {
+        x: r,
+        y: e
+      } = t;
+      return "translate3d(" + (r ? Math.round(r) : 0) + "px, " + (e ? Math.round(e) : 0) + "px, 0)";
+    }
+  },
+  Scale: {
+    toString(t) {
+      if (!t)
+        return;
+      const {
+        scaleX: r,
+        scaleY: e
+      } = t;
+      return "scaleX(" + r + ") scaleY(" + e + ")";
+    }
+  },
+  Transform: {
+    toString(t) {
+      if (t)
+        return [n.Translate.toString(t), n.Scale.toString(t)].join(" ");
+    }
+  },
+  Transition: {
+    toString(t) {
+      let {
+        property: r,
+        duration: e,
+        easing: i
+      } = t;
+      return r + " " + e + "ms " + i;
+    }
+  }
+});
 export {
-  h as AdaptiveStyledContainer
+  n as CSS
 };

package/dist/index103.cjs

@@ -1 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const n=Object.freeze({Translate:{toString(t){if(!t)return;const{x:e,y:r}=t;return"translate3d("+(e?Math.round(e):0)+"px, "+(r?Math.round(r):0)+"px, 0)"}},Scale:{toString(t){if(!t)return;const{scaleX:e,scaleY:r}=t;return"scaleX("+e+") scaleY("+r+")"}},Transform:{toString(t){if(t)return[n.Translate.toString(t),n.Scale.toString(t)].join(" ")}},Transition:{toString(t){let{property:e,duration:r,easing:i}=t;return e+" "+r+"ms "+i}}});exports.CSS=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),e=require("@veeqo/ui"),a=t=>t&&t.__esModule?t:{default:t},i=a(o),s=i.default(e.BaseContainer)`
+  padding: ${e.theme.sizes.sm};
+  // This calculation limits the height to a max of 100% of the viewport and uses offset as the position of the CTA button
+  // with an additional sizes.base offset at the bottom.
+  max-height: calc(100vh ${({offset:t})=>t&&`- ${t}px`} - ${e.theme.sizes.base});
+  overflow-y: auto;
+`;exports.AdaptiveStyledContainer=s;

package/dist/index103.js

@@ -1,44 +1,12 @@
-import "react";
-const n = /* @__PURE__ */ Object.freeze({
-  Translate: {
-    toString(t) {
-      if (!t)
-        return;
-      const {
-        x: r,
-        y: e
-      } = t;
-      return "translate3d(" + (r ? Math.round(r) : 0) + "px, " + (e ? Math.round(e) : 0) + "px, 0)";
-    }
-  },
-  Scale: {
-    toString(t) {
-      if (!t)
-        return;
-      const {
-        scaleX: r,
-        scaleY: e
-      } = t;
-      return "scaleX(" + r + ") scaleY(" + e + ")";
-    }
-  },
-  Transform: {
-    toString(t) {
-      if (t)
-        return [n.Translate.toString(t), n.Scale.toString(t)].join(" ");
-    }
-  },
-  Transition: {
-    toString(t) {
-      let {
-        property: r,
-        duration: e,
-        easing: i
-      } = t;
-      return r + " " + e + "ms " + i;
-    }
-  }
-});
+import o from "styled-components";
+import { theme as e, BaseContainer as i } from "@veeqo/ui";
+const h = o(i)`
+  padding: ${e.sizes.sm};
+  // This calculation limits the height to a max of 100% of the viewport and uses offset as the position of the CTA button
+  // with an additional sizes.base offset at the bottom.
+  max-height: calc(100vh ${({ offset: t }) => t && `- ${t}px`} - ${e.sizes.base});
+  overflow-y: auto;
+`;
 export {
-  n as CSS
+  h as AdaptiveStyledContainer
 };

package/dist/index20.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),b=require("mobx-react"),r=require("@veeqo/ui"),F=require("./index63.cjs"),R=require("./index94.cjs"),h=require("./index57.cjs"),x=b.observer(({filterData:i})=>{const{Filters:{numberRangeFilters:o,clearNumberRangeFilter:u,setNumberRangeFilter:d}}=h.useStores(),e=o.get(i.id),[s,a]=l.useState(e),c=l.useCallback(()=>{const n=new F.NumberRangeFilter({filterId:i.id});return e&&(e.gte&&n.setGte(e.gte),e.lte&&n.setLte(e.lte)),n},[i.id,e]);l.useEffect(()=>{const n=c();a(n)},[c,e]);const g=()=>{u(i.id)},m=()=>{!e||!s||d({numberRange:e,lte:s.lte,gte:s.gte})};return t.jsx(r.FilterTag,{shouldCloseOnClickAway:!0,header:t.jsx("div",{children:"Edit filter (style and semant me pls)"}),label:i.label,text:(e==null?void 0:e.filterLabel)||"Loading...",content:t.jsx(r.BaseContainer,{style:{padding:r.theme.sizes.md},children:t.jsx(R.FilterNumberRangeFilter,{data:i,editedValue:s,setEditedValue:a})}),footer:t.jsx(r.BaseContainer,{style:{padding:r.theme.sizes.sm,width:"200px"},children:t.jsxs(r.Stack,{direction:"horizontal",alignX:"end",children:[t.jsx(r.Button,{variant:"default",size:"sm",onClick:g,children:"Clear"}),t.jsx(r.Button,{variant:"primary",size:"sm",onClick:m,children:"Apply"})]})})})});exports.ActiveFilterNumberRangeTag=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),b=require("mobx-react"),r=require("@veeqo/ui"),F=require("./index63.cjs"),R=require("./index100.cjs"),h=require("./index57.cjs"),x=b.observer(({filterData:i})=>{const{Filters:{numberRangeFilters:o,clearNumberRangeFilter:u,setNumberRangeFilter:d}}=h.useStores(),e=o.get(i.id),[s,a]=l.useState(e),c=l.useCallback(()=>{const n=new F.NumberRangeFilter({filterId:i.id});return e&&(e.gte&&n.setGte(e.gte),e.lte&&n.setLte(e.lte)),n},[i.id,e]);l.useEffect(()=>{const n=c();a(n)},[c,e]);const g=()=>{u(i.id)},m=()=>{!e||!s||d({numberRange:e,lte:s.lte,gte:s.gte})};return t.jsx(r.FilterTag,{shouldCloseOnClickAway:!0,header:t.jsx("div",{children:"Edit filter (style and semant me pls)"}),label:i.label,text:(e==null?void 0:e.filterLabel)||"Loading...",content:t.jsx(r.BaseContainer,{style:{padding:r.theme.sizes.md},children:t.jsx(R.FilterNumberRangeFilter,{data:i,editedValue:s,setEditedValue:a})}),footer:t.jsx(r.BaseContainer,{style:{padding:r.theme.sizes.sm,width:"200px"},children:t.jsxs(r.Stack,{direction:"horizontal",alignX:"end",children:[t.jsx(r.Button,{variant:"default",size:"sm",onClick:g,children:"Clear"}),t.jsx(r.Button,{variant:"primary",size:"sm",onClick:m,children:"Apply"})]})})})});exports.ActiveFilterNumberRangeTag=x;

package/dist/index20.js

@@ -3,7 +3,7 @@ import { useState as b, useCallback as f, useEffect as h } from "react";
 import { observer as R } from "mobx-react";
 import { FilterTag as v, BaseContainer as o, theme as a, Stack as y, Button as d } from "@veeqo/ui";
 import { NumberRangeFilter as C } from "./index63.js";
-import { FilterNumberRangeFilter as N } from "./index94.js";
+import { FilterNumberRangeFilter as N } from "./index100.js";
 import { useStores as w } from "./index57.js";
 const j = R(
   ({ filterData: r }) => {

package/dist/index28.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),d=require("react"),_=require("mobx-react"),j=require("lodash/debounce"),r=require("@veeqo/ui"),L=require("./index96.cjs"),R=require("./index63.cjs"),p=require("./index7.cjs"),y=require("./index57.cjs"),v=i=>i&&i.__esModule?i:{default:i},k=v(j),I=_.observer(({field:i})=>{var M;const{FILTERS_DEBOUCE_INTERVAL_MS:f}=p.useBusinessLogic(),{Filters:{numberRangeFilters:u,setNumberRangeFilter:x,clearNumberRangeFilter:F}}=y.useStores(),e=u.get(i.id),[o,g]=d.useState({gte:(e==null?void 0:e.gte)??0,lte:(e==null?void 0:e.lte)??100});if(!((M=i.options)!=null&&M.length))return null;const b=()=>{const l=new R.NumberRangeFilter({filterId:i.id});return u.set(i.id,l),l},c=d.useCallback(k.default(({numberRange:l,lte:t,gte:n})=>{x({numberRange:l,lte:t,gte:n})},f),[x]),h=()=>{g({gte:0,lte:100}),F(i.id)},S=(l,t)=>{let n=new R.NumberRangeFilter({filterId:i.id});if(e||(n=b()),!Array.isArray(t)||t.length!==2)return;const[s,m]=t;g({gte:s,lte:m}),c(e?{numberRange:e,lte:m,gte:s}:{numberRange:n,lte:m,gte:s})},N=l=>{if(e||b(),!e)return;const t=Number(l);if(t>e.lteMax)return;let{lte:n}=e,{gte:s}=e;t>=e.gteMin&&t<=e.lteMax&&(s=t),(!e.lte||t>=e.lte)&&(n=e.lteMax),g({gte:s,lte:n}),c({numberRange:e,lte:n,gte:s})},C=l=>{if(e||b(),!e)return;const t=Number(l);if(t<e.gteMin)return;let{lte:n}=e,{gte:s}=e;t>=e.gteMin&&t<=e.lteMax&&(n=t),(!e.gte||t<=e.gte)&&(s=e.gteMin),g({gte:s,lte:n}),c({numberRange:e,lte:n,gte:s})},q=[o.gte,o.lte];return a.jsxs(r.Stack,{spacing:"xs",alignX:"stretch",children:[a.jsx(r.Button,{variant:"link",onClick:h,children:"Clear"}),a.jsxs(r.Stack,{direction:"horizontal",children:[a.jsx(r.TextField,{label:e==null?void 0:e.gteMinLabel,type:"number",min:e==null?void 0:e.gteMin,max:e==null?void 0:e.lteMax,value:o.gte.toString(),onChange:N}),a.jsx(r.TextField,{label:e==null?void 0:e.lteMaxLabel,type:"number",min:e==null?void 0:e.gteMin,max:e==null?void 0:e.lteMax,value:o.lte.toString(),onChange:C})]}),a.jsx(L.MUISlider,{value:q,onChange:S,min:e==null?void 0:e.gteMin,max:e==null?void 0:e.lteMax,valueLabelDisplay:"auto"})]})});exports.NumberRangeFilter=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),d=require("react"),_=require("mobx-react"),j=require("lodash/debounce"),r=require("@veeqo/ui"),L=require("./index101.cjs"),R=require("./index63.cjs"),p=require("./index7.cjs"),y=require("./index57.cjs"),v=i=>i&&i.__esModule?i:{default:i},k=v(j),I=_.observer(({field:i})=>{var M;const{FILTERS_DEBOUCE_INTERVAL_MS:f}=p.useBusinessLogic(),{Filters:{numberRangeFilters:u,setNumberRangeFilter:x,clearNumberRangeFilter:F}}=y.useStores(),e=u.get(i.id),[o,g]=d.useState({gte:(e==null?void 0:e.gte)??0,lte:(e==null?void 0:e.lte)??100});if(!((M=i.options)!=null&&M.length))return null;const b=()=>{const l=new R.NumberRangeFilter({filterId:i.id});return u.set(i.id,l),l},c=d.useCallback(k.default(({numberRange:l,lte:t,gte:n})=>{x({numberRange:l,lte:t,gte:n})},f),[x]),h=()=>{g({gte:0,lte:100}),F(i.id)},S=(l,t)=>{let n=new R.NumberRangeFilter({filterId:i.id});if(e||(n=b()),!Array.isArray(t)||t.length!==2)return;const[s,m]=t;g({gte:s,lte:m}),c(e?{numberRange:e,lte:m,gte:s}:{numberRange:n,lte:m,gte:s})},N=l=>{if(e||b(),!e)return;const t=Number(l);if(t>e.lteMax)return;let{lte:n}=e,{gte:s}=e;t>=e.gteMin&&t<=e.lteMax&&(s=t),(!e.lte||t>=e.lte)&&(n=e.lteMax),g({gte:s,lte:n}),c({numberRange:e,lte:n,gte:s})},C=l=>{if(e||b(),!e)return;const t=Number(l);if(t<e.gteMin)return;let{lte:n}=e,{gte:s}=e;t>=e.gteMin&&t<=e.lteMax&&(n=t),(!e.gte||t<=e.gte)&&(s=e.gteMin),g({gte:s,lte:n}),c({numberRange:e,lte:n,gte:s})},q=[o.gte,o.lte];return a.jsxs(r.Stack,{spacing:"xs",alignX:"stretch",children:[a.jsx(r.Button,{variant:"link",onClick:h,children:"Clear"}),a.jsxs(r.Stack,{direction:"horizontal",children:[a.jsx(r.TextField,{label:e==null?void 0:e.gteMinLabel,type:"number",min:e==null?void 0:e.gteMin,max:e==null?void 0:e.lteMax,value:o.gte.toString(),onChange:N}),a.jsx(r.TextField,{label:e==null?void 0:e.lteMaxLabel,type:"number",min:e==null?void 0:e.gteMin,max:e==null?void 0:e.lteMax,value:o.lte.toString(),onChange:C})]}),a.jsx(L.MUISlider,{value:q,onChange:S,min:e==null?void 0:e.gteMin,max:e==null?void 0:e.lteMax,valueLabelDisplay:"auto"})]})});exports.NumberRangeFilter=I;

package/dist/index28.js

@@ -3,7 +3,7 @@ import { useState as y, useCallback as I } from "react";
 import { observer as k } from "mobx-react";
 import E from "lodash/debounce";
 import { Stack as c, Button as _, TextField as p } from "@veeqo/ui";
-import { MUISlider as A } from "./index96.js";
+import { MUISlider as A } from "./index101.js";
 import { NumberRangeFilter as h } from "./index63.js";
 import { useBusinessLogic as B } from "./index7.js";
 import { useStores as T } from "./index57.js";

package/dist/index31.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("mobx-react"),n=require("@veeqo/ui"),o=require("./index7.cjs"),u=require("./index83.cjs"),c=require("./index32.cjs"),a=s.observer(()=>{const{GROUP_MAP:t}=o.useBusinessLogic();return e.jsx(u.AdaptiveHeightContainer,{style:{minWidth:"360px"},children:e.jsx(n.Stack,{alignX:"stretch",children:Array.from(t).map(([r,i])=>e.jsx(c.FilterGroup,{data:i},r))})})});exports.FiltersList=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("mobx-react"),n=require("@veeqo/ui"),o=require("./index7.cjs"),u=require("./index93.cjs"),c=require("./index32.cjs"),a=s.observer(()=>{const{GROUP_MAP:t}=o.useBusinessLogic();return e.jsx(u.AdaptiveHeightContainer,{style:{minWidth:"360px"},children:e.jsx(n.Stack,{alignX:"stretch",children:Array.from(t).map(([r,i])=>e.jsx(c.FilterGroup,{data:i},r))})})});exports.FiltersList=a;

package/dist/index31.js

@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
 import { observer as e } from "mobx-react";
 import { Stack as m } from "@veeqo/ui";
 import { useBusinessLogic as s } from "./index7.js";
-import { AdaptiveHeightContainer as p } from "./index83.js";
+import { AdaptiveHeightContainer as p } from "./index93.js";
 import { FilterGroup as n } from "./index32.js";
 const u = e(() => {
   const { GROUP_MAP: t } = s();

package/dist/index33.cjs

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