@veeqo/transfigure 1.2.10 → 1.2.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. package/dist/hooks/useColumns/useColumns.d.ts +1 -0
  2. package/dist/index100.cjs +1 -1
  3. package/dist/index100.js +17 -6
  4. package/dist/index101.cjs +1 -1
  5. package/dist/index101.js +23 -49
  6. package/dist/index102.cjs +1 -1
  7. package/dist/index102.js +50 -29
  8. package/dist/index103.cjs +1 -1
  9. package/dist/index103.js +28 -23
  10. package/dist/index105.cjs +1 -1
  11. package/dist/index105.js +14 -20
  12. package/dist/index106.cjs +1 -1
  13. package/dist/index106.js +20 -14
  14. package/dist/index108.cjs +1 -1
  15. package/dist/index108.js +1 -1
  16. package/dist/index114.cjs +1 -13
  17. package/dist/index114.js +33 -14
  18. package/dist/index115.cjs +13 -1
  19. package/dist/index115.js +15 -24
  20. package/dist/index116.cjs +1 -1
  21. package/dist/index116.js +22 -32
  22. package/dist/index117.cjs +1 -7
  23. package/dist/index117.js +47 -10
  24. package/dist/index119.cjs +1 -1
  25. package/dist/index119.js +1 -1
  26. package/dist/index120.cjs +7 -1
  27. package/dist/index120.js +10 -47
  28. package/dist/index17.cjs +1 -1
  29. package/dist/index17.js +1 -1
  30. package/dist/index31.cjs +1 -1
  31. package/dist/index31.js +1 -1
  32. package/dist/index34.cjs +1 -1
  33. package/dist/index34.js +1 -1
  34. package/dist/index36.cjs +1 -1
  35. package/dist/index36.js +2 -2
  36. package/dist/index40.cjs +1 -1
  37. package/dist/index40.js +1 -1
  38. package/dist/index41.cjs +1 -1
  39. package/dist/index41.js +1 -1
  40. package/dist/index46.cjs +1 -1
  41. package/dist/index46.js +2 -2
  42. package/dist/index47.cjs +1 -1
  43. package/dist/index47.js +2 -2
  44. package/dist/index66.cjs +1 -1
  45. package/dist/index66.js +15 -12
  46. package/dist/index74.cjs +1 -1
  47. package/dist/index74.js +4 -13
  48. package/dist/index78.cjs +1 -1
  49. package/dist/index78.js +1 -1
  50. package/dist/index80.cjs +1 -1
  51. package/dist/index80.js +1 -1
  52. package/dist/index87.cjs +1 -1
  53. package/dist/index87.js +116 -39
  54. package/dist/index88.cjs +1 -1
  55. package/dist/index88.js +19 -9
  56. package/dist/index89.cjs +1 -1
  57. package/dist/index89.js +39 -116
  58. package/dist/index90.cjs +1 -1
  59. package/dist/index90.js +9 -19
  60. package/dist/index99.cjs +1 -1
  61. package/dist/index99.js +6 -17
  62. package/dist/mobx/MobXProvider/MobXProvider.d.ts +1 -1
  63. package/package.json +1 -1
@@ -1,5 +1,6 @@
1
1
  type UseColumnsReturnType = {
2
2
  isLoading: boolean;
3
+ error: Error | undefined;
3
4
  orderedColumnIds?: string[];
4
5
  hiddenColumnIds: string[];
5
6
  };
package/dist/index100.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index79.cjs"),e=i.createAllView(),t={fixedViews:[e],customViews:[],viewsMap:new Map([[e.id,e]])};exports.INITIAL_VIEWS_STATE=t;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@veeqo/ui"),r=require("./index2.cjs"),s=o=>{let e={colourPalette:t.theme.colors.secondary.blue,customTextColour:void 0};switch(o){case r.ViewStatusTypes.ERROR:e={colourPalette:t.theme.colors.secondary.red,customTextColour:void 0};break}return e};exports.getViewTheme=s;
package/dist/index100.js CHANGED
@@ -1,9 +1,20 @@
1
- import { createAllView as i } from "./index79.js";
2
- const e = i(), s = {
3
- fixedViews: [e],
4
- customViews: [],
5
- viewsMap: /* @__PURE__ */ new Map([[e.id, e]])
1
+ import { theme as o } from "@veeqo/ui";
2
+ import { ViewStatusTypes as r } from "./index2.js";
3
+ const l = (t) => {
4
+ let e = {
5
+ colourPalette: o.colors.secondary.blue,
6
+ customTextColour: void 0
7
+ };
8
+ switch (t) {
9
+ case r.ERROR:
10
+ e = {
11
+ colourPalette: o.colors.secondary.red,
12
+ customTextColour: void 0
13
+ };
14
+ break;
15
+ }
16
+ return e;
6
17
  };
7
18
  export {
8
- s as INITIAL_VIEWS_STATE
19
+ l as getViewTheme
9
20
  };
package/dist/index101.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),V=require("swr"),p=require("qs"),v=require("./index61.cjs"),E=require("./index8.cjs"),S=require("./index62.cjs"),M=require("./index55.cjs"),_=e=>e&&e.__esModule?e:{default:e},A=_(V),a=_(p),C=e=>{var f;const{Filters:{queryParams:c,activeViewId:r}}=v.useStores(),{TABLE_DATA_URL:g,PAGE_NUMBER_FILTER_ID:u,PAGE_SIZE_FILTER_ID:n}=E.useBusinessLogic(),{isLoading:w,viewsMap:l}=S.useViews(),L=R.useMemo(()=>{if(r===e){const P={...a.default.parse(c),[u]:"1",[n]:"1"};return a.default.stringify(P,{arrayFormat:"brackets"})}const s=l.get(e);if(s!=null&&s.viewFilters){const t={filter:s.viewFilters,[u]:"1",[n]:"1"};return a.default.stringify(t,{arrayFormat:"brackets"})}return""},[c,u,n,e,r,l]),d=!w&&!!r,q=d?`${g}?${L}`:null,{data:o,error:m,isLoading:F,mutate:y}=A.default(d?[q,{includeMeta:!0}]:null,([s,t])=>M.fetcherV2(s,t),{revalidateOnFocus:!1,revalidateOnReconnect:!1,keepPreviousData:!0}),i=o==null?void 0:o.meta;return{viewCounts:((f=i==null?void 0:i.page)==null?void 0:f.total_count)||"0",error:m,isLoadingViewCounts:F,mutate:y}};exports.useViewCounts=C;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),n=require("react"),l=require("./index120.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/index101.js CHANGED
@@ -1,52 +1,26 @@
1
- import { useMemo as P } from "react";
2
- import R from "swr";
3
- import u from "qs";
4
- import { useStores as v } from "./index61.js";
5
- import { useBusinessLogic as y } from "./index8.js";
6
- import { useViews as V } from "./index62.js";
7
- import { fetcherV2 as A } from "./index55.js";
8
- const S = (t) => {
9
- var l;
10
- const { Filters: { queryParams: c, activeViewId: s } } = v(), { TABLE_DATA_URL: p, PAGE_NUMBER_FILTER_ID: o, PAGE_SIZE_FILTER_ID: i } = y(), { isLoading: d, viewsMap: m } = V(), L = P(() => {
11
- if (s === t) {
12
- const E = {
13
- ...u.parse(c),
14
- [o]: "1",
15
- [i]: "1"
16
- };
17
- return u.stringify(E, { arrayFormat: "brackets" });
18
- }
19
- const e = m.get(t);
20
- if (e != null && e.viewFilters) {
21
- const r = {
22
- filter: e.viewFilters,
23
- [o]: "1",
24
- [i]: "1"
25
- };
26
- return u.stringify(r, { arrayFormat: "brackets" });
27
- }
28
- return "";
29
- }, [c, o, i, t, s, m]), f = !d && !!s, g = f ? `${p}?${L}` : null, {
30
- data: n,
31
- error: w,
32
- isLoading: F,
33
- mutate: _
34
- } = R(
35
- f ? [g, { includeMeta: !0 }] : null,
36
- ([e, r]) => A(e, r),
37
- {
38
- revalidateOnFocus: !1,
39
- revalidateOnReconnect: !1,
40
- keepPreviousData: !0
41
- }
42
- ), a = n == null ? void 0 : n.meta;
43
- return {
44
- viewCounts: ((l = a == null ? void 0 : a.page) == null ? void 0 : l.total_count) || "0",
45
- error: w,
46
- isLoadingViewCounts: F,
47
- mutate: _
48
- };
1
+ import { jsx as p } from "react/jsx-runtime";
2
+ import { useRef as a, useState as d, useEffect as m } from "react";
3
+ import { AdaptiveStyledContainer as v } from "./index120.js";
4
+ const R = ({
5
+ children: o,
6
+ style: s,
7
+ className: f
8
+ }) => {
9
+ const r = a(null), [i, c] = d(0);
10
+ return m(() => {
11
+ const e = r.current, n = () => {
12
+ if (e) {
13
+ const { top: u } = e.getBoundingClientRect();
14
+ c(u);
15
+ }
16
+ };
17
+ n();
18
+ const t = new ResizeObserver(n);
19
+ return e && t.observe(e), () => {
20
+ e && t.unobserve(e), t.disconnect();
21
+ };
22
+ }, []), /* @__PURE__ */ p(v, { style: s, className: f, offset: i, ref: r, children: o });
49
23
  };
50
24
  export {
51
- S as useViewCounts
25
+ R as AdaptiveHeightContainer
52
26
  };
package/dist/index102.cjs CHANGED
@@ -1 +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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),V=require("swr"),p=require("qs"),v=require("./index61.cjs"),E=require("./index8.cjs"),S=require("./index62.cjs"),M=require("./index55.cjs"),_=e=>e&&e.__esModule?e:{default:e},A=_(V),a=_(p),C=e=>{var f;const{Filters:{queryParams:c,activeViewId:r}}=v.useStores(),{TABLE_DATA_URL:g,PAGE_NUMBER_FILTER_ID:u,PAGE_SIZE_FILTER_ID:n}=E.useBusinessLogic(),{isLoading:w,viewsMap:l}=S.useViews(),L=R.useMemo(()=>{if(r===e){const P={...a.default.parse(c),[u]:"1",[n]:"1"};return a.default.stringify(P,{arrayFormat:"brackets"})}const s=l.get(e);if(s!=null&&s.viewFilters){const t={filter:s.viewFilters,[u]:"1",[n]:"1"};return a.default.stringify(t,{arrayFormat:"brackets"})}return""},[c,u,n,e,r,l]),d=!w&&!!r,q=d?`${g}?${L}`:null,{data:o,error:m,isLoading:F,mutate:y}=A.default(d?[q,{includeMeta:!0}]:null,([s,t])=>M.fetcherV2(s,t),{revalidateOnFocus:!1,revalidateOnReconnect:!1,keepPreviousData:!0}),i=o==null?void 0:o.meta;return{viewCounts:((f=i==null?void 0:i.page)==null?void 0:f.total_count)||"0",error:m,isLoadingViewCounts:F,mutate:y}};exports.useViewCounts=C;
package/dist/index102.js CHANGED
@@ -1,31 +1,52 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- import { Modal as n, Text as r } from "@veeqo/ui";
3
- const s = ({ shouldShow: a, viewName: i, onCancel: t, onDelete: o }) => /* @__PURE__ */ e(
4
- n,
5
- {
6
- headerTitle: `Delete '${i}' view?`,
7
- "data-testid": "act-react-listing-custom-confirmation-popup",
8
- variant: "sm",
9
- shouldShow: a,
10
- onClose: t,
11
- rightActions: [
12
- {
13
- className: "act-react-listing-custom-confirmation-popup-cancel",
14
- label: "Cancel",
15
- onClick: t,
16
- variant: "default"
17
- },
18
- {
19
- className: "act-react-listing-custom-confirmation-popup-delete",
20
- label: "Delete",
21
- onClick: o,
22
- variant: "primaryDestructive"
23
- }
24
- ],
25
- showHeaderCloseButton: !0,
26
- children: /* @__PURE__ */ e(r, { variant: "body", children: "This cannot be undone." })
27
- }
28
- );
1
+ import { useMemo as P } from "react";
2
+ import R from "swr";
3
+ import u from "qs";
4
+ import { useStores as v } from "./index61.js";
5
+ import { useBusinessLogic as y } from "./index8.js";
6
+ import { useViews as V } from "./index62.js";
7
+ import { fetcherV2 as A } from "./index55.js";
8
+ const S = (t) => {
9
+ var l;
10
+ const { Filters: { queryParams: c, activeViewId: s } } = v(), { TABLE_DATA_URL: p, PAGE_NUMBER_FILTER_ID: o, PAGE_SIZE_FILTER_ID: i } = y(), { isLoading: d, viewsMap: m } = V(), L = P(() => {
11
+ if (s === t) {
12
+ const E = {
13
+ ...u.parse(c),
14
+ [o]: "1",
15
+ [i]: "1"
16
+ };
17
+ return u.stringify(E, { arrayFormat: "brackets" });
18
+ }
19
+ const e = m.get(t);
20
+ if (e != null && e.viewFilters) {
21
+ const r = {
22
+ filter: e.viewFilters,
23
+ [o]: "1",
24
+ [i]: "1"
25
+ };
26
+ return u.stringify(r, { arrayFormat: "brackets" });
27
+ }
28
+ return "";
29
+ }, [c, o, i, t, s, m]), f = !d && !!s, g = f ? `${p}?${L}` : null, {
30
+ data: n,
31
+ error: w,
32
+ isLoading: F,
33
+ mutate: _
34
+ } = R(
35
+ f ? [g, { includeMeta: !0 }] : null,
36
+ ([e, r]) => A(e, r),
37
+ {
38
+ revalidateOnFocus: !1,
39
+ revalidateOnReconnect: !1,
40
+ keepPreviousData: !0
41
+ }
42
+ ), a = n == null ? void 0 : n.meta;
43
+ return {
44
+ viewCounts: ((l = a == null ? void 0 : a.page) == null ? void 0 : l.total_count) || "0",
45
+ error: w,
46
+ isLoadingViewCounts: F,
47
+ mutate: _
48
+ };
49
+ };
29
50
  export {
30
- s as Confirmation
51
+ S as useViewCounts
31
52
  };
package/dist/index103.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),n=require("react"),l=require("./index117.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;
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;
package/dist/index103.js CHANGED
@@ -1,26 +1,31 @@
1
- import { jsx as p } from "react/jsx-runtime";
2
- import { useRef as a, useState as d, useEffect as m } from "react";
3
- import { AdaptiveStyledContainer as v } from "./index117.js";
4
- const R = ({
5
- children: o,
6
- style: s,
7
- className: f
8
- }) => {
9
- const r = a(null), [i, c] = d(0);
10
- return m(() => {
11
- const e = r.current, n = () => {
12
- if (e) {
13
- const { top: u } = e.getBoundingClientRect();
14
- c(u);
1
+ import { jsx as e } from "react/jsx-runtime";
2
+ import { Modal as n, Text as r } from "@veeqo/ui";
3
+ const s = ({ shouldShow: a, viewName: i, onCancel: t, onDelete: o }) => /* @__PURE__ */ e(
4
+ n,
5
+ {
6
+ headerTitle: `Delete '${i}' view?`,
7
+ "data-testid": "act-react-listing-custom-confirmation-popup",
8
+ variant: "sm",
9
+ shouldShow: a,
10
+ onClose: t,
11
+ rightActions: [
12
+ {
13
+ className: "act-react-listing-custom-confirmation-popup-cancel",
14
+ label: "Cancel",
15
+ onClick: t,
16
+ variant: "default"
17
+ },
18
+ {
19
+ className: "act-react-listing-custom-confirmation-popup-delete",
20
+ label: "Delete",
21
+ onClick: o,
22
+ variant: "primaryDestructive"
15
23
  }
16
- };
17
- n();
18
- const t = new ResizeObserver(n);
19
- return e && t.observe(e), () => {
20
- e && t.unobserve(e), t.disconnect();
21
- };
22
- }, []), /* @__PURE__ */ p(v, { style: s, className: f, offset: i, ref: r, children: o });
23
- };
24
+ ],
25
+ showHeaderCloseButton: !0,
26
+ children: /* @__PURE__ */ e(r, { variant: "body", children: "This cannot be undone." })
27
+ }
28
+ );
24
29
  export {
25
- R as AdaptiveHeightContainer
30
+ s as Confirmation
26
31
  };
package/dist/index105.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@veeqo/ui"),i=require("./index108.cjs"),n=r.theme.colors.secondary.blue.base,a=({onClick:t})=>e.jsx(i.Notification,{children:e.jsx(i.Pill,{children:e.jsxs(r.Stack,{direction:"horizontal",alignY:"center",children:[e.jsx(i.Glyph,{ariaLabel:"info",name:"info",color:n}),e.jsxs(i.Wrap,{children:[e.jsx(i.Text,{variant:"body",margin:"0 4px 0 0",children:"You are currently in a"}),e.jsx(i.Bold,{variant:"bodyBoldDark",children:"draft view"}),e.jsx(i.Hint,{variant:"hintText",children:"Apply filters and save these by creating a custom view"})]}),e.jsx(i.Button,{variant:"primary",onClick:t,size:"sm",children:"Create view"})]})})});exports.DraftPill=a;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),l=require("./index115.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/index105.js CHANGED
@@ -1,23 +1,17 @@
1
- import { jsx as r, jsxs as i } from "react/jsx-runtime";
2
- import { Stack as a, theme as n } from "@veeqo/ui";
3
- import { Notification as t, Pill as o, Glyph as l, Wrap as c, Text as d, Bold as s, Hint as h, Button as m } from "./index108.js";
4
- const p = n.colors.secondary.blue.base, b = ({ onClick: e }) => /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r(o, { children: /* @__PURE__ */ i(a, { direction: "horizontal", alignY: "center", children: [
5
- /* @__PURE__ */ r(l, { ariaLabel: "info", name: "info", color: p }),
6
- /* @__PURE__ */ i(c, { children: [
7
- /* @__PURE__ */ r(d, { variant: "body", margin: "0 4px 0 0", children: "You are currently in a" }),
8
- /* @__PURE__ */ r(s, { variant: "bodyBoldDark", children: "draft view" }),
9
- /* @__PURE__ */ r(h, { variant: "hintText", children: "Apply filters and save these by creating a custom view" })
10
- ] }),
11
- /* @__PURE__ */ r(
12
- m,
13
- {
14
- variant: "primary",
15
- onClick: e,
16
- size: "sm",
17
- children: "Create view"
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ import { StyledSortableViews as i } from "./index115.js";
3
+ const h = (e) => /* @__PURE__ */ o(
4
+ i,
5
+ {
6
+ ...e,
7
+ onChange: (t) => {
8
+ t.filter((n) => {
9
+ var r;
10
+ return (r = n.children) == null ? void 0 : r.length;
11
+ }).length || e.onChange(t);
18
12
  }
19
- )
20
- ] }) }) });
13
+ }
14
+ );
21
15
  export {
22
- b as DraftPill
16
+ h as LegacySortableViews
23
17
  };
package/dist/index106.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),l=require("./index114.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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@veeqo/ui"),i=require("./index108.cjs"),n=r.theme.colors.secondary.blue.base,a=({onClick:t})=>e.jsx(i.Notification,{children:e.jsx(i.Pill,{children:e.jsxs(r.Stack,{direction:"horizontal",alignY:"center",children:[e.jsx(i.Glyph,{ariaLabel:"info",name:"info",color:n}),e.jsxs(i.Wrap,{children:[e.jsx(i.Text,{variant:"body",margin:"0 4px 0 0",children:"You are currently in a"}),e.jsx(i.Bold,{variant:"bodyBoldDark",children:"draft view"}),e.jsx(i.Hint,{variant:"hintText",children:"Apply filters and save these by creating a custom view"})]}),e.jsx(i.Button,{variant:"primary",onClick:t,size:"sm",children:"Create view"})]})})});exports.DraftPill=a;
package/dist/index106.js CHANGED
@@ -1,17 +1,23 @@
1
- import { jsx as o } from "react/jsx-runtime";
2
- import { StyledSortableViews as i } from "./index114.js";
3
- const h = (e) => /* @__PURE__ */ o(
4
- i,
5
- {
6
- ...e,
7
- onChange: (t) => {
8
- t.filter((n) => {
9
- var r;
10
- return (r = n.children) == null ? void 0 : r.length;
11
- }).length || e.onChange(t);
1
+ import { jsx as r, jsxs as i } from "react/jsx-runtime";
2
+ import { Stack as a, theme as n } from "@veeqo/ui";
3
+ import { Notification as t, Pill as o, Glyph as l, Wrap as c, Text as d, Bold as s, Hint as h, Button as m } from "./index108.js";
4
+ const p = n.colors.secondary.blue.base, b = ({ onClick: e }) => /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r(o, { children: /* @__PURE__ */ i(a, { direction: "horizontal", alignY: "center", children: [
5
+ /* @__PURE__ */ r(l, { ariaLabel: "info", name: "info", color: p }),
6
+ /* @__PURE__ */ i(c, { children: [
7
+ /* @__PURE__ */ r(d, { variant: "body", margin: "0 4px 0 0", children: "You are currently in a" }),
8
+ /* @__PURE__ */ r(s, { variant: "bodyBoldDark", children: "draft view" }),
9
+ /* @__PURE__ */ r(h, { variant: "hintText", children: "Apply filters and save these by creating a custom view" })
10
+ ] }),
11
+ /* @__PURE__ */ r(
12
+ m,
13
+ {
14
+ variant: "primary",
15
+ onClick: e,
16
+ size: "sm",
17
+ children: "Create view"
12
18
  }
13
- }
14
- );
19
+ )
20
+ ] }) }) });
15
21
  export {
16
- h as LegacySortableViews
22
+ b as DraftPill
17
23
  };
package/dist/index108.cjs CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("styled-components"),t=require("@veeqo/ui"),r=require("@veeqo/components"),l=require("framer-motion"),s=require("./index115.cjs"),c=e=>e&&e.__esModule?e:{default:e},o=c(a),{Glyph:i}=r.VeeqoCommon,d=o.default(l.motion(t.BaseContainer)).attrs(()=>({variants:s.notificationVariants,initial:"initial",animate:"animate",exit:"exit"}))`
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("styled-components"),t=require("@veeqo/ui"),r=require("@veeqo/components"),l=require("framer-motion"),s=require("./index116.cjs"),c=e=>e&&e.__esModule?e:{default:e},o=c(a),{Glyph:i}=r.VeeqoCommon,d=o.default(l.motion(t.BaseContainer)).attrs(()=>({variants:s.notificationVariants,initial:"initial",animate:"animate",exit:"exit"}))`
2
2
  display: flex;
3
3
  position: fixed;
4
4
  width: 100vw;
package/dist/index108.js CHANGED
@@ -2,7 +2,7 @@ import t from "styled-components";
2
2
  import { BaseContainer as n, theme as i, Text as e, Banner as a, Button as l } from "@veeqo/ui";
3
3
  import { VeeqoCommon as s } from "@veeqo/components";
4
4
  import { motion as c } from "framer-motion";
5
- import { notificationVariants as p } from "./index115.js";
5
+ import { notificationVariants as p } from "./index116.js";
6
6
  const { Glyph: x } = s, u = t(c(n)).attrs(() => ({
7
7
  variants: p,
8
8
  initial: "initial",
package/dist/index114.cjs CHANGED
@@ -1,13 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@veeqo/components"),o=require("@veeqo/ui"),s=require("styled-components"),l=e=>e&&e.__esModule?e:{default:e},r=l(s),{SortableViews:i}=t.VeeqoUI,n=r.default(i)`
2
- .rst__rowTitle {
3
- span {
4
- white-space: nowrap;
5
- overflow: hidden;
6
- text-overflow: ellipsis;
7
- }
8
- }
9
-
10
- .rst__rowTitle > div:first-child {
11
- gap: ${o.theme.sizes.sm};
12
- }
13
- `;exports.StyledSortableViews=n;
1
+ "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/index114.js CHANGED
@@ -1,19 +1,38 @@
1
- import { VeeqoUI as e } from "@veeqo/components";
2
1
  import { theme as o } from "@veeqo/ui";
3
- import t from "styled-components";
4
- const { SortableViews: r } = e, p = t(r)`
5
- .rst__rowTitle {
6
- span {
7
- white-space: nowrap;
8
- overflow: hidden;
9
- text-overflow: ellipsis;
2
+ import { withStyles as r } from "@material-ui/core/styles";
3
+ import e from "@material-ui/core/Slider";
4
+ const l = r({
5
+ root: {
6
+ color: o.colors.secondary.blue.base,
7
+ height: 4
8
+ },
9
+ thumb: {
10
+ height: 20,
11
+ width: 20,
12
+ backgroundColor: "#fff",
13
+ border: "3px solid currentColor",
14
+ marginTop: -8,
15
+ marginLeft: -10,
16
+ "&:focus, &:hover, &$active": {
17
+ boxShadow: "inherit"
10
18
  }
19
+ },
20
+ valueLabel: {
21
+ left: "calc(-50% - 1px)"
22
+ },
23
+ track: {
24
+ height: 4,
25
+ borderRadius: 4,
26
+ backgroundColor: o.colors.secondary.blue.light,
27
+ opacity: 1
28
+ },
29
+ rail: {
30
+ height: 4,
31
+ borderRadius: 4,
32
+ backgroundColor: o.colors.neutral.grey.dark,
33
+ opacity: 1
11
34
  }
12
-
13
- .rst__rowTitle > div:first-child {
14
- gap: ${o.sizes.sm};
15
- }
16
- `;
35
+ })(e);
17
36
  export {
18
- p as StyledSortableViews
37
+ l as MUISlider
19
38
  };
package/dist/index115.cjs CHANGED
@@ -1 +1,13 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={initial:{opacity:0,y:50,scale:.95},animate:{opacity:1,y:0,scale:1,transition:{duration:.2,ease:"easeOut"}},exit:{opacity:0,y:20,scale:.95,transition:{duration:.2,ease:"easeIn"}}};exports.notificationVariants=t;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@veeqo/components"),o=require("@veeqo/ui"),s=require("styled-components"),l=e=>e&&e.__esModule?e:{default:e},r=l(s),{SortableViews:i}=t.VeeqoUI,n=r.default(i)`
2
+ .rst__rowTitle {
3
+ span {
4
+ white-space: nowrap;
5
+ overflow: hidden;
6
+ text-overflow: ellipsis;
7
+ }
8
+ }
9
+
10
+ .rst__rowTitle > div:first-child {
11
+ gap: ${o.theme.sizes.sm};
12
+ }
13
+ `;exports.StyledSortableViews=n;
package/dist/index115.js CHANGED
@@ -1,28 +1,19 @@
1
- const a = {
2
- initial: {
3
- opacity: 0,
4
- y: 50,
5
- scale: 0.95
6
- },
7
- animate: {
8
- opacity: 1,
9
- y: 0,
10
- scale: 1,
11
- transition: {
12
- duration: 0.2,
13
- ease: "easeOut"
14
- }
15
- },
16
- exit: {
17
- opacity: 0,
18
- y: 20,
19
- scale: 0.95,
20
- transition: {
21
- duration: 0.2,
22
- ease: "easeIn"
1
+ import { VeeqoUI as e } from "@veeqo/components";
2
+ import { theme as o } from "@veeqo/ui";
3
+ import t from "styled-components";
4
+ const { SortableViews: r } = e, p = t(r)`
5
+ .rst__rowTitle {
6
+ span {
7
+ white-space: nowrap;
8
+ overflow: hidden;
9
+ text-overflow: ellipsis;
23
10
  }
24
11
  }
25
- };
12
+
13
+ .rst__rowTitle > div:first-child {
14
+ gap: ${o.sizes.sm};
15
+ }
16
+ `;
26
17
  export {
27
- a as notificationVariants
18
+ p as StyledSortableViews
28
19
  };
package/dist/index116.cjs CHANGED
@@ -1 +1 @@
1
- "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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={initial:{opacity:0,y:50,scale:.95},animate:{opacity:1,y:0,scale:1,transition:{duration:.2,ease:"easeOut"}},exit:{opacity:0,y:20,scale:.95,transition:{duration:.2,ease:"easeIn"}}};exports.notificationVariants=t;
package/dist/index116.js CHANGED
@@ -1,38 +1,28 @@
1
- import { theme as o } from "@veeqo/ui";
2
- import { withStyles as r } from "@material-ui/core/styles";
3
- import e from "@material-ui/core/Slider";
4
- const l = r({
5
- root: {
6
- color: o.colors.secondary.blue.base,
7
- height: 4
1
+ const a = {
2
+ initial: {
3
+ opacity: 0,
4
+ y: 50,
5
+ scale: 0.95
8
6
  },
9
- thumb: {
10
- height: 20,
11
- width: 20,
12
- backgroundColor: "#fff",
13
- border: "3px solid currentColor",
14
- marginTop: -8,
15
- marginLeft: -10,
16
- "&:focus, &:hover, &$active": {
17
- boxShadow: "inherit"
7
+ animate: {
8
+ opacity: 1,
9
+ y: 0,
10
+ scale: 1,
11
+ transition: {
12
+ duration: 0.2,
13
+ ease: "easeOut"
18
14
  }
19
15
  },
20
- valueLabel: {
21
- left: "calc(-50% - 1px)"
22
- },
23
- track: {
24
- height: 4,
25
- borderRadius: 4,
26
- backgroundColor: o.colors.secondary.blue.light,
27
- opacity: 1
28
- },
29
- rail: {
30
- height: 4,
31
- borderRadius: 4,
32
- backgroundColor: o.colors.neutral.grey.dark,
33
- opacity: 1
16
+ exit: {
17
+ opacity: 0,
18
+ y: 20,
19
+ scale: 0.95,
20
+ transition: {
21
+ duration: 0.2,
22
+ ease: "easeIn"
23
+ }
34
24
  }
35
- })(e);
25
+ };
36
26
  export {
37
- l as MUISlider
27
+ a as notificationVariants
38
28
  };
package/dist/index117.cjs CHANGED
@@ -1,7 +1 @@
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)`
2
- padding: ${e.theme.sizes.sm};
3
- // This calculation limits the height to a max of 100% of the viewport and uses offset as the position of the CTA button
4
- // with an additional sizes.base offset at the bottom.
5
- max-height: calc(100vh ${({offset:t})=>t&&`- ${t}px`} - ${e.theme.sizes.base});
6
- overflow-y: auto;
7
- `;exports.AdaptiveStyledContainer=s;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),p=require("react"),d=require("mobx-react"),t=require("@veeqo/ui"),m=require("swr/immutable"),x=require("./index75.cjs"),y=require("./index76.cjs"),F=require("./index49.cjs"),O=e=>e&&e.__esModule?e:{default:e},A=O(m),S=d.observer(({field:e,editedValue:o,setEditedValue:a})=>{var c,i;const l=p.useMemo(()=>{var r;return y.getFetcherFunction({fetcherName:(r=e.fetchAsyncFilterOptions)==null?void 0:r.fetcher})},[(c=e.fetchAsyncFilterOptions)==null?void 0:c.fetcher]),{isLoading:u,isValidating:h,data:g,error:b}=A.default((i=e.fetchAsyncFilterOptions)==null?void 0:i.URL,l,F.SWR_HOOK_OPTIONS),n=u||h,f=x.getAsyncOptions({data:g,config:e.fetchAsyncFilterOptions});return s.jsxs(t.Stack,{spacing:"xs",alignX:"stretch",children:[s.jsx(t.ChoiceList,{allowMultiple:!0,title:e.label,options:f,selected:o,onChange:r=>a(r)}),n&&s.jsx(t.Skeleton,{width:"200px",height:t.theme.sizes[5],"aria-busy":!0,"aria-label":`Loading ${e.label} filters`}),!n&&b&&s.jsxs(t.Text,{variant:"errorSmall",children:["Error: failed to load filter for ",e.label]})]})});exports.ActiveAsyncCheckboxFilter=S;