@veeqo/transfigure 0.0.27 → 0.0.28

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 (92) hide show
  1. package/dist/hooks/useStores/types.d.ts +7 -5
  2. package/dist/index100.cjs +1 -12
  3. package/dist/index100.js +2 -16
  4. package/dist/index101.cjs +1 -1
  5. package/dist/index101.js +19 -36
  6. package/dist/index102.cjs +1 -1
  7. package/dist/index102.js +7 -18
  8. package/dist/index103.cjs +1 -1
  9. package/dist/index103.js +63 -7
  10. package/dist/index104.cjs +1 -1
  11. package/dist/index104.js +26 -60
  12. package/dist/index105.cjs +13 -1
  13. package/dist/index105.js +17 -30
  14. package/dist/index106.cjs +1 -1
  15. package/dist/index106.js +32 -22
  16. package/dist/index107.cjs +1 -13
  17. package/dist/index107.js +24 -15
  18. package/dist/index108.cjs +1 -1
  19. package/dist/index108.js +41 -46
  20. package/dist/index109.cjs +7 -1
  21. package/dist/index109.js +10 -63
  22. package/dist/index110.cjs +1 -7
  23. package/dist/index110.js +63 -10
  24. package/dist/index111.cjs +1 -1
  25. package/dist/index111.js +46 -41
  26. package/dist/index15.cjs +1 -1
  27. package/dist/index15.js +1 -1
  28. package/dist/index20.cjs +1 -1
  29. package/dist/index20.js +1 -1
  30. package/dist/index29.cjs +1 -1
  31. package/dist/index29.js +1 -1
  32. package/dist/index32.cjs +1 -1
  33. package/dist/index32.js +1 -1
  34. package/dist/index34.cjs +1 -1
  35. package/dist/index34.js +2 -2
  36. package/dist/index37.cjs +1 -1
  37. package/dist/index37.js +1 -1
  38. package/dist/index38.cjs +1 -1
  39. package/dist/index38.js +1 -1
  40. package/dist/index39.cjs +1 -1
  41. package/dist/index39.js +21 -17
  42. package/dist/index42.cjs +1 -1
  43. package/dist/index42.js +1 -1
  44. package/dist/index69.cjs +1 -1
  45. package/dist/index69.js +12 -3
  46. package/dist/index77.cjs +1 -1
  47. package/dist/index77.js +1 -1
  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/index82.cjs +1 -1
  53. package/dist/index82.js +7 -7
  54. package/dist/index84.cjs +1 -1
  55. package/dist/index84.js +29 -16
  56. package/dist/index85.cjs +1 -1
  57. package/dist/index85.js +29 -13
  58. package/dist/index86.cjs +15 -100
  59. package/dist/index86.js +19 -115
  60. package/dist/index87.cjs +1 -1
  61. package/dist/index87.js +19 -66
  62. package/dist/index88.cjs +1 -1
  63. package/dist/index88.js +16 -27
  64. package/dist/index89.cjs +1 -1
  65. package/dist/index89.js +13 -2
  66. package/dist/index90.cjs +104 -1
  67. package/dist/index90.js +119 -40
  68. package/dist/index91.cjs +1 -1
  69. package/dist/index91.js +66 -9
  70. package/dist/index92.cjs +1 -1
  71. package/dist/index92.js +28 -23
  72. package/dist/index93.cjs +1 -19
  73. package/dist/index93.js +2 -24
  74. package/dist/index94.cjs +1 -1
  75. package/dist/index94.js +40 -20
  76. package/dist/index95.cjs +1 -1
  77. package/dist/index95.js +9 -29
  78. package/dist/index96.cjs +1 -1
  79. package/dist/index96.js +12 -26
  80. package/dist/index97.cjs +1 -1
  81. package/dist/index97.js +24 -15
  82. package/dist/index98.cjs +12 -1
  83. package/dist/index98.js +16 -2
  84. package/dist/index99.cjs +1 -1
  85. package/dist/index99.js +1 -1
  86. package/dist/mobx/MobXProvider/MobXProvider.d.ts +4 -9
  87. package/dist/mobx/Table/Table.d.ts +12 -0
  88. package/dist/mobx/Table/index.d.ts +1 -0
  89. package/dist/mockServiceWorker.js +307 -0
  90. package/dist/storybookHelpers/apiMocks/custom_views.d.ts +82 -80
  91. package/dist/storybookHelpers/handlers.d.ts +6 -0
  92. package/package.json +11 -4
@@ -1,8 +1,10 @@
1
- import { Filters } from '../../mobx/Filters/Filters';
2
- import { Views } from '../../mobx/Views/Views';
3
- import { Notifications } from 'src/mobx/Notifications/Notifications';
4
- export type ComponentStores = {
1
+ import { Filters } from '../../mobx/Filters';
2
+ import { Table } from '../../mobx/Table';
3
+ import { Views } from '../../mobx/Views';
4
+ import { Notifications } from 'src/mobx/Notifications';
5
+ export interface ComponentStores {
5
6
  Views: Views;
6
7
  Filters: Filters;
7
8
  Notifications: Notifications;
8
- };
9
+ Table: Table;
10
+ }
package/dist/index100.cjs CHANGED
@@ -1,12 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),t=require("@veeqo/ui"),o=e=>e&&e.__esModule?e:{default:e},r=o(i),d=r.default(t.BaseContainer)`
2
- display: flex;
3
- flex-direction: column;
4
- padding: 8px;
5
- padding-left: 35px;
6
- margin: 8px;
7
- background-color: ${t.theme.colors.neutral.grey.lightest};
8
- `,l=r.default.hr`
9
- width: 100%;
10
- border-top: 1px solid ${t.theme.colors.neutral.grey.dark};
11
- margin: 0 0 4px 0;
12
- `;exports.Divider=l;exports.FixedViews=d;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=r=>r instanceof Error;exports.isError=e;
package/dist/index100.js CHANGED
@@ -1,18 +1,4 @@
1
- import r from "styled-components";
2
- import { theme as o, BaseContainer as e } from "@veeqo/ui";
3
- const d = r(e)`
4
- display: flex;
5
- flex-direction: column;
6
- padding: 8px;
7
- padding-left: 35px;
8
- margin: 8px;
9
- background-color: ${o.colors.neutral.grey.lightest};
10
- `, l = r.hr`
11
- width: 100%;
12
- border-top: 1px solid ${o.colors.neutral.grey.dark};
13
- margin: 0 0 4px 0;
14
- `;
1
+ const o = (r) => r instanceof Error;
15
2
  export {
16
- l as Divider,
17
- d as FixedViews
3
+ o as isError
18
4
  };
package/dist/index101.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=require("react/jsx-runtime"),c=require("@dnd-kit/sortable"),g=require("./index108.cjs"),b=require("./index90.cjs"),f=({id:t,children:r})=>{const{attributes:s,listeners:o,setNodeRef:i,transform:n,transition:a,isDragging:l}=c.useSortable({id:t}),u={transform:g.CSS.Transform.toString(n),transition:a,cursor:"grab",outlineOffset:"-1px"};return e.jsxs("div",{ref:i,style:u,...s,...o,children:[r,l&&e.jsx(b.DraggingOverlay,{})]})};exports.SortableItem=f;
package/dist/index101.js CHANGED
@@ -1,38 +1,21 @@
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
+ import { jsxs as f, jsx as g } from "react/jsx-runtime";
2
+ import { useSortable as l } from "@dnd-kit/sortable";
3
+ import { CSS as p } from "./index108.js";
4
+ import { DraggingOverlay as c } from "./index90.js";
5
+ const d = ({ id: r, children: t }) => {
6
+ const { attributes: o, listeners: s, setNodeRef: e, transform: i, transition: n, isDragging: m } = l({
7
+ id: r
8
+ }), a = {
9
+ transform: p.Transform.toString(i),
10
+ transition: n,
11
+ cursor: "grab",
12
+ outlineOffset: "-1px"
13
+ };
14
+ return /* @__PURE__ */ f("div", { ref: e, style: a, ...o, ...s, children: [
15
+ t,
16
+ m && /* @__PURE__ */ g(c, {})
17
+ ] });
18
+ };
36
19
  export {
37
- l as MUISlider
20
+ d as SortableItem
38
21
  };
package/dist/index102.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("@dnd-kit/sortable"),g=require("./index111.cjs"),b=require("./index86.cjs"),f=({id:t,children:r})=>{const{attributes:s,listeners:o,setNodeRef:i,transform:n,transition:a,isDragging:l}=c.useSortable({id:t}),u={transform:g.CSS.Transform.toString(n),transition:a,cursor:"grab",outlineOffset:"-1px"};return e.jsxs("div",{ref:i,style:u,...s,...o,children:[r,l&&e.jsx(b.DraggingOverlay,{})]})};exports.SortableItem=f;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),c=require("@dnd-kit/core"),s=require("./index90.cjs"),l=({id:e,children:r,...t})=>{const{setNodeRef:o}=c.useDroppable({id:e});return a.createElement(s.DroppableAreaStack,{...t,key:e,ref:o},r)};exports.DroppableArea=l;
package/dist/index102.js CHANGED
@@ -1,21 +1,10 @@
1
- import { jsxs as f, jsx as g } from "react/jsx-runtime";
2
- import { useSortable as l } from "@dnd-kit/sortable";
3
- import { CSS as p } from "./index111.js";
4
- import { DraggingOverlay as c } from "./index86.js";
5
- const d = ({ id: r, children: t }) => {
6
- const { attributes: o, listeners: s, setNodeRef: e, transform: i, transition: n, isDragging: m } = l({
7
- id: r
8
- }), a = {
9
- transform: p.Transform.toString(i),
10
- transition: n,
11
- cursor: "grab",
12
- outlineOffset: "-1px"
13
- };
14
- return /* @__PURE__ */ f("div", { ref: e, style: a, ...o, ...s, children: [
15
- t,
16
- m && /* @__PURE__ */ g(c, {})
17
- ] });
1
+ import { createElement as p } from "react";
2
+ import { useDroppable as a } from "@dnd-kit/core";
3
+ import { DroppableAreaStack as m } from "./index90.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);
18
7
  };
19
8
  export {
20
- d as SortableItem
9
+ n as DroppableArea
21
10
  };
package/dist/index103.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),c=require("@dnd-kit/core"),s=require("./index86.cjs"),l=({id:e,children:r,...t})=>{const{setNodeRef:o}=c.useDroppable({id:e});return a.createElement(s.DroppableAreaStack,{...t,key:e,ref:o},r)};exports.DroppableArea=l;
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;
package/dist/index103.js CHANGED
@@ -1,10 +1,66 @@
1
- import { createElement as p } from "react";
2
- import { useDroppable as a } from "@dnd-kit/core";
3
- import { DroppableAreaStack as m } from "./index86.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 C } from "react";
2
+ import { arrayMove as S } from "@dnd-kit/sortable";
3
+ const M = ({ items: d, setItems: g }) => {
4
+ const [O, i] = C(null), [h, v] = C(null), s = (n) => {
5
+ var t;
6
+ return n && (n.id in d ? n.id : (t = n == null ? void 0 : n.data.current) == null ? void 0 : t.sortable.containerId);
7
+ };
8
+ return {
9
+ activeId: O,
10
+ handleDragStart: (n) => {
11
+ const { active: t } = n;
12
+ i(t.id), v(d);
13
+ },
14
+ handleDragOver: (n) => {
15
+ const { active: t, over: e } = n, a = e == null ? void 0 : e.id;
16
+ if (a == null) return;
17
+ const c = s(e), o = s(t);
18
+ !c || !o || o !== c && g((r) => {
19
+ const u = r[o], l = r[c], x = l.indexOf(a), I = u.indexOf(t.id);
20
+ let f;
21
+ if (a in r)
22
+ f = l.length + 1;
23
+ else {
24
+ const w = e && t.rect.current.translated && t.rect.current.translated.top > e.rect.top + e.rect.height ? 1 : 0;
25
+ f = x >= 0 ? x + w : l.length + 1;
26
+ }
27
+ return {
28
+ ...r,
29
+ [o]: r[o].filter((D) => D !== t.id),
30
+ [c]: [
31
+ ...r[c].slice(0, f),
32
+ r[o][I],
33
+ ...r[c].slice(f, r[c].length)
34
+ ]
35
+ };
36
+ });
37
+ },
38
+ handleDragEnd: (n) => {
39
+ const { active: t, over: e } = n, a = s(t);
40
+ if (!a) {
41
+ i(null);
42
+ return;
43
+ }
44
+ const c = e == null ? void 0 : e.id;
45
+ if (c == null) {
46
+ i(null);
47
+ return;
48
+ }
49
+ const o = s(e);
50
+ if (o) {
51
+ const r = d[a].indexOf(t.id), u = d[o].indexOf(c);
52
+ r !== u && g((l) => ({
53
+ ...l,
54
+ [o]: S(l[o], r, u)
55
+ }));
56
+ }
57
+ i(null);
58
+ },
59
+ handleDragCancel: () => {
60
+ h && g(h), i(null), v(null);
61
+ }
62
+ };
7
63
  };
8
64
  export {
9
- n as DroppableArea
65
+ M as useDragHandlers
10
66
  };
package/dist/index104.cjs CHANGED
@@ -1 +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;
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/index104.js CHANGED
@@ -1,66 +1,32 @@
1
- import { useState as C } from "react";
2
- import { arrayMove as S } from "@dnd-kit/sortable";
3
- const M = ({ items: d, setItems: g }) => {
4
- const [O, i] = C(null), [h, v] = C(null), s = (n) => {
5
- var t;
6
- return n && (n.id in d ? n.id : (t = n == null ? void 0 : n.data.current) == null ? void 0 : t.sortable.containerId);
7
- };
8
- return {
9
- activeId: O,
10
- handleDragStart: (n) => {
11
- const { active: t } = n;
12
- i(t.id), v(d);
13
- },
14
- handleDragOver: (n) => {
15
- const { active: t, over: e } = n, a = e == null ? void 0 : e.id;
16
- if (a == null) return;
17
- const c = s(e), o = s(t);
18
- !c || !o || o !== c && g((r) => {
19
- const u = r[o], l = r[c], x = l.indexOf(a), I = u.indexOf(t.id);
20
- let f;
21
- if (a in r)
22
- f = l.length + 1;
23
- else {
24
- const w = e && t.rect.current.translated && t.rect.current.translated.top > e.rect.top + e.rect.height ? 1 : 0;
25
- f = x >= 0 ? x + w : l.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);
26
22
  }
27
- return {
28
- ...r,
29
- [o]: r[o].filter((D) => D !== t.id),
30
- [c]: [
31
- ...r[c].slice(0, f),
32
- r[o][I],
33
- ...r[c].slice(f, r[c].length)
34
- ]
35
- };
36
- });
37
- },
38
- handleDragEnd: (n) => {
39
- const { active: t, over: e } = n, a = s(t);
40
- if (!a) {
41
- i(null);
42
- return;
43
- }
44
- const c = e == null ? void 0 : e.id;
45
- if (c == null) {
46
- i(null);
47
- return;
48
- }
49
- const o = s(e);
50
- if (o) {
51
- const r = d[a].indexOf(t.id), u = d[o].indexOf(c);
52
- r !== u && g((l) => ({
53
- ...l,
54
- [o]: S(l[o], r, u)
55
- }));
23
+ return i.current = t, [{ id: t }];
56
24
  }
57
- i(null);
25
+ return i.current ? [{ id: i.current }] : [];
58
26
  },
59
- handleDragCancel: () => {
60
- h && g(h), i(null), v(null);
61
- }
62
- };
27
+ [n]
28
+ ) };
63
29
  };
64
30
  export {
65
- M as useDragHandlers
31
+ h as useCollisionDetectionStrategy
66
32
  };
package/dist/index105.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/index105.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/index106.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/index106.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/index107.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/index107.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/index108.cjs CHANGED
@@ -1 +1 @@
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("./index70.cjs"),y=require("./index71.cjs"),F=require("./index47.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;
1
+ "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/index108.js CHANGED
@@ -1,49 +1,44 @@
1
- import { jsxs as s, jsx as n } from "react/jsx-runtime";
2
- import { useMemo as u } from "react";
3
- import { observer as O } from "mobx-react";
4
- import { Stack as b, ChoiceList as F, Skeleton as x, theme as y, Text as A } from "@veeqo/ui";
5
- import S from "swr/immutable";
6
- import { getAsyncOptions as d } from "./index70.js";
7
- import { getFetcherFunction as L } from "./index71.js";
8
- import { SWR_HOOK_OPTIONS as k } from "./index47.js";
9
- const T = O(
10
- ({ field: t, editedValue: c, setEditedValue: a }) => {
11
- var o, i;
12
- const l = u(() => {
13
- var e;
14
- return L({ fetcherName: (e = t.fetchAsyncFilterOptions) == null ? void 0 : e.fetcher });
15
- }, [(o = t.fetchAsyncFilterOptions) == null ? void 0 : o.fetcher]), { isLoading: m, isValidating: h, data: p, error: f } = S(
16
- (i = t.fetchAsyncFilterOptions) == null ? void 0 : i.URL,
17
- l,
18
- k
19
- ), r = m || h, g = d({ data: p, config: t.fetchAsyncFilterOptions });
20
- return /* @__PURE__ */ s(b, { spacing: "xs", alignX: "stretch", children: [
21
- /* @__PURE__ */ n(
22
- F,
23
- {
24
- allowMultiple: !0,
25
- title: t.label,
26
- options: g,
27
- selected: c,
28
- onChange: (e) => a(e)
29
- }
30
- ),
31
- r && /* @__PURE__ */ n(
32
- x,
33
- {
34
- width: "200px",
35
- height: y.sizes[5],
36
- "aria-busy": !0,
37
- "aria-label": `Loading ${t.label} filters`
38
- }
39
- ),
40
- !r && f && /* @__PURE__ */ s(A, { variant: "errorSmall", children: [
41
- "Error: failed to load filter for ",
42
- t.label
43
- ] })
44
- ] });
1
+ import "react";
2
+ const n = /* @__PURE__ */ Object.freeze({
3
+ Translate: {
4
+ toString(t) {
5
+ if (!t)
6
+ return;
7
+ const {
8
+ x: r,
9
+ y: e
10
+ } = t;
11
+ return "translate3d(" + (r ? Math.round(r) : 0) + "px, " + (e ? Math.round(e) : 0) + "px, 0)";
12
+ }
13
+ },
14
+ Scale: {
15
+ toString(t) {
16
+ if (!t)
17
+ return;
18
+ const {
19
+ scaleX: r,
20
+ scaleY: e
21
+ } = t;
22
+ return "scaleX(" + r + ") scaleY(" + e + ")";
23
+ }
24
+ },
25
+ Transform: {
26
+ toString(t) {
27
+ if (t)
28
+ return [n.Translate.toString(t), n.Scale.toString(t)].join(" ");
29
+ }
30
+ },
31
+ Transition: {
32
+ toString(t) {
33
+ let {
34
+ property: r,
35
+ duration: e,
36
+ easing: i
37
+ } = t;
38
+ return r + " " + e + "ms " + i;
39
+ }
45
40
  }
46
- );
41
+ });
47
42
  export {
48
- T as ActiveAsyncCheckboxFilter
43
+ n as CSS
49
44
  };