@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.
- package/dist/components/RefreshButton/RefreshButton.d.ts +3 -1
- package/dist/components/SearchBar/SearchBar.d.ts +2 -1
- package/dist/index100.cjs +12 -1
- package/dist/index100.js +16 -24
- package/dist/index103.cjs +1 -13
- package/dist/index103.js +33 -14
- package/dist/index104.cjs +1 -1
- package/dist/index104.js +2 -2
- package/dist/index105.cjs +1 -1
- package/dist/index105.js +1 -1
- package/dist/index108.cjs +13 -1
- package/dist/index108.js +14 -33
- package/dist/index11.cjs +1 -1
- package/dist/index11.js +19 -19
- package/dist/index110.cjs +1 -1
- package/dist/index110.js +62 -41
- package/dist/index111.cjs +1 -1
- package/dist/index111.js +42 -58
- package/dist/index113.cjs +1 -1
- package/dist/index113.js +41 -46
- package/dist/index15.cjs +1 -1
- package/dist/index15.js +1 -1
- package/dist/index20.cjs +1 -1
- package/dist/index20.js +1 -1
- package/dist/index29.cjs +1 -1
- package/dist/index29.js +1 -1
- package/dist/index32.cjs +1 -1
- package/dist/index32.js +1 -1
- package/dist/index34.cjs +1 -1
- package/dist/index34.js +2 -2
- package/dist/index37.cjs +1 -1
- package/dist/index37.js +1 -1
- package/dist/index38.cjs +1 -1
- package/dist/index38.js +1 -1
- package/dist/index39.cjs +1 -1
- package/dist/index39.js +1 -1
- package/dist/index42.cjs +1 -1
- package/dist/index42.js +1 -1
- package/dist/index45.cjs +1 -1
- package/dist/index45.js +24 -16
- package/dist/index82.cjs +1 -1
- package/dist/index82.js +1 -1
- package/dist/index84.cjs +1 -1
- package/dist/index84.js +7 -7
- package/dist/index86.cjs +1 -1
- package/dist/index86.js +23 -17
- package/dist/index87.cjs +1 -1
- package/dist/index87.js +32 -14
- package/dist/index88.cjs +1 -1
- package/dist/index88.js +29 -21
- package/dist/index89.cjs +19 -1
- package/dist/index89.js +24 -33
- package/dist/index90.cjs +1 -1
- package/dist/index90.js +18 -29
- package/dist/index91.cjs +1 -19
- package/dist/index91.js +13 -24
- package/dist/index92.cjs +104 -1
- package/dist/index92.js +120 -13
- package/dist/index93.cjs +1 -104
- package/dist/index93.js +65 -117
- package/dist/index94.cjs +1 -1
- package/dist/index94.js +24 -63
- package/dist/index95.cjs +1 -1
- package/dist/index95.js +2 -29
- package/dist/index96.cjs +1 -1
- package/dist/index96.js +41 -2
- package/dist/index97.cjs +1 -1
- package/dist/index97.js +9 -39
- package/dist/index98.cjs +1 -1
- package/dist/index98.js +20 -10
- package/dist/index99.cjs +1 -12
- package/dist/index99.js +15 -16
- package/package.json +2 -2
package/dist/index89.js
CHANGED
|
@@ -1,35 +1,26 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
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
|
-
|
|
23
|
+
l as Divider,
|
|
24
|
+
n as Item,
|
|
25
|
+
a as MenuItems
|
|
35
26
|
};
|
package/dist/index90.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";
|
|
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 {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
{
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
{
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
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
|
-
|
|
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
|
|
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
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
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
|
-
|
|
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
|
|
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
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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
|
-
|
|
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
|
|
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;
|