@veeqo/transfigure 0.0.32 → 0.0.34

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 (73) hide show
  1. package/dist/components/RefreshButton/RefreshButton.d.ts +3 -1
  2. package/dist/components/SearchBar/SearchBar.d.ts +2 -1
  3. package/dist/index100.cjs +12 -1
  4. package/dist/index100.js +16 -24
  5. package/dist/index103.cjs +1 -13
  6. package/dist/index103.js +33 -14
  7. package/dist/index104.cjs +1 -1
  8. package/dist/index104.js +2 -2
  9. package/dist/index105.cjs +1 -1
  10. package/dist/index105.js +1 -1
  11. package/dist/index108.cjs +13 -1
  12. package/dist/index108.js +14 -33
  13. package/dist/index11.cjs +1 -1
  14. package/dist/index11.js +19 -19
  15. package/dist/index110.cjs +1 -1
  16. package/dist/index110.js +62 -41
  17. package/dist/index111.cjs +1 -1
  18. package/dist/index111.js +42 -58
  19. package/dist/index113.cjs +1 -1
  20. package/dist/index113.js +41 -46
  21. package/dist/index15.cjs +1 -1
  22. package/dist/index15.js +1 -1
  23. package/dist/index20.cjs +1 -1
  24. package/dist/index20.js +1 -1
  25. package/dist/index29.cjs +1 -1
  26. package/dist/index29.js +1 -1
  27. package/dist/index32.cjs +1 -1
  28. package/dist/index32.js +1 -1
  29. package/dist/index34.cjs +1 -1
  30. package/dist/index34.js +2 -2
  31. package/dist/index37.cjs +1 -1
  32. package/dist/index37.js +1 -1
  33. package/dist/index38.cjs +1 -1
  34. package/dist/index38.js +1 -1
  35. package/dist/index39.cjs +1 -1
  36. package/dist/index39.js +1 -1
  37. package/dist/index42.cjs +1 -1
  38. package/dist/index42.js +1 -1
  39. package/dist/index45.cjs +1 -1
  40. package/dist/index45.js +24 -16
  41. package/dist/index82.cjs +1 -1
  42. package/dist/index82.js +1 -1
  43. package/dist/index84.cjs +1 -1
  44. package/dist/index84.js +7 -7
  45. package/dist/index86.cjs +1 -1
  46. package/dist/index86.js +23 -17
  47. package/dist/index87.cjs +1 -1
  48. package/dist/index87.js +32 -14
  49. package/dist/index88.cjs +1 -1
  50. package/dist/index88.js +29 -21
  51. package/dist/index89.cjs +19 -1
  52. package/dist/index89.js +24 -33
  53. package/dist/index90.cjs +1 -1
  54. package/dist/index90.js +18 -29
  55. package/dist/index91.cjs +1 -19
  56. package/dist/index91.js +13 -24
  57. package/dist/index92.cjs +104 -1
  58. package/dist/index92.js +120 -13
  59. package/dist/index93.cjs +1 -104
  60. package/dist/index93.js +65 -117
  61. package/dist/index94.cjs +1 -1
  62. package/dist/index94.js +24 -63
  63. package/dist/index95.cjs +1 -1
  64. package/dist/index95.js +2 -29
  65. package/dist/index96.cjs +1 -1
  66. package/dist/index96.js +41 -2
  67. package/dist/index97.cjs +1 -1
  68. package/dist/index97.js +9 -39
  69. package/dist/index98.cjs +1 -1
  70. package/dist/index98.js +20 -10
  71. package/dist/index99.cjs +1 -12
  72. package/dist/index99.js +15 -16
  73. package/package.json +2 -2
package/dist/index89.js CHANGED
@@ -1,35 +1,26 @@
1
- import F from "swr";
2
- import { useBusinessLogic as R } from "./index7.js";
3
- import { useViews as V } from "./index60.js";
4
- import { Filters as w } from "./index65.js";
5
- import { fetcherV2 as _ } from "./index53.js";
6
- const q = (i) => {
7
- var r;
8
- const { TABLE_DATA_URL: n, SORT_FILTER_ID: a } = R(), { viewsMap: u, isLoading: c } = V(), e = u.get(`${i}`), t = new w();
9
- e && (t.initFiltersFromView(e), t.setPageSize(1), t.setCurrentPage(1));
10
- const m = !c && t.pageSize === 1 && t.currentPage === 1, g = t.queryParamsObject;
11
- e != null && e.sort && g.set(a, e == null ? void 0 : e.sort);
12
- const l = m ? `${n}?${t.queryParams}` : null, {
13
- data: s,
14
- error: f,
15
- isLoading: d,
16
- mutate: p
17
- } = F(
18
- [l, { includeMeta: !0 }],
19
- ([L, P]) => _(L, P),
20
- {
21
- revalidateOnFocus: !1,
22
- revalidateOnReconnect: !1,
23
- keepPreviousData: !0
24
- }
25
- ), o = s == null ? void 0 : s.meta;
26
- return {
27
- viewCounts: (r = o == null ? void 0 : o.page) == null ? void 0 : r.total_count,
28
- error: f,
29
- isLoadingViewCounts: d,
30
- mutate: p
31
- };
32
- };
1
+ import t from "styled-components";
2
+ import { theme as o, Card as r, Button as e } from "@veeqo/ui";
3
+ const n = t(e).attrs(() => ({ role: "option", variant: "flat" }))`
4
+ margin: ${o.sizes.xs};
5
+ min-width: 180px;
6
+ justify-content: flex-start;
7
+ font-size: ${o.text.body.fontSize};
8
+
9
+ &:hover {
10
+ background-color: ${o.colors.neutral.grey.lightest};
11
+ color: ${o.colors.secondary.blue.base};
12
+ cursor: pointer;
13
+ }
14
+ `, a = t(r.Surface).attrs(() => ({ role: "listbox", elevation: 4 }))`
15
+ margin-top: ${o.sizes.xs};
16
+ background-color: white;
17
+ `, l = t.hr`
18
+ width: 100%;
19
+ border-top: 1px solid ${o.colors.neutral.grey.dark};
20
+ margin: 0;
21
+ `;
33
22
  export {
34
- q as useViewCounts
23
+ l as Divider,
24
+ n as Item,
25
+ a as MenuItems
35
26
  };
package/dist/index90.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@veeqo/ui"),r=({shouldShow:a,viewName:n,onCancel:t,onDelete:o})=>e.jsx(i.Modal,{headerTitle:`Delete '${n}' view?`,"data-testid":"act-react-listing-custom-confirmation-popup",variant:"sm",shouldShow:a,onClose:t,rightActions:[{className:"act-react-listing-custom-confirmation-popup-cancel",label:"Cancel",onClick:t,variant:"default"},{className:"act-react-listing-custom-confirmation-popup-delete",label:"Delete",onClick:o,variant:"primaryDestructive"}],showHeaderCloseButton:!0,children:e.jsx(i.Text,{variant:"body",children:"This cannot be undone."})});exports.Confirmation=r;
1
+ "use strict";const e=require("react");var c=function(t,n){var r=e.useRef(function(){});e.useEffect(function(){r.current=t}),e.useEffect(function(){if(n!==null){var u=setInterval(function(){return r.current()},n||0);return function(){return clearInterval(u)}}},[n])};module.exports=c;
package/dist/index90.js CHANGED
@@ -1,31 +1,20 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- import { Modal as n, Text as r } from "@veeqo/ui";
3
- const s = ({ shouldShow: a, viewName: i, onCancel: t, onDelete: o }) => /* @__PURE__ */ e(
4
- n,
5
- {
6
- headerTitle: `Delete '${i}' view?`,
7
- "data-testid": "act-react-listing-custom-confirmation-popup",
8
- variant: "sm",
9
- shouldShow: a,
10
- onClose: t,
11
- rightActions: [
12
- {
13
- className: "act-react-listing-custom-confirmation-popup-cancel",
14
- label: "Cancel",
15
- onClick: t,
16
- variant: "default"
17
- },
18
- {
19
- className: "act-react-listing-custom-confirmation-popup-delete",
20
- label: "Delete",
21
- onClick: o,
22
- variant: "primaryDestructive"
23
- }
24
- ],
25
- showHeaderCloseButton: !0,
26
- children: /* @__PURE__ */ e(r, { variant: "body", children: "This cannot be undone." })
27
- }
28
- );
1
+ import { useRef as f, useEffect as t } from "react";
2
+ var a = function(e, n) {
3
+ var r = f(function() {
4
+ });
5
+ t(function() {
6
+ r.current = e;
7
+ }), t(function() {
8
+ if (n !== null) {
9
+ var u = setInterval(function() {
10
+ return r.current();
11
+ }, n || 0);
12
+ return function() {
13
+ return clearInterval(u);
14
+ };
15
+ }
16
+ }, [n]);
17
+ };
29
18
  export {
30
- s as Confirmation
19
+ a as default
31
20
  };
package/dist/index91.cjs CHANGED
@@ -1,19 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),e=require("@veeqo/ui"),s=t=>t&&t.__esModule?t:{default:t},o=s(r),i=o.default(e.Button).attrs(()=>({role:"option",variant:"flat"}))`
2
- margin: ${e.theme.sizes.xs};
3
- min-width: 180px;
4
- justify-content: flex-start;
5
- font-size: ${e.theme.text.body.fontSize};
6
-
7
- &:hover {
8
- background-color: ${e.theme.colors.neutral.grey.lightest};
9
- color: ${e.theme.colors.secondary.blue.base};
10
- cursor: pointer;
11
- }
12
- `,n=o.default(e.Card.Surface).attrs(()=>({role:"listbox",elevation:4}))`
13
- margin-top: ${e.theme.sizes.xs};
14
- background-color: white;
15
- `,l=o.default.hr`
16
- width: 100%;
17
- border-top: 1px solid ${e.theme.colors.neutral.grey.dark};
18
- margin: 0;
19
- `;exports.Divider=l;exports.Item=i;exports.MenuItems=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("@veeqo/ui"),s=require("@dnd-kit/sortable"),a=require("./index104.cjs"),l=require("./index105.cjs"),c=require("./index94.cjs"),u=require("./index95.cjs"),d=require("./index92.cjs"),m=({id:r,title:n,columns:i})=>e.jsxs(o.Stack,{spacing:"sm",alignX:"stretch",children:[e.jsx(d.StickyText,{variant:"bodyBold",children:n}),e.jsx(s.SortableContext,{id:r,items:i,strategy:s.verticalListSortingStrategy,children:e.jsx(l.DroppableArea,{id:r,spacing:"sm",alignX:"stretch",children:i.map(t=>e.jsx(a.SortableItem,{id:t.id,children:e.jsx(c.ColumnItem,{column:t,isHidden:r===u.ColumnGroupIds.Hidden})},t.id))})})]});exports.ColumnGroup=m;
package/dist/index91.js CHANGED
@@ -1,26 +1,15 @@
1
- import t from "styled-components";
2
- import { theme as o, Card as r, Button as e } from "@veeqo/ui";
3
- const n = t(e).attrs(() => ({ role: "option", variant: "flat" }))`
4
- margin: ${o.sizes.xs};
5
- min-width: 180px;
6
- justify-content: flex-start;
7
- font-size: ${o.text.body.fontSize};
8
-
9
- &:hover {
10
- background-color: ${o.colors.neutral.grey.lightest};
11
- color: ${o.colors.secondary.blue.base};
12
- cursor: pointer;
13
- }
14
- `, a = t(r.Surface).attrs(() => ({ role: "listbox", elevation: 4 }))`
15
- margin-top: ${o.sizes.xs};
16
- background-color: white;
17
- `, l = t.hr`
18
- width: 100%;
19
- border-top: 1px solid ${o.colors.neutral.grey.dark};
20
- margin: 0;
21
- `;
1
+ import { jsxs as m, jsx as r } from "react/jsx-runtime";
2
+ import { Stack as n } from "@veeqo/ui";
3
+ import { SortableContext as p, verticalListSortingStrategy as a } from "@dnd-kit/sortable";
4
+ import { SortableItem as s } from "./index104.js";
5
+ import { DroppableArea as d } from "./index105.js";
6
+ import { ColumnItem as l } from "./index94.js";
7
+ import { ColumnGroupIds as c } from "./index95.js";
8
+ import { StickyText as f } from "./index92.js";
9
+ const I = ({ id: t, title: e, columns: o }) => /* @__PURE__ */ m(n, { spacing: "sm", alignX: "stretch", children: [
10
+ /* @__PURE__ */ r(f, { variant: "bodyBold", children: e }),
11
+ /* @__PURE__ */ r(p, { id: t, items: o, strategy: a, children: /* @__PURE__ */ r(d, { id: t, spacing: "sm", alignX: "stretch", children: o.map((i) => /* @__PURE__ */ r(s, { id: i.id, children: /* @__PURE__ */ r(l, { column: i, isHidden: t === c.Hidden }) }, i.id)) }) })
12
+ ] });
22
13
  export {
23
- l as Divider,
24
- n as Item,
25
- a as MenuItems
14
+ I as ColumnGroup
26
15
  };
package/dist/index92.cjs CHANGED
@@ -1 +1,104 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("@veeqo/ui"),s=require("@dnd-kit/sortable"),a=require("./index104.cjs"),l=require("./index105.cjs"),c=require("./index95.cjs"),u=require("./index96.cjs"),d=require("./index93.cjs"),m=({id:r,title:n,columns:i})=>e.jsxs(o.Stack,{spacing:"sm",alignX:"stretch",children:[e.jsx(d.StickyText,{variant:"bodyBold",children:n}),e.jsx(s.SortableContext,{id:r,items:i,strategy:s.verticalListSortingStrategy,children:e.jsx(l.DroppableArea,{id:r,spacing:"sm",alignX:"stretch",children:i.map(t=>e.jsx(a.SortableItem,{id:t.id,children:e.jsx(c.ColumnItem,{column:t,isHidden:r===u.ColumnGroupIds.Hidden})},t.id))})})]});exports.ColumnGroup=m;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("styled-components"),e=require("@veeqo/ui"),a=require("@veeqo/components"),i=o=>o&&o.__esModule?o:{default:o},t=i(l),{Glyph:n}=a.VeeqoCommon,s=t.default.div`
2
+ width: 1px;
3
+ position: absolute;
4
+ left: 50%;
5
+ transform: translateX(-50%);
6
+ border-left: 1px solid ${e.theme.colors.neutral.grey.dark};
7
+ height: 100%;
8
+ margin-top: 40px;
9
+ `,c=t.default(e.Text)`
10
+ writing-mode: vertical-rl;
11
+ position: absolute;
12
+ top: 50%;
13
+ left: 50%;
14
+ transform: translate(-50%, -50%);
15
+ background: white;
16
+ padding: 30px 0;
17
+ text-align: center;
18
+ font-size: 10px;
19
+ color: ${e.theme.colors.neutral.ink.lightest};
20
+ height: max-content;
21
+ `,d=t.default(e.Text)`
22
+ position: sticky;
23
+ top: 0;
24
+ background: #ffffff;
25
+ padding-bottom: ${e.theme.sizes[2]};
26
+ z-index: 1;
27
+ `,u=t.default(e.Text)`
28
+ color: ${e.theme.colors.neutral.ink.light};
29
+ `,g=t.default(e.Grid)`
30
+ // overflow-y: auto;
31
+ position: unset;
32
+ `,r=t.default(n).attrs(()=>({name:"visibility-off"}))`
33
+ margin-left: auto;
34
+ `,p=t.default(e.Stack)`
35
+ border-radius: 4px;
36
+ padding: 8px 12px;
37
+ background: #ffffff;
38
+ border: 1px solid ${e.theme.colors.neutral.ink.lightest};
39
+ transition: all ease 200ms;
40
+
41
+ ${({isHidden:o})=>o&&`
42
+ ${e.Text} {
43
+ color: ${e.theme.colors.neutral.ink.light};
44
+ }
45
+ `}
46
+
47
+ &:hover {
48
+ color: ${e.theme.colors.secondary.blue.base};
49
+ background: ${e.theme.colors.neutral.grey.lightest};
50
+ border: 1px solid ${e.theme.colors.neutral.grey.light};
51
+
52
+ ${e.Text} {
53
+ color: ${e.theme.colors.secondary.blue.base};
54
+ }
55
+
56
+ ${r} {
57
+ color: ${e.theme.colors.neutral.ink.light};
58
+ }
59
+ }
60
+
61
+ ${({isDragOverlay:o})=>o&&`
62
+ color: ${e.theme.colors.secondary.blue.base};
63
+ background: ${e.theme.colors.neutral.grey.lightest};
64
+ border: 1px solid ${e.theme.colors.neutral.grey.light};
65
+ cursor: grabbing;
66
+
67
+ ${e.Text} {
68
+ color: ${e.theme.colors.secondary.blue.base};
69
+ }
70
+ `}
71
+ `,h=t.default.div`
72
+ position: absolute;
73
+ top: 0;
74
+ left: 0;
75
+ right: 0;
76
+ bottom: 0;
77
+ height: 100%;
78
+ width: calc(100% - 2px);
79
+ border-radius: 4px;
80
+ border: 1px dashed ${e.theme.colors.neutral.grey.dark};
81
+ background: ${e.theme.colors.neutral.grey.lightest};
82
+ `,f=t.default(e.Stack)`
83
+ flex: 1;
84
+ padding: 0;
85
+ `,m=t.default(e.Search)`
86
+ input {
87
+ height: 40px;
88
+ box-sizing: border-box;
89
+ }
90
+
91
+ svg {
92
+ width: 16px;
93
+ }
94
+ `,b=t.default.div`
95
+ position: relative;
96
+ min-height: 500px;
97
+ `,x=t.default(e.BaseContainer)`
98
+ display: flex;
99
+ flex-direction: column;
100
+ gap: ${e.theme.sizes.base};
101
+ padding: ${e.theme.sizes.md};
102
+ `,y=t.default.dialog`
103
+ display: contents;
104
+ `;exports.ColumnGroupsGrid=g;exports.ColumnItemWrapper=p;exports.ColumnSearch=m;exports.Container=b;exports.DetailedText=u;exports.DndDragOverlayDialog=y;exports.DraggingOverlay=h;exports.DroppableAreaStack=f;exports.HeaderContainer=x;exports.StickyText=d;exports.VerticalSeparator=s;exports.VerticalText=c;exports.VisibilityOffIcon=r;
package/dist/index92.js CHANGED
@@ -1,15 +1,122 @@
1
- import { jsxs as m, jsx as r } from "react/jsx-runtime";
2
- import { Stack as n } from "@veeqo/ui";
3
- import { SortableContext as p, verticalListSortingStrategy as a } from "@dnd-kit/sortable";
4
- import { SortableItem as s } from "./index104.js";
5
- import { DroppableArea as d } from "./index105.js";
6
- import { ColumnItem as l } from "./index95.js";
7
- import { ColumnGroupIds as c } from "./index96.js";
8
- import { StickyText as f } from "./index93.js";
9
- const I = ({ id: t, title: e, columns: o }) => /* @__PURE__ */ m(n, { spacing: "sm", alignX: "stretch", children: [
10
- /* @__PURE__ */ r(f, { variant: "bodyBold", children: e }),
11
- /* @__PURE__ */ r(p, { id: t, items: o, strategy: a, children: /* @__PURE__ */ r(d, { id: t, spacing: "sm", alignX: "stretch", children: o.map((i) => /* @__PURE__ */ r(s, { id: i.id, children: /* @__PURE__ */ r(l, { column: i, isHidden: t === c.Hidden }) }, i.id)) }) })
12
- ] });
1
+ import r from "styled-components";
2
+ import { Grid as l, theme as o, Text as t, BaseContainer as n, Search as s, Stack as i } from "@veeqo/ui";
3
+ import { VeeqoCommon as a } from "@veeqo/components";
4
+ const { Glyph: c } = a, b = r.div`
5
+ width: 1px;
6
+ position: absolute;
7
+ left: 50%;
8
+ transform: translateX(-50%);
9
+ border-left: 1px solid ${o.colors.neutral.grey.dark};
10
+ height: 100%;
11
+ margin-top: 40px;
12
+ `, f = r(t)`
13
+ writing-mode: vertical-rl;
14
+ position: absolute;
15
+ top: 50%;
16
+ left: 50%;
17
+ transform: translate(-50%, -50%);
18
+ background: white;
19
+ padding: 30px 0;
20
+ text-align: center;
21
+ font-size: 10px;
22
+ color: ${o.colors.neutral.ink.lightest};
23
+ height: max-content;
24
+ `, h = r(t)`
25
+ position: sticky;
26
+ top: 0;
27
+ background: #ffffff;
28
+ padding-bottom: ${o.sizes[2]};
29
+ z-index: 1;
30
+ `, x = r(t)`
31
+ color: ${o.colors.neutral.ink.light};
32
+ `, m = r(l)`
33
+ // overflow-y: auto;
34
+ position: unset;
35
+ `, d = r(c).attrs(() => ({ name: "visibility-off" }))`
36
+ margin-left: auto;
37
+ `, $ = r(i)`
38
+ border-radius: 4px;
39
+ padding: 8px 12px;
40
+ background: #ffffff;
41
+ border: 1px solid ${o.colors.neutral.ink.lightest};
42
+ transition: all ease 200ms;
43
+
44
+ ${({ isHidden: e }) => e && `
45
+ ${t} {
46
+ color: ${o.colors.neutral.ink.light};
47
+ }
48
+ `}
49
+
50
+ &:hover {
51
+ color: ${o.colors.secondary.blue.base};
52
+ background: ${o.colors.neutral.grey.lightest};
53
+ border: 1px solid ${o.colors.neutral.grey.light};
54
+
55
+ ${t} {
56
+ color: ${o.colors.secondary.blue.base};
57
+ }
58
+
59
+ ${d} {
60
+ color: ${o.colors.neutral.ink.light};
61
+ }
62
+ }
63
+
64
+ ${({ isDragOverlay: e }) => e && `
65
+ color: ${o.colors.secondary.blue.base};
66
+ background: ${o.colors.neutral.grey.lightest};
67
+ border: 1px solid ${o.colors.neutral.grey.light};
68
+ cursor: grabbing;
69
+
70
+ ${t} {
71
+ color: ${o.colors.secondary.blue.base};
72
+ }
73
+ `}
74
+ `, y = r.div`
75
+ position: absolute;
76
+ top: 0;
77
+ left: 0;
78
+ right: 0;
79
+ bottom: 0;
80
+ height: 100%;
81
+ width: calc(100% - 2px);
82
+ border-radius: 4px;
83
+ border: 1px dashed ${o.colors.neutral.grey.dark};
84
+ background: ${o.colors.neutral.grey.lightest};
85
+ `, k = r(i)`
86
+ flex: 1;
87
+ padding: 0;
88
+ `, v = r(s)`
89
+ input {
90
+ height: 40px;
91
+ box-sizing: border-box;
92
+ }
93
+
94
+ svg {
95
+ width: 16px;
96
+ }
97
+ `, C = r.div`
98
+ position: relative;
99
+ min-height: 500px;
100
+ `, w = r(n)`
101
+ display: flex;
102
+ flex-direction: column;
103
+ gap: ${o.sizes.base};
104
+ padding: ${o.sizes.md};
105
+ `, z = r.dialog`
106
+ display: contents;
107
+ `;
13
108
  export {
14
- I as ColumnGroup
109
+ m as ColumnGroupsGrid,
110
+ $ as ColumnItemWrapper,
111
+ v as ColumnSearch,
112
+ C as Container,
113
+ x as DetailedText,
114
+ z as DndDragOverlayDialog,
115
+ y as DraggingOverlay,
116
+ k as DroppableAreaStack,
117
+ w as HeaderContainer,
118
+ h as StickyText,
119
+ b as VerticalSeparator,
120
+ f as VerticalText,
121
+ d as VisibilityOffIcon
15
122
  };
package/dist/index93.cjs CHANGED
@@ -1,104 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("styled-components"),e=require("@veeqo/ui"),a=require("@veeqo/components"),i=o=>o&&o.__esModule?o:{default:o},t=i(l),{Glyph:n}=a.VeeqoCommon,s=t.default.div`
2
- width: 1px;
3
- position: absolute;
4
- left: 50%;
5
- transform: translateX(-50%);
6
- border-left: 1px solid ${e.theme.colors.neutral.grey.dark};
7
- height: 100%;
8
- margin-top: 40px;
9
- `,c=t.default(e.Text)`
10
- writing-mode: vertical-rl;
11
- position: absolute;
12
- top: 50%;
13
- left: 50%;
14
- transform: translate(-50%, -50%);
15
- background: white;
16
- padding: 30px 0;
17
- text-align: center;
18
- font-size: 10px;
19
- color: ${e.theme.colors.neutral.ink.lightest};
20
- height: max-content;
21
- `,d=t.default(e.Text)`
22
- position: sticky;
23
- top: 0;
24
- background: #ffffff;
25
- padding-bottom: ${e.theme.sizes[2]};
26
- z-index: 1;
27
- `,u=t.default(e.Text)`
28
- color: ${e.theme.colors.neutral.ink.light};
29
- `,g=t.default(e.Grid)`
30
- // overflow-y: auto;
31
- position: unset;
32
- `,r=t.default(n).attrs(()=>({name:"visibility-off"}))`
33
- margin-left: auto;
34
- `,p=t.default(e.Stack)`
35
- border-radius: 4px;
36
- padding: 8px 12px;
37
- background: #ffffff;
38
- border: 1px solid ${e.theme.colors.neutral.ink.lightest};
39
- transition: all ease 200ms;
40
-
41
- ${({isHidden:o})=>o&&`
42
- ${e.Text} {
43
- color: ${e.theme.colors.neutral.ink.light};
44
- }
45
- `}
46
-
47
- &:hover {
48
- color: ${e.theme.colors.secondary.blue.base};
49
- background: ${e.theme.colors.neutral.grey.lightest};
50
- border: 1px solid ${e.theme.colors.neutral.grey.light};
51
-
52
- ${e.Text} {
53
- color: ${e.theme.colors.secondary.blue.base};
54
- }
55
-
56
- ${r} {
57
- color: ${e.theme.colors.neutral.ink.light};
58
- }
59
- }
60
-
61
- ${({isDragOverlay:o})=>o&&`
62
- color: ${e.theme.colors.secondary.blue.base};
63
- background: ${e.theme.colors.neutral.grey.lightest};
64
- border: 1px solid ${e.theme.colors.neutral.grey.light};
65
- cursor: grabbing;
66
-
67
- ${e.Text} {
68
- color: ${e.theme.colors.secondary.blue.base};
69
- }
70
- `}
71
- `,h=t.default.div`
72
- position: absolute;
73
- top: 0;
74
- left: 0;
75
- right: 0;
76
- bottom: 0;
77
- height: 100%;
78
- width: calc(100% - 2px);
79
- border-radius: 4px;
80
- border: 1px dashed ${e.theme.colors.neutral.grey.dark};
81
- background: ${e.theme.colors.neutral.grey.lightest};
82
- `,f=t.default(e.Stack)`
83
- flex: 1;
84
- padding: 0;
85
- `,m=t.default(e.Search)`
86
- input {
87
- height: 40px;
88
- box-sizing: border-box;
89
- }
90
-
91
- svg {
92
- width: 16px;
93
- }
94
- `,b=t.default.div`
95
- position: relative;
96
- min-height: 500px;
97
- `,x=t.default(e.BaseContainer)`
98
- display: flex;
99
- flex-direction: column;
100
- gap: ${e.theme.sizes.base};
101
- padding: ${e.theme.sizes.md};
102
- `,y=t.default.dialog`
103
- display: contents;
104
- `;exports.ColumnGroupsGrid=g;exports.ColumnItemWrapper=p;exports.ColumnSearch=m;exports.Container=b;exports.DetailedText=u;exports.DndDragOverlayDialog=y;exports.DraggingOverlay=h;exports.DroppableAreaStack=f;exports.HeaderContainer=x;exports.StickyText=d;exports.VerticalSeparator=s;exports.VerticalText=c;exports.VisibilityOffIcon=r;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("@dnd-kit/core"),S=require("@dnd-kit/sortable"),h=require("./index92.cjs"),q=require("@veeqo/ui"),C=require("./index50.cjs"),E=require("./index106.cjs"),p=require("./index107.cjs"),A=require("./index10.cjs"),b=require("./index49.cjs"),x={droppable:{strategy:e.MeasuringStrategy.Always}},M={sideEffects:e.defaultDropAnimationSideEffects({styles:{active:{opacity:"0.5"}}})},j=({items:o,setItems:s,children:a,renderDragOverlay:n})=>{const{closeModal:i,openModal:l}=C.useModal(),c=e.useSensors(e.useSensor(e.PointerSensor),e.useSensor(e.KeyboardSensor,{coordinateGetter:S.sortableKeyboardCoordinates})),{activeId:t,handleDragCancel:d,handleDragEnd:u,handleDragOver:g,handleDragStart:D}=E.useDragHandlers({items:o,setItems:s}),{collisionDetectionStrategy:y}=p.useCollisionDetectionStrategy({items:o});return r.jsx(A.ErrorBoundary,{errorComponent:r.jsx(q.Alert,{variant:"error",title:"An error occurred",rightActions:[{label:"Reload",onClick:()=>{i(),l(b.ModalId.ORDERS_TABLE_MANAGEMENT)}}]}),children:r.jsxs(e.DndContext,{sensors:c,measuring:x,collisionDetection:y,onDragStart:D,onDragOver:g,onDragEnd:u,onDragCancel:d,children:[a,r.jsx(h.DndDragOverlayDialog,{open:!0,children:r.jsx(e.DragOverlay,{dropAnimation:M,zIndex:2001,children:t&&n?n(t):null})})]})})};exports.DndContainer=j;