@veeqo/transfigure 2.1.0 → 2.1.2

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 (99) hide show
  1. package/dist/index100.cjs +1 -1
  2. package/dist/index100.js +15 -24
  3. package/dist/index101.cjs +1 -19
  4. package/dist/index101.js +21 -24
  5. package/dist/index102.cjs +12 -1
  6. package/dist/index102.js +16 -50
  7. package/dist/index103.cjs +1 -1
  8. package/dist/index103.js +7 -29
  9. package/dist/index104.cjs +1 -12
  10. package/dist/index104.js +50 -16
  11. package/dist/index105.cjs +1 -1
  12. package/dist/index105.js +26 -12
  13. package/dist/index106.cjs +80 -1
  14. package/dist/index106.js +98 -21
  15. package/dist/index107.cjs +1 -80
  16. package/dist/index107.js +24 -98
  17. package/dist/index108.cjs +1 -1
  18. package/dist/index108.js +2 -19
  19. package/dist/index109.cjs +1 -1
  20. package/dist/index109.js +18 -7
  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 -63
  25. package/dist/index111.cjs +1 -1
  26. package/dist/index111.js +60 -26
  27. package/dist/index112.cjs +1 -1
  28. package/dist/index112.js +30 -2
  29. package/dist/index114.cjs +1 -1
  30. package/dist/index114.js +22 -32
  31. package/dist/index115.cjs +1 -1
  32. package/dist/index115.js +32 -22
  33. package/dist/index116.cjs +7 -1
  34. package/dist/index116.js +10 -63
  35. package/dist/index118.cjs +1 -7
  36. package/dist/index118.js +63 -10
  37. package/dist/index13.cjs +1 -1
  38. package/dist/index13.js +1 -1
  39. package/dist/index19.cjs +1 -1
  40. package/dist/index19.js +1 -1
  41. package/dist/index22.cjs +1 -1
  42. package/dist/index22.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 +60 -64
  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/index42.cjs +1 -1
  58. package/dist/index42.js +1 -1
  59. package/dist/index44.cjs +1 -1
  60. package/dist/index44.js +1 -1
  61. package/dist/index46.cjs +1 -1
  62. package/dist/index46.js +1 -1
  63. package/dist/index47.cjs +1 -1
  64. package/dist/index47.js +2 -2
  65. package/dist/index69.cjs +1 -1
  66. package/dist/index69.js +2 -4
  67. package/dist/index80.cjs +1 -1
  68. package/dist/index80.js +1 -1
  69. package/dist/index84.cjs +1 -1
  70. package/dist/index84.js +1 -1
  71. package/dist/index85.cjs +1 -1
  72. package/dist/index85.js +1 -1
  73. package/dist/index86.cjs +1 -1
  74. package/dist/index86.js +2 -116
  75. package/dist/index87.cjs +1 -1
  76. package/dist/index87.js +5 -2
  77. package/dist/index88.cjs +1 -1
  78. package/dist/index88.js +114 -39
  79. package/dist/index89.cjs +1 -1
  80. package/dist/index89.js +41 -9
  81. package/dist/index90.cjs +1 -1
  82. package/dist/index90.js +8 -4
  83. package/dist/index92.cjs +1 -1
  84. package/dist/index92.js +13 -7
  85. package/dist/index93.cjs +104 -1
  86. package/dist/index93.js +119 -13
  87. package/dist/index94.cjs +1 -104
  88. package/dist/index94.js +65 -116
  89. package/dist/index95.cjs +1 -1
  90. package/dist/index95.js +23 -63
  91. package/dist/index96.cjs +1 -1
  92. package/dist/index96.js +2 -28
  93. package/dist/index97.cjs +1 -1
  94. package/dist/index97.js +41 -2
  95. package/dist/index98.cjs +1 -1
  96. package/dist/index98.js +9 -39
  97. package/dist/index99.cjs +19 -1
  98. package/dist/index99.js +24 -11
  99. package/package.json +1 -1
package/dist/index107.cjs CHANGED
@@ -1,80 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),t=require("@veeqo/ui"),a=require("framer-motion"),r=require("./index115.cjs"),l=e=>e&&e.__esModule?e:{default:e},n=l(o),s=n.default(a.motion(t.BaseContainer)).attrs(()=>({variants:r.notificationVariants,initial:"initial",animate:"animate",exit:"exit"}))`
2
- display: flex;
3
- position: fixed;
4
- width: 100vw;
5
- left: 0;
6
- bottom: 24px;
7
- z-index: 1001;
8
-
9
- &.notification-enter {
10
- opacity: 0;
11
- transform: translateY(-16px);
12
- }
13
-
14
- &.notification-enter-active {
15
- opacity: 1;
16
- transform: translateY(0);
17
- transition: 350ms ease;
18
- }
19
-
20
- &.notification-exit {
21
- opacity: 0;
22
- transform: translateY(16px);
23
- transition: 350ms ease;
24
- }
25
- pointer-events: none;
26
- `,c=n.default(t.BaseContainer)`
27
- display: inline-flex;
28
- flex-direction: row;
29
- align-items: center;
30
- padding: 20px 24px 24px 24px;
31
- border-radius: 4px;
32
- margin: 0 auto;
33
- background-color: #fff;
34
- box-shadow: ${t.theme.shadows.lg};
35
- pointer-events: all;
36
- `,d=n.default(t.Banner)`
37
- display: inline-flex;
38
- flex-direction: row;
39
- align-items: center;
40
- margin: 0 auto;
41
- background-color: #fff;
42
- box-shadow: ${t.theme.shadows.lg};
43
- pointer-events: all;
44
- `,f=n.default(t.Button)`
45
- margin-right: 16px;
46
- `,x=n.default(t.Text)`
47
- line-height: 20px;
48
- `,i=n.default(t.Text)`
49
- margin: ${e=>e.margin?e.margin:""};
50
- color: ${e=>e.color};
51
- `,u=n.default(t.Text)`
52
- margin-right: 8px;
53
- color: ${e=>e.color};
54
- `,p=n.default(t.BaseContainer)`
55
- display: flex;
56
- flex-direction: row;
57
- align-items: flex-end;
58
- flex-grow: 2;
59
- margin-left: 24px;
60
- margin-right: 24px;
61
- `;n.default.button`
62
- display: flex;
63
- flex-direction: row;
64
- width: 100%;
65
- padding: 12px 16px;
66
- cursor: pointer;
67
-
68
- & > ${i} {
69
- white-space: nowrap;
70
- user-select: none;
71
- }
72
-
73
- &:hover {
74
- background-color: ${t.theme.colors.neutral.grey.lightest};
75
- }
76
-
77
- &:hover > ${i} {
78
- color: ${t.theme.colors.secondary.blue.base};
79
- }
80
- `;exports.Bold=u;exports.Button=f;exports.Container=c;exports.Hint=x;exports.Notification=s;exports.Pill=d;exports.Text=i;exports.Wrap=p;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),n=require("react"),l=require("./index116.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/index107.js CHANGED
@@ -1,100 +1,26 @@
1
- import t from "styled-components";
2
- import { BaseContainer as n, theme as i, Text as e, Banner as a, Button as s } from "@veeqo/ui";
3
- import { motion as l } from "framer-motion";
4
- import { notificationVariants as c } from "./index115.js";
5
- const m = t(l(n)).attrs(() => ({
6
- variants: c,
7
- initial: "initial",
8
- animate: "animate",
9
- exit: "exit"
10
- }))`
11
- display: flex;
12
- position: fixed;
13
- width: 100vw;
14
- left: 0;
15
- bottom: 24px;
16
- z-index: 1001;
17
-
18
- &.notification-enter {
19
- opacity: 0;
20
- transform: translateY(-16px);
21
- }
22
-
23
- &.notification-enter-active {
24
- opacity: 1;
25
- transform: translateY(0);
26
- transition: 350ms ease;
27
- }
28
-
29
- &.notification-exit {
30
- opacity: 0;
31
- transform: translateY(16px);
32
- transition: 350ms ease;
33
- }
34
- pointer-events: none;
35
- `, g = t(n)`
36
- display: inline-flex;
37
- flex-direction: row;
38
- align-items: center;
39
- padding: 20px 24px 24px 24px;
40
- border-radius: 4px;
41
- margin: 0 auto;
42
- background-color: #fff;
43
- box-shadow: ${i.shadows.lg};
44
- pointer-events: all;
45
- `, h = t(a)`
46
- display: inline-flex;
47
- flex-direction: row;
48
- align-items: center;
49
- margin: 0 auto;
50
- background-color: #fff;
51
- box-shadow: ${i.shadows.lg};
52
- pointer-events: all;
53
- `, u = t(s)`
54
- margin-right: 16px;
55
- `, w = t(e)`
56
- line-height: 20px;
57
- `, r = t(e)`
58
- margin: ${(o) => o.margin ? o.margin : ""};
59
- color: ${(o) => o.color};
60
- `, y = t(e)`
61
- margin-right: 8px;
62
- color: ${(o) => o.color};
63
- `, $ = t(n)`
64
- display: flex;
65
- flex-direction: row;
66
- align-items: flex-end;
67
- flex-grow: 2;
68
- margin-left: 24px;
69
- margin-right: 24px;
70
- `;
71
- t.button`
72
- display: flex;
73
- flex-direction: row;
74
- width: 100%;
75
- padding: 12px 16px;
76
- cursor: pointer;
77
-
78
- & > ${r} {
79
- white-space: nowrap;
80
- user-select: none;
81
- }
82
-
83
- &:hover {
84
- background-color: ${i.colors.neutral.grey.lightest};
85
- }
86
-
87
- &:hover > ${r} {
88
- color: ${i.colors.secondary.blue.base};
89
- }
90
- `;
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 "./index116.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 });
23
+ };
91
24
  export {
92
- y as Bold,
93
- u as Button,
94
- g as Container,
95
- w as Hint,
96
- m as Notification,
97
- h as Pill,
98
- r as Text,
99
- $ as Wrap
25
+ R as AdaptiveHeightContainer
100
26
  };
package/dist/index108.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("@dnd-kit/utilities"),b=require("./index94.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 e=r=>r instanceof Error;exports.isError=e;
package/dist/index108.js CHANGED
@@ -1,21 +1,4 @@
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 "@dnd-kit/utilities";
4
- import { DraggingOverlay as c } from "./index94.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
- };
1
+ const o = (r) => r instanceof Error;
19
2
  export {
20
- d as SortableItem
3
+ o as isError
21
4
  };
package/dist/index109.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("./index94.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 e=require("react/jsx-runtime"),c=require("@dnd-kit/sortable"),g=require("@dnd-kit/utilities"),b=require("./index93.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/index109.js CHANGED
@@ -1,10 +1,21 @@
1
- import { createElement as p } from "react";
2
- import { useDroppable as a } from "@dnd-kit/core";
3
- import { DroppableAreaStack as m } from "./index94.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 { 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 "@dnd-kit/utilities";
4
+ import { DraggingOverlay as c } from "./index93.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
+ ] });
7
18
  };
8
19
  export {
9
- n as DroppableArea
20
+ d as SortableItem
10
21
  };
package/dist/index11.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),t=require("@veeqo/ui"),p=require("pluralize"),m=require("./index90.cjs"),f=e=>e&&e.__esModule?e:{default:e},h=f(p),w=({children:e,totalCount:n,selectedCount:o,itemLabel:s="item",shouldShow:l,setShouldShow:c})=>{const r=o>0,a=r?o:n,d=h.default(s,a),u=`Actions will apply to ${r?`${o} selected`:`${n} filtered`} ${d}`;return i.jsxs(t.Dropdown,{id:"actions-dropdown",ctaProps:{children:"Actions",variant:"primary",size:"sm"},shouldShow:l,setShouldShow:c,style:{padding:t.theme.sizes.none,minWidth:"300px"},children:[i.jsx("div",{className:m.default.actionsHeaderContainer,children:i.jsx(t.MiniAlert,{title:u,variant:"default",customIconColour:t.theme.colors.secondary.blue.base})}),e]})};exports.ActionsDropdown=w;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),t=require("@veeqo/ui"),p=require("pluralize"),m=require("./index87.cjs"),f=e=>e&&e.__esModule?e:{default:e},h=f(p),w=({children:e,totalCount:n,selectedCount:o,itemLabel:s="item",shouldShow:l,setShouldShow:c})=>{const r=o>0,a=r?o:n,d=h.default(s,a),u=`Actions will apply to ${r?`${o} selected`:`${n} filtered`} ${d}`;return i.jsxs(t.Dropdown,{id:"actions-dropdown",ctaProps:{children:"Actions",variant:"primary",size:"sm"},shouldShow:l,setShouldShow:c,style:{padding:t.theme.sizes.none,minWidth:"300px"},children:[i.jsx("div",{className:m.default.actionsHeaderContainer,children:i.jsx(t.MiniAlert,{title:u,variant:"default",customIconColour:t.theme.colors.secondary.blue.base})}),e]})};exports.ActionsDropdown=w;
package/dist/index11.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsxs as p, jsx as t } from "react/jsx-runtime";
2
2
  import { Dropdown as m, theme as e, MiniAlert as f } from "@veeqo/ui";
3
3
  import h from "pluralize";
4
- import u from "./index90.js";
4
+ import u from "./index87.js";
5
5
  const $ = ({
6
6
  children: n,
7
7
  totalCount: i,
package/dist/index110.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 a=require("react"),c=require("@dnd-kit/core"),s=require("./index93.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/index110.js CHANGED
@@ -1,66 +1,10 @@
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
- };
1
+ import { createElement as p } from "react";
2
+ import { useDroppable as a } from "@dnd-kit/core";
3
+ import { DroppableAreaStack as m } from "./index93.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);
63
7
  };
64
8
  export {
65
- M as useDragHandlers
9
+ n as DroppableArea
66
10
  };
package/dist/index111.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),n=require("@dnd-kit/core"),a=({items:i})=>{const o=u.useRef(null);return{collisionDetectionStrategy:u.useCallback(t=>{var c;const r=n.pointerWithin(t),d=r.length>0?r:n.rectIntersection(t);let e=n.getFirstCollision(d,"id");if(e!=null){if(e in i){const l=i[e];l.length>0&&(e=((c=n.closestCenter({...t,droppableContainers:t.droppableContainers.filter(s=>s.id!==e&&l.includes(s.id))})[0])==null?void 0:c.id)??e)}return o.current=e,[{id:e}]}return o.current?[{id:o.current}]:[]},[i])}};exports.useCollisionDetectionStrategy=a;
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/index111.js CHANGED
@@ -1,32 +1,66 @@
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);
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;
22
26
  }
23
- return i.current = t, [{ id: t }];
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
+ }));
24
56
  }
25
- return i.current ? [{ id: i.current }] : [];
57
+ i(null);
26
58
  },
27
- [n]
28
- ) };
59
+ handleDragCancel: () => {
60
+ h && g(h), i(null), v(null);
61
+ }
62
+ };
29
63
  };
30
64
  export {
31
- h as useCollisionDetectionStrategy
65
+ M as useDragHandlers
32
66
  };
package/dist/index112.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=r=>r instanceof Error;exports.isError=e;
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,4 +1,32 @@
1
- const o = (r) => r instanceof Error;
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
+ };
2
30
  export {
3
- o as isError
31
+ h as useCollisionDetectionStrategy
4
32
  };
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 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/index114.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/index115.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/index115.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
  };