@veeqo/transfigure 2.1.3 → 2.2.0

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 (95) hide show
  1. package/dist/components/Views/OptionsDropdown/styled.d.ts +2 -2
  2. package/dist/components/Views/PillNotifications/variants/styled.d.ts +2 -2
  3. package/dist/index100.cjs +1 -1
  4. package/dist/index100.js +48 -9
  5. package/dist/index101.cjs +1 -1
  6. package/dist/index101.js +28 -23
  7. package/dist/index102.cjs +1 -19
  8. package/dist/index102.js +21 -24
  9. package/dist/index103.cjs +19 -1
  10. package/dist/index103.js +24 -50
  11. package/dist/index104.cjs +1 -1
  12. package/dist/index104.js +17 -28
  13. package/dist/index105.cjs +1 -1
  14. package/dist/index105.js +7 -15
  15. package/dist/index107.cjs +1 -1
  16. package/dist/index107.js +24 -21
  17. package/dist/index108.cjs +1 -1
  18. package/dist/index108.js +1 -1
  19. package/dist/index109.cjs +1 -1
  20. package/dist/index109.js +19 -2
  21. package/dist/index11.cjs +1 -1
  22. package/dist/index11.js +1 -1
  23. package/dist/index110.cjs +1 -1
  24. package/dist/index110.js +7 -18
  25. package/dist/index111.cjs +1 -1
  26. package/dist/index111.js +60 -7
  27. package/dist/index112.cjs +1 -1
  28. package/dist/index112.js +26 -57
  29. package/dist/index113.cjs +13 -1
  30. package/dist/index113.js +17 -30
  31. package/dist/index114.cjs +1 -1
  32. package/dist/index114.js +2 -36
  33. package/dist/index115.cjs +1 -13
  34. package/dist/index115.js +24 -15
  35. package/dist/index116.cjs +1 -1
  36. package/dist/index116.js +32 -22
  37. package/dist/index118.cjs +1 -1
  38. package/dist/index118.js +1 -1
  39. package/dist/index13.cjs +1 -1
  40. package/dist/index13.js +1 -1
  41. package/dist/index19.cjs +1 -1
  42. package/dist/index19.js +1 -1
  43. package/dist/index30.cjs +1 -1
  44. package/dist/index30.js +1 -1
  45. package/dist/index31.cjs +1 -1
  46. package/dist/index31.js +1 -1
  47. package/dist/index34.cjs +1 -1
  48. package/dist/index34.js +1 -1
  49. package/dist/index36.cjs +1 -1
  50. package/dist/index36.js +2 -2
  51. package/dist/index39.cjs +1 -1
  52. package/dist/index39.js +1 -1
  53. package/dist/index40.cjs +1 -1
  54. package/dist/index40.js +1 -1
  55. package/dist/index41.cjs +1 -1
  56. package/dist/index41.js +1 -1
  57. package/dist/index46.cjs +1 -1
  58. package/dist/index46.js +1 -1
  59. package/dist/index47.cjs +1 -1
  60. package/dist/index47.js +2 -2
  61. package/dist/index79.cjs +1 -1
  62. package/dist/index79.js +1 -1
  63. package/dist/index81.cjs +1 -1
  64. package/dist/index81.js +1 -1
  65. package/dist/index85.cjs +1 -1
  66. package/dist/index85.js +1 -1
  67. package/dist/index86.cjs +1 -1
  68. package/dist/index86.js +1 -1
  69. package/dist/index87.cjs +1 -1
  70. package/dist/index87.js +116 -4
  71. package/dist/index88.cjs +1 -1
  72. package/dist/index88.js +39 -115
  73. package/dist/index89.cjs +1 -1
  74. package/dist/index89.js +9 -2
  75. package/dist/index90.cjs +1 -1
  76. package/dist/index90.js +2 -41
  77. package/dist/index91.cjs +1 -1
  78. package/dist/index91.js +4 -8
  79. package/dist/index92.cjs +1 -1
  80. package/dist/index92.js +13 -18
  81. package/dist/index93.cjs +104 -1
  82. package/dist/index93.js +119 -7
  83. package/dist/index94.cjs +1 -1
  84. package/dist/index94.js +68 -13
  85. package/dist/index95.cjs +1 -104
  86. package/dist/index95.js +27 -118
  87. package/dist/index96.cjs +1 -1
  88. package/dist/index96.js +2 -68
  89. package/dist/index97.cjs +1 -1
  90. package/dist/index97.js +39 -26
  91. package/dist/index98.cjs +1 -1
  92. package/dist/index98.js +11 -2
  93. package/dist/index99.cjs +1 -1
  94. package/dist/index99.js +14 -40
  95. package/package.json +5 -5
package/dist/index111.js CHANGED
@@ -1,10 +1,63 @@
1
- import { createElement as p } from "react";
2
- import { useDroppable as a } from "@dnd-kit/core";
3
- import { DroppableAreaStack as m } from "./index95.js";
4
- const n = ({ id: e, children: r, ...o }) => {
5
- const { setNodeRef: t } = a({ id: e });
6
- return /* @__PURE__ */ p(m, { ...o, key: e, ref: t }, r);
1
+ import { useState as O } from "react";
2
+ import { arrayMove as S } from "@dnd-kit/sortable";
3
+ const A = ({ items: i, setItems: g }) => {
4
+ const [C, d] = O(null), [h, v] = O(null), s = (r) => r && (r.id in i ? r.id : Object.keys(i).find((n) => i[n].includes(r.id)));
5
+ return {
6
+ activeId: C,
7
+ handleDragStart: (r) => {
8
+ const { active: n } = r;
9
+ d(n.id), v(i);
10
+ },
11
+ handleDragOver: (r) => {
12
+ const { active: n, over: t } = r, l = t == null ? void 0 : t.id;
13
+ if (l == null) return;
14
+ const o = s(t), c = s(n);
15
+ !o || !c || c !== o && g((e) => {
16
+ const u = e[c], a = e[o], x = a.indexOf(l), I = u.indexOf(n.id);
17
+ let f;
18
+ if (l in e)
19
+ f = a.length + 1;
20
+ else {
21
+ const w = t && n.rect.current.translated && n.rect.current.translated.top > t.rect.top + t.rect.height ? 1 : 0;
22
+ f = x >= 0 ? x + w : a.length + 1;
23
+ }
24
+ return {
25
+ ...e,
26
+ [c]: e[c].filter((D) => D !== n.id),
27
+ [o]: [
28
+ ...e[o].slice(0, f),
29
+ e[c][I],
30
+ ...e[o].slice(f, e[o].length)
31
+ ]
32
+ };
33
+ });
34
+ },
35
+ handleDragEnd: (r) => {
36
+ const { active: n, over: t } = r, l = s(n);
37
+ if (!l) {
38
+ d(null);
39
+ return;
40
+ }
41
+ const o = t == null ? void 0 : t.id;
42
+ if (o == null) {
43
+ d(null);
44
+ return;
45
+ }
46
+ const c = s(t);
47
+ if (c) {
48
+ const e = i[l].indexOf(n.id), u = i[c].indexOf(o);
49
+ e !== u && g((a) => ({
50
+ ...a,
51
+ [c]: S(a[c], e, u)
52
+ }));
53
+ }
54
+ d(null);
55
+ },
56
+ handleDragCancel: () => {
57
+ h && g(h), d(null), v(null);
58
+ }
59
+ };
7
60
  };
8
61
  export {
9
- n as DroppableArea
62
+ A as useDragHandlers
10
63
  };
package/dist/index112.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react"),y=require("@dnd-kit/sortable"),I=({items:o,setItems:g})=>{const[C,d]=x.useState(null),[h,v]=x.useState(null),s=r=>r&&(r.id in o?r.id:Object.keys(o).find(n=>o[n].includes(r.id)));return{activeId:C,handleDragStart:r=>{const{active:n}=r;d(n.id),v(o)},handleDragOver:r=>{const{active:n,over:e}=r,l=e==null?void 0:e.id;if(l==null)return;const a=s(e),c=s(n);!a||!c||c!==a&&g(t=>{const u=t[c],i=t[a],D=i.indexOf(l),S=u.indexOf(n.id);let f;if(l in t)f=i.length+1;else{const b=e&&n.rect.current.translated&&n.rect.current.translated.top>e.rect.top+e.rect.height?1:0;f=D>=0?D+b:i.length+1}return{...t,[c]:t[c].filter(O=>O!==n.id),[a]:[...t[a].slice(0,f),t[c][S],...t[a].slice(f,t[a].length)]}})},handleDragEnd:r=>{const{active:n,over:e}=r,l=s(n);if(!l){d(null);return}const a=e==null?void 0:e.id;if(a==null){d(null);return}const c=s(e);if(c){const t=o[l].indexOf(n.id),u=o[c].indexOf(a);t!==u&&g(i=>({...i,[c]:y.arrayMove(i[c],t,u)}))}d(null)},handleDragCancel:()=>{h&&g(h),d(null),v(null)}}};exports.useDragHandlers=I;
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;
package/dist/index112.js CHANGED
@@ -1,63 +1,32 @@
1
- import { useState as O } from "react";
2
- import { arrayMove as S } from "@dnd-kit/sortable";
3
- const A = ({ items: i, setItems: g }) => {
4
- const [C, d] = O(null), [h, v] = O(null), s = (r) => r && (r.id in i ? r.id : Object.keys(i).find((n) => i[n].includes(r.id)));
5
- return {
6
- activeId: C,
7
- handleDragStart: (r) => {
8
- const { active: n } = r;
9
- d(n.id), v(i);
10
- },
11
- handleDragOver: (r) => {
12
- const { active: n, over: t } = r, l = t == null ? void 0 : t.id;
13
- if (l == null) return;
14
- const o = s(t), c = s(n);
15
- !o || !c || c !== o && g((e) => {
16
- const u = e[c], a = e[o], x = a.indexOf(l), I = u.indexOf(n.id);
17
- let f;
18
- if (l in e)
19
- f = a.length + 1;
20
- else {
21
- const w = t && n.rect.current.translated && n.rect.current.translated.top > t.rect.top + t.rect.height ? 1 : 0;
22
- f = x >= 0 ? x + w : a.length + 1;
1
+ import { useRef as u, useCallback as d } from "react";
2
+ import { pointerWithin as p, rectIntersection as a, getFirstCollision as f, closestCenter as C } from "@dnd-kit/core";
3
+ const h = ({ items: n }) => {
4
+ const i = u(null);
5
+ return { collisionDetectionStrategy: d(
6
+ (e) => {
7
+ var r;
8
+ const o = p(e), s = o.length > 0 ? (
9
+ // If there are droppables intersecting with the pointer, return those
10
+ o
11
+ ) : a(e);
12
+ let t = f(s, "id");
13
+ if (t != null) {
14
+ if (t in n) {
15
+ const l = n[t];
16
+ l.length > 0 && (t = ((r = C({
17
+ ...e,
18
+ droppableContainers: e.droppableContainers.filter(
19
+ (c) => c.id !== t && l.includes(c.id)
20
+ )
21
+ })[0]) == null ? void 0 : r.id) ?? t);
23
22
  }
24
- return {
25
- ...e,
26
- [c]: e[c].filter((D) => D !== n.id),
27
- [o]: [
28
- ...e[o].slice(0, f),
29
- e[c][I],
30
- ...e[o].slice(f, e[o].length)
31
- ]
32
- };
33
- });
34
- },
35
- handleDragEnd: (r) => {
36
- const { active: n, over: t } = r, l = s(n);
37
- if (!l) {
38
- d(null);
39
- return;
40
- }
41
- const o = t == null ? void 0 : t.id;
42
- if (o == null) {
43
- d(null);
44
- return;
45
- }
46
- const c = s(t);
47
- if (c) {
48
- const e = i[l].indexOf(n.id), u = i[c].indexOf(o);
49
- e !== u && g((a) => ({
50
- ...a,
51
- [c]: S(a[c], e, u)
52
- }));
23
+ return i.current = t, [{ id: t }];
53
24
  }
54
- d(null);
25
+ return i.current ? [{ id: i.current }] : [];
55
26
  },
56
- handleDragCancel: () => {
57
- h && g(h), d(null), v(null);
58
- }
59
- };
27
+ [n]
28
+ ) };
60
29
  };
61
30
  export {
62
- A as useDragHandlers
31
+ h as useCollisionDetectionStrategy
63
32
  };
package/dist/index113.cjs CHANGED
@@ -1 +1,13 @@
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;
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/index113.js CHANGED
@@ -1,32 +1,19 @@
1
- import { useRef as u, useCallback as d } from "react";
2
- import { pointerWithin as p, rectIntersection as a, getFirstCollision as f, closestCenter as C } from "@dnd-kit/core";
3
- const h = ({ items: n }) => {
4
- const i = u(null);
5
- return { collisionDetectionStrategy: d(
6
- (e) => {
7
- var r;
8
- const o = p(e), s = o.length > 0 ? (
9
- // If there are droppables intersecting with the pointer, return those
10
- o
11
- ) : a(e);
12
- let t = f(s, "id");
13
- if (t != null) {
14
- if (t in n) {
15
- const l = n[t];
16
- l.length > 0 && (t = ((r = C({
17
- ...e,
18
- droppableContainers: e.droppableContainers.filter(
19
- (c) => c.id !== t && l.includes(c.id)
20
- )
21
- })[0]) == null ? void 0 : r.id) ?? t);
22
- }
23
- return i.current = t, [{ id: t }];
24
- }
25
- return i.current ? [{ id: i.current }] : [];
26
- },
27
- [n]
28
- ) };
29
- };
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;
10
+ }
11
+ }
12
+
13
+ .rst__rowTitle > div:first-child {
14
+ gap: ${o.sizes.sm};
15
+ }
16
+ `;
30
17
  export {
31
- h as useCollisionDetectionStrategy
18
+ p as StyledSortableViews
32
19
  };
package/dist/index114.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 e=r=>r instanceof Error;exports.isError=e;
package/dist/index114.js CHANGED
@@ -1,38 +1,4 @@
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
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"
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
34
- }
35
- })(e);
1
+ const o = (r) => r instanceof Error;
36
2
  export {
37
- l as MUISlider
3
+ o as isError
38
4
  };
package/dist/index115.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 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/index115.js CHANGED
@@ -1,19 +1,28 @@
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;
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"
10
23
  }
11
24
  }
12
-
13
- .rst__rowTitle > div:first-child {
14
- gap: ${o.sizes.sm};
15
- }
16
- `;
25
+ };
17
26
  export {
18
- p as StyledSortableViews
27
+ a as notificationVariants
19
28
  };
package/dist/index116.cjs CHANGED
@@ -1 +1 @@
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 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/index116.js CHANGED
@@ -1,28 +1,38 @@
1
- const a = {
2
- initial: {
3
- opacity: 0,
4
- y: 50,
5
- scale: 0.95
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
6
8
  },
7
- animate: {
8
- opacity: 1,
9
- y: 0,
10
- scale: 1,
11
- transition: {
12
- duration: 0.2,
13
- ease: "easeOut"
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"
14
18
  }
15
19
  },
16
- exit: {
17
- opacity: 0,
18
- y: 20,
19
- scale: 0.95,
20
- transition: {
21
- duration: 0.2,
22
- ease: "easeIn"
23
- }
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
24
34
  }
25
- };
35
+ })(e);
26
36
  export {
27
- a as notificationVariants
37
+ l as MUISlider
28
38
  };
package/dist/index118.cjs CHANGED
@@ -1 +1 @@
1
- "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("./index114.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;
1
+ "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("./index116.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/index118.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsxs as b, jsx as a } from "react/jsx-runtime";
2
2
  import { observer as N } from "mobx-react";
3
3
  import { Stack as h, TextField as u } from "@veeqo/ui";
4
- import { MUISlider as L } from "./index114.js";
4
+ import { MUISlider as L } from "./index116.js";
5
5
  const j = N(
6
6
  ({ data: g, editedValue: t, setEditedValue: l }) => {
7
7
  var f;
package/dist/index13.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),_=require("mobx-react"),f=require("@veeqo/ui"),b=require("lodash/debounce"),o=require("react"),q=require("./index89.cjs"),x=require("./index8.cjs"),g=require("./index62.cjs"),h=e=>e&&e.__esModule?e:{default:e},E=h(b),F=_.observer(({onChange:e,capture:R,...c})=>{const{SEARCH_FILTER_ID:s,FILTERS_DEBOUNCE_INTERVAL_MS:i}=x.useBusinessLogic(),{Filters:{setFilter:r,filters:n}}=g.useStores(),[a,l]=o.useState(n.get(s)||""),d=o.useCallback(E.default(t=>{r(s,t)},i),[r,s]),S=t=>{l(t),q.isTextFilterValid(t)&&d(t),e&&e(t)};return u.jsx("div",{style:{flexGrow:1},children:u.jsx(f.Search,{value:a,onChange:S,...c})})});exports.SearchBar=F;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),_=require("mobx-react"),f=require("@veeqo/ui"),b=require("lodash/debounce"),o=require("react"),q=require("./index90.cjs"),x=require("./index8.cjs"),g=require("./index62.cjs"),h=e=>e&&e.__esModule?e:{default:e},E=h(b),F=_.observer(({onChange:e,capture:R,...c})=>{const{SEARCH_FILTER_ID:s,FILTERS_DEBOUNCE_INTERVAL_MS:i}=x.useBusinessLogic(),{Filters:{setFilter:r,filters:n}}=g.useStores(),[a,l]=o.useState(n.get(s)||""),d=o.useCallback(E.default(t=>{r(s,t)},i),[r,s]),S=t=>{l(t),q.isTextFilterValid(t)&&d(t),e&&e(t)};return u.jsx("div",{style:{flexGrow:1},children:u.jsx(f.Search,{value:a,onChange:S,...c})})});exports.SearchBar=F;
package/dist/index13.js CHANGED
@@ -3,7 +3,7 @@ import { observer as f } from "mobx-react";
3
3
  import { Search as u } from "@veeqo/ui";
4
4
  import p from "lodash/debounce";
5
5
  import { useState as S, useCallback as d } from "react";
6
- import { isTextFilterValid as h } from "./index89.js";
6
+ import { isTextFilterValid as h } from "./index90.js";
7
7
  import { useBusinessLogic as E } from "./index8.js";
8
8
  import { useStores as C } from "./index62.js";
9
9
  const v = f(({ onChange: o, capture: F, ...s }) => {
package/dist/index19.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),v=require("mobx-react"),x=require("@veeqo/ui"),T=require("./index89.cjs"),l=require("./index50.cjs"),V=require("./index117.cjs"),g=require("./index62.cjs"),j=require("./index60.cjs"),R=require("./index24.cjs"),y=require("./index18.cjs"),C=require("./index25.cjs"),f=v.observer(({filterData:e})=>{const{Filters:{filters:o,clearFilter:F,setFilter:a}}=g.useStores(),r=o.get(e.id),{filterLabel:q}=j.useFilterLabel({filterData:e}),[i,c]=s.useState(r||""),[n,b]=s.useState("");s.useEffect(()=>{i!==r&&c(r||"")},[e.id,r,o]);const A=()=>{F(e.id)},E=()=>{n||a(e.id,i)},S=u=>{let d="";(e.filterType===l.FilterChoiceValue.TEXT||e.filterType===l.FilterChoiceValue.NUMBER)&&(d=T.isTextFilterValid(String(u))?"":l.MIN_SEARCH_ERROR_MESSAGE),c(u),b(d)};return t.jsx(x.FilterTag,{shouldCloseOnClickAway:!0,header:t.jsx(C.ActiveFilterHeader,{filterLabel:e.label,icon:e.icon}),label:e.label,text:q||"Loading...",content:t.jsx("div",{className:V.default.fieldContainer,children:t.jsx(y.FilterField,{data:e,editedValue:i,setEditedValue:S,error:n})}),footer:t.jsx(R.ActiveFilterFooter,{clearActiveFilter:A,applyActiveFilter:E})})});exports.ActiveFilterTag=f;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),v=require("mobx-react"),x=require("@veeqo/ui"),T=require("./index90.cjs"),l=require("./index50.cjs"),V=require("./index117.cjs"),g=require("./index62.cjs"),j=require("./index60.cjs"),R=require("./index24.cjs"),y=require("./index18.cjs"),C=require("./index25.cjs"),f=v.observer(({filterData:e})=>{const{Filters:{filters:o,clearFilter:F,setFilter:a}}=g.useStores(),r=o.get(e.id),{filterLabel:q}=j.useFilterLabel({filterData:e}),[i,c]=s.useState(r||""),[n,b]=s.useState("");s.useEffect(()=>{i!==r&&c(r||"")},[e.id,r,o]);const A=()=>{F(e.id)},E=()=>{n||a(e.id,i)},S=u=>{let d="";(e.filterType===l.FilterChoiceValue.TEXT||e.filterType===l.FilterChoiceValue.NUMBER)&&(d=T.isTextFilterValid(String(u))?"":l.MIN_SEARCH_ERROR_MESSAGE),c(u),b(d)};return t.jsx(x.FilterTag,{shouldCloseOnClickAway:!0,header:t.jsx(C.ActiveFilterHeader,{filterLabel:e.label,icon:e.icon}),label:e.label,text:q||"Loading...",content:t.jsx("div",{className:V.default.fieldContainer,children:t.jsx(y.FilterField,{data:e,editedValue:i,setEditedValue:S,error:n})}),footer:t.jsx(R.ActiveFilterFooter,{clearActiveFilter:A,applyActiveFilter:E})})});exports.ActiveFilterTag=f;
package/dist/index19.js CHANGED
@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
2
2
  import { useState as n, useEffect as b } from "react";
3
3
  import { observer as S } from "mobx-react";
4
4
  import { FilterTag as T } from "@veeqo/ui";
5
- import { isTextFilterValid as V } from "./index89.js";
5
+ import { isTextFilterValid as V } from "./index90.js";
6
6
  import { FilterChoiceValue as d, MIN_SEARCH_ERROR_MESSAGE as v } from "./index50.js";
7
7
  import g from "./index117.js";
8
8
  import { useStores as y } from "./index62.js";
package/dist/index30.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("react"),g=require("mobx-react"),u=require("@veeqo/ui"),h=require("lodash/debounce"),n=require("./index50.cjs"),j=require("./index89.cjs"),m=require("./index8.cjs"),y=require("./index62.cjs"),k=r=>r&&r.__esModule?r:{default:r},B=k(h),v=g.observer(({fields:r,groupId:c})=>{const{FILTERS_DEBOUNCE_INTERVAL_MS:S}=m.useBusinessLogic(),{Filters:{getFiltersForGroup:p,setFilter:a,clearFiltersForGroup:V}}=y.useStores(),_=p(c),[d,F]=o.useState(_),[E,x]=o.useState({}),C=o.useCallback(B.default((e,t)=>{a(e,t)},S),[a]),q=(e,t)=>{const s={...d,[e]:t},i={...E},T=Object.entries(s).every(([b,M])=>j.isTextFilterValid(String(M))?(i[b]="",!0):(i[b]=n.MIN_SEARCH_ERROR_MESSAGE,!1));F(s),x(i),T&&C(e,t)},R=()=>{const e=r.reduce((t,s)=>({...t,[s.id]:""}),{});F(e),V(c)};return l.jsxs(u.FlexCol,{children:[l.jsx(u.Button,{variant:"link",onClick:R,children:"Clear"}),r.map(e=>{let t;switch(e.filterType){case n.FilterChoiceValue.NUMBER:t="number";break;case n.FilterChoiceValue.TEXT:t="text";break}return l.jsx(u.TextField,{type:t,value:d[e.id],error:E[e.id],label:e.label,onChange:s=>q(e.id,s)},e.id)})]})});exports.MultipleFieldFilter=v;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("react"),g=require("mobx-react"),u=require("@veeqo/ui"),h=require("lodash/debounce"),n=require("./index50.cjs"),j=require("./index90.cjs"),m=require("./index8.cjs"),y=require("./index62.cjs"),k=r=>r&&r.__esModule?r:{default:r},B=k(h),v=g.observer(({fields:r,groupId:c})=>{const{FILTERS_DEBOUNCE_INTERVAL_MS:S}=m.useBusinessLogic(),{Filters:{getFiltersForGroup:p,setFilter:a,clearFiltersForGroup:V}}=y.useStores(),_=p(c),[d,F]=o.useState(_),[E,x]=o.useState({}),C=o.useCallback(B.default((e,t)=>{a(e,t)},S),[a]),q=(e,t)=>{const s={...d,[e]:t},i={...E},T=Object.entries(s).every(([b,M])=>j.isTextFilterValid(String(M))?(i[b]="",!0):(i[b]=n.MIN_SEARCH_ERROR_MESSAGE,!1));F(s),x(i),T&&C(e,t)},R=()=>{const e=r.reduce((t,s)=>({...t,[s.id]:""}),{});F(e),V(c)};return l.jsxs(u.FlexCol,{children:[l.jsx(u.Button,{variant:"link",onClick:R,children:"Clear"}),r.map(e=>{let t;switch(e.filterType){case n.FilterChoiceValue.NUMBER:t="number";break;case n.FilterChoiceValue.TEXT:t="text";break}return l.jsx(u.TextField,{type:t,value:d[e.id],error:E[e.id],label:e.label,onChange:s=>q(e.id,s)},e.id)})]})});exports.MultipleFieldFilter=v;
package/dist/index30.js CHANGED
@@ -4,7 +4,7 @@ import { observer as _ } from "mobx-react";
4
4
  import { FlexCol as k, Button as M, TextField as g } from "@veeqo/ui";
5
5
  import y from "lodash/debounce";
6
6
  import { FilterChoiceValue as F, MIN_SEARCH_ERROR_MESSAGE as B } from "./index50.js";
7
- import { isTextFilterValid as G } from "./index89.js";
7
+ import { isTextFilterValid as G } from "./index90.js";
8
8
  import { useBusinessLogic as N } from "./index8.js";
9
9
  import { useStores as j } from "./index62.js";
10
10
  const q = _(({ fields: s, groupId: i }) => {
package/dist/index31.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("react"),q=require("mobx-react"),_=require("lodash/debounce"),u=require("@veeqo/ui"),j=require("./index114.cjs"),L=require("./index70.cjs"),p=require("./index8.cjs"),y=require("./index62.cjs"),v=i=>i&&i.__esModule?i:{default:i},k=v(_),T=q.observer(({field:i})=>{var x;const{FILTERS_DEBOUNCE_INTERVAL_MS:R}=p.useBusinessLogic(),{Filters:{numberRangeFilters:m,setNumberRangeFilter:M,clearNumberRangeFilter:f}}=y.useStores(),e=m.get(i.id);if(!((x=i.options)!=null&&x.length))return null;const t=e??new L.NumberRangeFilter({filterId:i.id}),[o,c]=d.useState({gte:t.gte??t.gteMin,lte:t.lte??t.lteMax}),g=()=>(m.set(i.id,t),t),b=d.useCallback(k.default(({numberRange:a,lte:n,gte:r})=>{M({numberRange:a,lte:n,gte:r})},R),[M]),F=()=>{c({gte:t.gteMin,lte:t.lteMax}),f(i.id)},h=(a,n)=>{if(e||g(),!Array.isArray(n)||n.length!==2)return;const[r,l]=n;c({gte:r,lte:l}),b({numberRange:t,lte:l,gte:r})},S=a=>{if(e||g(),!e)return;const n=Number(a);if(n>e.lteMax)return;let{lte:r}=e,{gte:l}=e;n>=e.gteMin&&n<=e.lteMax&&(l=n),(!e.lte||n>=e.lte)&&(r=e.lteMax),c({gte:l,lte:r}),b({numberRange:e,lte:r,gte:l})},N=a=>{if(e||g(),!e)return;const n=Number(a);if(n<e.gteMin)return;let{lte:r}=e,{gte:l}=e;n>=e.gteMin&&n<=e.lteMax&&(r=n),(!e.gte||n<=e.gte)&&(l=e.gteMin),c({gte:l,lte:r}),b({numberRange:e,lte:r,gte:l})},C=[o.gte,o.lte];return s.jsxs(u.Stack,{spacing:"xs",alignX:"stretch",children:[s.jsx(u.Button,{variant:"link",onClick:F,children:"Clear"}),s.jsxs(u.Stack,{direction:"horizontal",children:[s.jsx(u.TextField,{label:t.gteMinLabel,type:"number",min:t.gteMin,max:t.lteMax,value:o.gte.toString(),onChange:S}),s.jsx(u.TextField,{label:t.lteMaxLabel,type:"number",min:t.gteMin,max:t.lteMax,value:o.lte.toString(),onChange:N})]}),s.jsx(j.MUISlider,{value:C,onChange:h,min:t.gteMin,max:t.lteMax,valueLabelDisplay:"auto"})]})});exports.NumberRangeFilter=T;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("react"),q=require("mobx-react"),_=require("lodash/debounce"),u=require("@veeqo/ui"),j=require("./index116.cjs"),L=require("./index70.cjs"),p=require("./index8.cjs"),y=require("./index62.cjs"),v=i=>i&&i.__esModule?i:{default:i},k=v(_),T=q.observer(({field:i})=>{var x;const{FILTERS_DEBOUNCE_INTERVAL_MS:R}=p.useBusinessLogic(),{Filters:{numberRangeFilters:m,setNumberRangeFilter:M,clearNumberRangeFilter:f}}=y.useStores(),e=m.get(i.id);if(!((x=i.options)!=null&&x.length))return null;const t=e??new L.NumberRangeFilter({filterId:i.id}),[o,c]=d.useState({gte:t.gte??t.gteMin,lte:t.lte??t.lteMax}),g=()=>(m.set(i.id,t),t),b=d.useCallback(k.default(({numberRange:a,lte:n,gte:r})=>{M({numberRange:a,lte:n,gte:r})},R),[M]),F=()=>{c({gte:t.gteMin,lte:t.lteMax}),f(i.id)},h=(a,n)=>{if(e||g(),!Array.isArray(n)||n.length!==2)return;const[r,l]=n;c({gte:r,lte:l}),b({numberRange:t,lte:l,gte:r})},S=a=>{if(e||g(),!e)return;const n=Number(a);if(n>e.lteMax)return;let{lte:r}=e,{gte:l}=e;n>=e.gteMin&&n<=e.lteMax&&(l=n),(!e.lte||n>=e.lte)&&(r=e.lteMax),c({gte:l,lte:r}),b({numberRange:e,lte:r,gte:l})},N=a=>{if(e||g(),!e)return;const n=Number(a);if(n<e.gteMin)return;let{lte:r}=e,{gte:l}=e;n>=e.gteMin&&n<=e.lteMax&&(r=n),(!e.gte||n<=e.gte)&&(l=e.gteMin),c({gte:l,lte:r}),b({numberRange:e,lte:r,gte:l})},C=[o.gte,o.lte];return s.jsxs(u.Stack,{spacing:"xs",alignX:"stretch",children:[s.jsx(u.Button,{variant:"link",onClick:F,children:"Clear"}),s.jsxs(u.Stack,{direction:"horizontal",children:[s.jsx(u.TextField,{label:t.gteMinLabel,type:"number",min:t.gteMin,max:t.lteMax,value:o.gte.toString(),onChange:S}),s.jsx(u.TextField,{label:t.lteMaxLabel,type:"number",min:t.gteMin,max:t.lteMax,value:o.lte.toString(),onChange:N})]}),s.jsx(j.MUISlider,{value:C,onChange:h,min:t.gteMin,max:t.lteMax,valueLabelDisplay:"auto"})]})});exports.NumberRangeFilter=T;
package/dist/index31.js CHANGED
@@ -3,7 +3,7 @@ import { useState as L, useCallback as v } from "react";
3
3
  import { observer as y } from "mobx-react";
4
4
  import V from "lodash/debounce";
5
5
  import { Stack as x, Button as k, TextField as R } from "@veeqo/ui";
6
- import { MUISlider as E } from "./index114.js";
6
+ import { MUISlider as E } from "./index116.js";
7
7
  import { NumberRangeFilter as I } from "./index70.js";
8
8
  import { useBusinessLogic as _ } from "./index8.js";
9
9
  import { useStores as A } from "./index62.js";
package/dist/index34.cjs CHANGED
@@ -1 +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("./index8.cjs"),u=require("./index101.cjs"),c=require("./index35.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;
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("./index8.cjs"),u=require("./index107.cjs"),c=require("./index35.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/index34.js CHANGED
@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
2
2
  import { observer as e } from "mobx-react";
3
3
  import { Stack as m } from "@veeqo/ui";
4
4
  import { useBusinessLogic as s } from "./index8.js";
5
- import { AdaptiveHeightContainer as p } from "./index101.js";
5
+ import { AdaptiveHeightContainer as p } from "./index107.js";
6
6
  import { FilterGroup as n } from "./index35.js";
7
7
  const u = e(() => {
8
8
  const { GROUP_MAP: t } = s();
package/dist/index36.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),c=require("react"),l=require("@veeqo/ui"),U=require("mobx-react"),z=require("./index66.cjs"),G=require("./index63.cjs"),J=require("./index40.cjs"),K=require("./index43.cjs"),Q=require("./index57.cjs"),X=require("./index103.cjs"),Z=require("./index8.cjs"),$=require("./index62.cjs"),b=require("./index104.cjs"),ee=U.observer(({view:e})=>{const{VIEW_TYPE:x,IS_VIEWS_READONLY:r,SEARCH_FILTER_ID:d}=Z.useBusinessLogic(),{Filters:{activeViewId:w,initFiltersFromView:f,discardChanges:m,initFromUrl:V,filters:L,setFilter:T},Views:{draftViewsMap:y},Notifications:{notify:E}}=$.useStores(),{viewsMap:h,defaultCustomViewId:F,isLoading:N}=G.useViews(),{isLoading:j}=z.useCustomViews({type:x}),{viewCounts:M,isLoadingViewCounts:R}=X.useViewCounts(e.id),[s,P]=c.useState(null),k=o=>{const q=L.get(d);if(h.has(o)){const n=h.get(o);n&&(f(n),m(!0),V())}else{const n=y.get(o);n?(f(n),m(!0),V()):E({type:"error",text:"Failed to load view"})}q&&T(d,q)},u=(e==null?void 0:e.id)===w,t=e.originalView!==void 0,g=e.originalView===void 0,A=M,a=(e==null?void 0:e.label)||"",I=N||j,p=c.useRef(!1);!I&&!p.current&&u&&e.id===F&&s&&(p.current=!0,s&&w===e.id&&window.requestAnimationFrame(()=>{var o;(o=s.parentElement)==null||o.scrollBy({behavior:"smooth",left:s.offsetLeft})}));const C=c.useMemo(()=>t?"draft":e.editable?"saved":"fixed",[t,e.editable]),{actions:{create:{handleSaveDraft:_},menu:{toggleDropdown:D},delete:{closeDeleteConfirmation:B,handleDelete:O,handleDeleteDraftView:v}},state:{shouldShowDeleteConfirmation:H},actions:W,state:S}=Q.useDropdownManager(e),Y=c.useMemo(()=>{if(!r){if(g)return D;if(t)return v}},[v,t,g,D,r]);return i.jsxs(i.Fragment,{children:[i.jsx(l.ViewTab,{customTextColour:e.customTextColour,colourPalette:e.colourPalette,className:"act-react-listing-custom-view",active:u,id:e==null?void 0:e.id,name:a,type:r?void 0:C,count:R?i.jsx(l.Loader,{type:"ThreeDots",width:12,height:12,color:u?"#fff":l.theme.colors.neutral.ink.dark}):A,onClick:k,subAction:Y,ariaContext:"orders",ref:P,"aria-controls":"options-dropdown","aria-expanded":S.shouldShowDropdown,"aria-haspopup":"dialog"},e==null?void 0:e.id),i.jsx(b.Confirmation,{shouldShow:H,viewName:a,onCancel:B,onDelete:O}),i.jsx(J.PillNotifications,{tabType:C,isActive:u,initialViewName:a,shouldShowCreateViewNotification:t,handleSaveDraft:_}),!r&&i.jsx(K.ViewDropdowns,{referenceElement:s,tab:e,...W,...S})]})});exports.ViewTab=ee;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),c=require("react"),l=require("@veeqo/ui"),U=require("mobx-react"),z=require("./index66.cjs"),G=require("./index63.cjs"),J=require("./index40.cjs"),K=require("./index43.cjs"),Q=require("./index57.cjs"),X=require("./index100.cjs"),Z=require("./index8.cjs"),$=require("./index62.cjs"),b=require("./index101.cjs"),ee=U.observer(({view:e})=>{const{VIEW_TYPE:x,IS_VIEWS_READONLY:r,SEARCH_FILTER_ID:d}=Z.useBusinessLogic(),{Filters:{activeViewId:w,initFiltersFromView:f,discardChanges:m,initFromUrl:V,filters:L,setFilter:T},Views:{draftViewsMap:y},Notifications:{notify:E}}=$.useStores(),{viewsMap:h,defaultCustomViewId:F,isLoading:N}=G.useViews(),{isLoading:j}=z.useCustomViews({type:x}),{viewCounts:M,isLoadingViewCounts:R}=X.useViewCounts(e.id),[s,P]=c.useState(null),k=o=>{const q=L.get(d);if(h.has(o)){const n=h.get(o);n&&(f(n),m(!0),V())}else{const n=y.get(o);n?(f(n),m(!0),V()):E({type:"error",text:"Failed to load view"})}q&&T(d,q)},u=(e==null?void 0:e.id)===w,t=e.originalView!==void 0,g=e.originalView===void 0,A=M,a=(e==null?void 0:e.label)||"",I=N||j,p=c.useRef(!1);!I&&!p.current&&u&&e.id===F&&s&&(p.current=!0,s&&w===e.id&&window.requestAnimationFrame(()=>{var o;(o=s.parentElement)==null||o.scrollBy({behavior:"smooth",left:s.offsetLeft})}));const C=c.useMemo(()=>t?"draft":e.editable?"saved":"fixed",[t,e.editable]),{actions:{create:{handleSaveDraft:_},menu:{toggleDropdown:D},delete:{closeDeleteConfirmation:B,handleDelete:O,handleDeleteDraftView:v}},state:{shouldShowDeleteConfirmation:H},actions:W,state:S}=Q.useDropdownManager(e),Y=c.useMemo(()=>{if(!r){if(g)return D;if(t)return v}},[v,t,g,D,r]);return i.jsxs(i.Fragment,{children:[i.jsx(l.ViewTab,{customTextColour:e.customTextColour,colourPalette:e.colourPalette,className:"act-react-listing-custom-view",active:u,id:e==null?void 0:e.id,name:a,type:r?void 0:C,count:R?i.jsx(l.Loader,{type:"ThreeDots",width:12,height:12,color:u?"#fff":l.theme.colors.neutral.ink.dark}):A,onClick:k,subAction:Y,ariaContext:"orders",ref:P,"aria-controls":"options-dropdown","aria-expanded":S.shouldShowDropdown,"aria-haspopup":"dialog"},e==null?void 0:e.id),i.jsx(b.Confirmation,{shouldShow:H,viewName:a,onCancel:B,onDelete:O}),i.jsx(J.PillNotifications,{tabType:C,isActive:u,initialViewName:a,shouldShowCreateViewNotification:t,handleSaveDraft:_}),!r&&i.jsx(K.ViewDropdowns,{referenceElement:s,tab:e,...W,...S})]})});exports.ViewTab=ee;
package/dist/index36.js CHANGED
@@ -7,10 +7,10 @@ import { useViews as Z } from "./index63.js";
7
7
  import { PillNotifications as b } from "./index40.js";
8
8
  import { ViewDropdowns as ee } from "./index43.js";
9
9
  import { useDropdownManager as oe } from "./index57.js";
10
- import { useViewCounts as ie } from "./index103.js";
10
+ import { useViewCounts as ie } from "./index100.js";
11
11
  import { useBusinessLogic as te } from "./index8.js";
12
12
  import { useStores as re } from "./index62.js";
13
- import { Confirmation as se } from "./index104.js";
13
+ import { Confirmation as se } from "./index101.js";
14
14
  const ve = Q(({ view: e }) => {
15
15
  const { VIEW_TYPE: L, IS_VIEWS_READONLY: n, SEARCH_FILTER_ID: c } = te(), {
16
16
  Filters: { activeViewId: d, initFiltersFromView: f, discardChanges: m, initFromUrl: u, filters: T, setFilter: x },
package/dist/index39.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index102.cjs"),g=require("./index53.cjs"),j=require("./index52.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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index103.cjs"),g=require("./index53.cjs"),j=require("./index52.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;
package/dist/index39.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsxs as t, jsx as i, Fragment as f } from "react/jsx-runtime";
2
- import { MenuItems as M, Item as l, Divider as h } from "./index102.js";
2
+ import { MenuItems as M, Item as l, Divider as h } from "./index103.js";
3
3
  import { useModal as k } from "./index53.js";
4
4
  import { ModalId as T } from "./index52.js";
5
5
  const N = ({
package/dist/index40.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),P=require("mobx-react"),g=require("./index63.cjs"),o=require("framer-motion"),m=require("./index62.cjs"),v=require("./index107.cjs"),f=require("./index42.cjs"),h=P.observer(({tabType:s,isActive:r,shouldShowCreateViewNotification:a,handleSaveDraft:i})=>{var t;const{Filters:{hasUnsavedChanges:c,discardChanges:l,activeViewId:n}}=m.useStores(),{viewsMap:u}=g.useViews(),d=n&&((t=u.get(n))==null?void 0:t.label);return e.jsxs(e.Fragment,{children:[e.jsx(o.AnimatePresence,{children:s==="draft"&&r&&a&&e.jsx(v.DraftPill,{onClick:i})}),e.jsx(o.AnimatePresence,{children:c&&r&&s==="saved"&&e.jsx(f.UnsavedChangesPill,{viewName:d,onDiscard:()=>l(),onSaveDraft:i})})]})});exports.PillNotifications=h;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),P=require("mobx-react"),g=require("./index63.cjs"),o=require("framer-motion"),m=require("./index62.cjs"),v=require("./index102.cjs"),f=require("./index42.cjs"),h=P.observer(({tabType:s,isActive:r,shouldShowCreateViewNotification:a,handleSaveDraft:i})=>{var t;const{Filters:{hasUnsavedChanges:c,discardChanges:l,activeViewId:n}}=m.useStores(),{viewsMap:u}=g.useViews(),d=n&&((t=u.get(n))==null?void 0:t.label);return e.jsxs(e.Fragment,{children:[e.jsx(o.AnimatePresence,{children:s==="draft"&&r&&a&&e.jsx(v.DraftPill,{onClick:i})}),e.jsx(o.AnimatePresence,{children:c&&r&&s==="saved"&&e.jsx(f.UnsavedChangesPill,{viewName:d,onDiscard:()=>l(),onSaveDraft:i})})]})});exports.PillNotifications=h;
package/dist/index40.js CHANGED
@@ -3,7 +3,7 @@ import { observer as h } from "mobx-react";
3
3
  import { useViews as v } from "./index63.js";
4
4
  import { AnimatePresence as n } from "framer-motion";
5
5
  import { useStores as g } from "./index62.js";
6
- import { DraftPill as w } from "./index107.js";
6
+ import { DraftPill as w } from "./index102.js";
7
7
  import { UnsavedChangesPill as C } from "./index42.js";
8
8
  const U = h(
9
9
  ({
package/dist/index41.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("react"),m=require("./index105.cjs"),g=require("./index66.cjs"),S=require("./index63.cjs"),b=require("./index4.cjs"),y=require("./index8.cjs"),V=require("./index62.cjs"),p=require("./index12.cjs"),q=()=>{const{VIEW_TYPE:u}=y.useBusinessLogic(),{sortedCustomViews:s,isLoading:a}=S.useViews(),{mutate:c}=g.useCustomViews({type:u}),[l,t]=n.useState(s);n.useEffect(()=>{t(s)},[s]);const{Notifications:{notify:w}}=V.useStores(),d=async o=>{t(o);const r=o.map(e=>e.id);try{await b.patchCurrentUser({user_setting_attributes:{custom_view_positions:{order:r}}}),await c(e=>({...e,settings:{...e.settings,custom_view_positions:{...e.settings.custom_view_positions,order:r}}}),{revalidate:!1})}catch{t(s),w({type:"error",text:"Failed to update order of views"})}};return a||!s.length?null:i.jsx(p.ErrorBoundary,{children:i.jsx(m.LegacySortableViews,{views:l,onChange:d,className:"act-sortable-views"})})};exports.SortableViews=q;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("react"),m=require("./index99.cjs"),g=require("./index66.cjs"),S=require("./index63.cjs"),b=require("./index4.cjs"),y=require("./index8.cjs"),V=require("./index62.cjs"),p=require("./index12.cjs"),q=()=>{const{VIEW_TYPE:u}=y.useBusinessLogic(),{sortedCustomViews:s,isLoading:a}=S.useViews(),{mutate:c}=g.useCustomViews({type:u}),[l,t]=n.useState(s);n.useEffect(()=>{t(s)},[s]);const{Notifications:{notify:w}}=V.useStores(),d=async o=>{t(o);const r=o.map(e=>e.id);try{await b.patchCurrentUser({user_setting_attributes:{custom_view_positions:{order:r}}}),await c(e=>({...e,settings:{...e.settings,custom_view_positions:{...e.settings.custom_view_positions,order:r}}}),{revalidate:!1})}catch{t(s),w({type:"error",text:"Failed to update order of views"})}};return a||!s.length?null:i.jsx(p.ErrorBoundary,{children:i.jsx(m.LegacySortableViews,{views:l,onChange:d,className:"act-sortable-views"})})};exports.SortableViews=q;
package/dist/index41.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
2
  import { useState as f, useEffect as l } from "react";
3
- import { LegacySortableViews as w } from "./index105.js";
3
+ import { LegacySortableViews as w } from "./index99.js";
4
4
  import { useCustomViews as d } from "./index66.js";
5
5
  import { useViews as g } from "./index63.js";
6
6
  import { patchCurrentUser as _ } from "./index4.js";