@veeqo/transfigure 1.2.7 → 1.2.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (95) hide show
  1. package/dist/hooks/useViewCountsHook/useViewCountsHook.d.ts +2 -2
  2. package/dist/index100.cjs +1 -1
  3. package/dist/index100.js +48 -9
  4. package/dist/index101.cjs +1 -19
  5. package/dist/index101.js +28 -23
  6. package/dist/index103.cjs +1 -1
  7. package/dist/index103.js +7 -15
  8. package/dist/index104.cjs +1 -1
  9. package/dist/index104.js +22 -36
  10. package/dist/index105.cjs +1 -1
  11. package/dist/index105.js +17 -28
  12. package/dist/index106.cjs +1 -1
  13. package/dist/index106.js +15 -24
  14. package/dist/index109.cjs +1 -1
  15. package/dist/index109.js +19 -2
  16. package/dist/index11.cjs +1 -1
  17. package/dist/index11.js +1 -1
  18. package/dist/index110.cjs +1 -1
  19. package/dist/index110.js +7 -18
  20. package/dist/index111.cjs +1 -1
  21. package/dist/index111.js +63 -7
  22. package/dist/index112.cjs +1 -1
  23. package/dist/index112.js +26 -60
  24. package/dist/index113.cjs +1 -1
  25. package/dist/index113.js +2 -30
  26. package/dist/index114.cjs +1 -13
  27. package/dist/index114.js +33 -14
  28. package/dist/index115.cjs +13 -1
  29. package/dist/index115.js +14 -33
  30. package/dist/index118.cjs +1 -7
  31. package/dist/index118.js +63 -10
  32. package/dist/index119.cjs +1 -1
  33. package/dist/index119.js +42 -58
  34. package/dist/index120.cjs +7 -1
  35. package/dist/index120.js +10 -47
  36. package/dist/index13.cjs +1 -1
  37. package/dist/index13.js +1 -1
  38. package/dist/index17.cjs +1 -1
  39. package/dist/index17.js +1 -1
  40. package/dist/index19.cjs +1 -1
  41. package/dist/index19.js +1 -1
  42. package/dist/index22.cjs +1 -1
  43. package/dist/index22.js +1 -1
  44. package/dist/index30.cjs +1 -1
  45. package/dist/index30.js +1 -1
  46. package/dist/index31.cjs +1 -1
  47. package/dist/index31.js +1 -1
  48. package/dist/index34.cjs +1 -1
  49. package/dist/index34.js +1 -1
  50. package/dist/index36.cjs +1 -1
  51. package/dist/index36.js +3 -3
  52. package/dist/index39.cjs +1 -1
  53. package/dist/index39.js +1 -1
  54. package/dist/index41.cjs +1 -1
  55. package/dist/index41.js +1 -1
  56. package/dist/index47.cjs +1 -1
  57. package/dist/index47.js +2 -2
  58. package/dist/index78.cjs +1 -1
  59. package/dist/index78.js +11 -10
  60. package/dist/index79.cjs +1 -1
  61. package/dist/index79.js +3 -2
  62. package/dist/index80.cjs +1 -1
  63. package/dist/index80.js +1 -1
  64. package/dist/index84.cjs +1 -1
  65. package/dist/index84.js +1 -1
  66. package/dist/index85.cjs +1 -1
  67. package/dist/index85.js +1 -1
  68. package/dist/index86.cjs +1 -1
  69. package/dist/index86.js +5 -41
  70. package/dist/index87.cjs +1 -1
  71. package/dist/index87.js +2 -9
  72. package/dist/index88.cjs +1 -1
  73. package/dist/index88.js +41 -2
  74. package/dist/index89.cjs +1 -1
  75. package/dist/index89.js +8 -4
  76. package/dist/index90.cjs +1 -1
  77. package/dist/index90.js +7 -7
  78. package/dist/index92.cjs +1 -1
  79. package/dist/index92.js +13 -7
  80. package/dist/index93.cjs +104 -1
  81. package/dist/index93.js +119 -17
  82. package/dist/index94.cjs +1 -1
  83. package/dist/index94.js +68 -13
  84. package/dist/index95.cjs +1 -104
  85. package/dist/index95.js +28 -119
  86. package/dist/index96.cjs +1 -1
  87. package/dist/index96.js +2 -68
  88. package/dist/index97.cjs +1 -1
  89. package/dist/index97.js +39 -27
  90. package/dist/index98.cjs +1 -1
  91. package/dist/index98.js +11 -2
  92. package/dist/index99.cjs +19 -1
  93. package/dist/index99.js +24 -41
  94. package/dist/types.d.ts +2 -24
  95. package/package.json +1 -1
package/dist/index93.cjs CHANGED
@@ -1 +1,104 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@veeqo/ui"),r=require("./index2.cjs"),s=o=>{let e={colourPalette:t.theme.colors.secondary.blue,customTextColour:void 0};switch(o){case r.ViewStatusTypes.ERROR:e={colourPalette:t.theme.colors.secondary.red,customTextColour:void 0};break}return e};exports.getViewTheme=s;
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/index93.js CHANGED
@@ -1,20 +1,122 @@
1
- import { theme as o } from "@veeqo/ui";
2
- import { ViewStatusTypes as r } from "./index2.js";
3
- const l = (t) => {
4
- let e = {
5
- colourPalette: o.colors.secondary.blue,
6
- customTextColour: void 0
7
- };
8
- switch (t) {
9
- case r.ERROR:
10
- e = {
11
- colourPalette: o.colors.secondary.red,
12
- customTextColour: void 0
13
- };
14
- break;
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
+ }
15
62
  }
16
- return e;
17
- };
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
+ `;
18
108
  export {
19
- l as getViewTheme
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
20
122
  };
package/dist/index94.cjs CHANGED
@@ -1 +1 @@
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("./index110.cjs"),l=require("./index111.cjs"),c=require("./index97.cjs"),u=require("./index98.cjs"),d=require("./index95.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 r=require("react/jsx-runtime"),e=require("@dnd-kit/core"),S=require("@dnd-kit/sortable"),h=require("./index93.cjs"),q=require("@veeqo/ui"),C=require("./index52.cjs"),E=require("./index111.cjs"),p=require("./index112.cjs"),A=require("./index12.cjs"),b=require("./index51.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;
package/dist/index94.js CHANGED
@@ -1,15 +1,70 @@
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 "./index110.js";
5
- import { DroppableArea as d } from "./index111.js";
6
- import { ColumnItem as l } from "./index97.js";
7
- import { ColumnGroupIds as c } from "./index98.js";
8
- import { StickyText as f } from "./index95.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 { jsx as r, jsxs as f } from "react/jsx-runtime";
2
+ import { useSensors as u, useSensor as n, PointerSensor as y, KeyboardSensor as S, DndContext as h, MeasuringStrategy as A, DragOverlay as E, defaultDropAnimationSideEffects as C } from "@dnd-kit/core";
3
+ import { sortableKeyboardCoordinates as M } from "@dnd-kit/sortable";
4
+ import { DndDragOverlayDialog as v } from "./index93.js";
5
+ import { Alert as b } from "@veeqo/ui";
6
+ import { useModal as x } from "./index52.js";
7
+ import { useDragHandlers as O } from "./index111.js";
8
+ import { useCollisionDetectionStrategy as I } from "./index112.js";
9
+ import { ErrorBoundary as R } from "./index12.js";
10
+ import { ModalId as j } from "./index51.js";
11
+ const B = {
12
+ droppable: {
13
+ strategy: A.Always
14
+ }
15
+ }, G = {
16
+ sideEffects: C({
17
+ styles: {
18
+ active: {
19
+ opacity: "0.5"
20
+ }
21
+ }
22
+ })
23
+ }, q = ({
24
+ items: o,
25
+ setItems: a,
26
+ children: i,
27
+ renderDragOverlay: e
28
+ }) => {
29
+ const { closeModal: s, openModal: l } = x(), d = u(
30
+ n(y),
31
+ n(S, {
32
+ coordinateGetter: M
33
+ })
34
+ ), { activeId: t, handleDragCancel: c, handleDragEnd: m, handleDragOver: p, handleDragStart: D } = O({ items: o, setItems: a }), { collisionDetectionStrategy: g } = I({
35
+ items: o
36
+ });
37
+ return /* @__PURE__ */ r(R, { errorComponent: /* @__PURE__ */ r(b, { variant: "error", title: "An error occurred", rightActions: [
38
+ {
39
+ label: "Reload",
40
+ onClick: () => {
41
+ s(), l(j.ORDERS_TABLE_MANAGEMENT);
42
+ }
43
+ }
44
+ ] }), children: /* @__PURE__ */ f(
45
+ h,
46
+ {
47
+ sensors: d,
48
+ measuring: B,
49
+ collisionDetection: g,
50
+ onDragStart: D,
51
+ onDragOver: p,
52
+ onDragEnd: m,
53
+ onDragCancel: c,
54
+ children: [
55
+ i,
56
+ /* @__PURE__ */ r(v, { open: !0, children: /* @__PURE__ */ r(
57
+ E,
58
+ {
59
+ dropAnimation: G,
60
+ zIndex: 2001,
61
+ children: t && e ? e(t) : null
62
+ }
63
+ ) })
64
+ ]
65
+ }
66
+ ) });
67
+ };
13
68
  export {
14
- I as ColumnGroup
69
+ q as DndContainer
15
70
  };
package/dist/index95.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 e=require("react/jsx-runtime"),i=require("@veeqo/ui"),a=require("@veeqo/components"),n=require("./index93.cjs"),{Glyph:c}=a.VeeqoCommon,l=({column:t,isHidden:r,isDragOverlay:s})=>{const o=t.title||t.tooltip;return e.jsxs(n.ColumnItemWrapper,{direction:"horizontal",spacing:"sm",alignY:"center",isHidden:r,isDragOverlay:s,children:[e.jsx(c,{name:"drag-indicator",size:4}),t.detailed?e.jsxs(i.Stack,{spacing:"xs",children:[e.jsxs(i.Text,{variant:"body",children:[o," (detailed)"]}),e.jsx(n.DetailedText,{variant:"hintText",children:t.detailed})]}):e.jsx(i.Text,{variant:"body",children:o}),!s&&r&&e.jsx(n.VisibilityOffIcon,{size:4})]})};exports.ColumnItem=l;
package/dist/index95.js CHANGED
@@ -1,122 +1,31 @@
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};
1
+ import { jsxs as e, jsx as i } from "react/jsx-runtime";
2
+ import { Stack as d, Text as a } from "@veeqo/ui";
3
+ import { VeeqoCommon as l } from "@veeqo/components";
4
+ import { ColumnItemWrapper as m, DetailedText as c, VisibilityOffIcon as p } from "./index93.js";
5
+ const { Glyph: s } = l, g = ({ column: t, isHidden: r, isDragOverlay: o }) => {
6
+ const n = t.title || t.tooltip;
7
+ return /* @__PURE__ */ e(
8
+ m,
9
+ {
10
+ direction: "horizontal",
11
+ spacing: "sm",
12
+ alignY: "center",
13
+ isHidden: r,
14
+ isDragOverlay: o,
15
+ children: [
16
+ /* @__PURE__ */ i(s, { name: "drag-indicator", size: 4 }),
17
+ t.detailed ? /* @__PURE__ */ e(d, { spacing: "xs", children: [
18
+ /* @__PURE__ */ e(a, { variant: "body", children: [
19
+ n,
20
+ " (detailed)"
21
+ ] }),
22
+ /* @__PURE__ */ i(c, { variant: "hintText", children: t.detailed })
23
+ ] }) : /* @__PURE__ */ i(a, { variant: "body", children: n }),
24
+ !o && r && /* @__PURE__ */ i(p, { size: 4 })
25
+ ]
57
26
  }
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
- `;
27
+ );
28
+ };
108
29
  export {
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
30
+ g as ColumnItem
122
31
  };
package/dist/index96.cjs CHANGED
@@ -1 +1 @@
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("./index95.cjs"),q=require("@veeqo/ui"),C=require("./index52.cjs"),E=require("./index112.cjs"),p=require("./index113.cjs"),A=require("./index12.cjs"),b=require("./index51.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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var i=(e=>(e.Hidden="hidden",e.Visible="visible",e))(i||{});exports.ColumnGroupIds=i;
package/dist/index96.js CHANGED
@@ -1,70 +1,4 @@
1
- import { jsx as r, jsxs as f } from "react/jsx-runtime";
2
- import { useSensors as u, useSensor as n, PointerSensor as y, KeyboardSensor as S, DndContext as h, MeasuringStrategy as A, DragOverlay as E, defaultDropAnimationSideEffects as C } from "@dnd-kit/core";
3
- import { sortableKeyboardCoordinates as M } from "@dnd-kit/sortable";
4
- import { DndDragOverlayDialog as v } from "./index95.js";
5
- import { Alert as b } from "@veeqo/ui";
6
- import { useModal as x } from "./index52.js";
7
- import { useDragHandlers as O } from "./index112.js";
8
- import { useCollisionDetectionStrategy as I } from "./index113.js";
9
- import { ErrorBoundary as R } from "./index12.js";
10
- import { ModalId as j } from "./index51.js";
11
- const B = {
12
- droppable: {
13
- strategy: A.Always
14
- }
15
- }, G = {
16
- sideEffects: C({
17
- styles: {
18
- active: {
19
- opacity: "0.5"
20
- }
21
- }
22
- })
23
- }, q = ({
24
- items: o,
25
- setItems: a,
26
- children: i,
27
- renderDragOverlay: e
28
- }) => {
29
- const { closeModal: s, openModal: l } = x(), d = u(
30
- n(y),
31
- n(S, {
32
- coordinateGetter: M
33
- })
34
- ), { activeId: t, handleDragCancel: c, handleDragEnd: m, handleDragOver: p, handleDragStart: D } = O({ items: o, setItems: a }), { collisionDetectionStrategy: g } = I({
35
- items: o
36
- });
37
- return /* @__PURE__ */ r(R, { errorComponent: /* @__PURE__ */ r(b, { variant: "error", title: "An error occurred", rightActions: [
38
- {
39
- label: "Reload",
40
- onClick: () => {
41
- s(), l(j.ORDERS_TABLE_MANAGEMENT);
42
- }
43
- }
44
- ] }), children: /* @__PURE__ */ f(
45
- h,
46
- {
47
- sensors: d,
48
- measuring: B,
49
- collisionDetection: g,
50
- onDragStart: D,
51
- onDragOver: p,
52
- onDragEnd: m,
53
- onDragCancel: c,
54
- children: [
55
- i,
56
- /* @__PURE__ */ r(v, { open: !0, children: /* @__PURE__ */ r(
57
- E,
58
- {
59
- dropAnimation: G,
60
- zIndex: 2001,
61
- children: t && e ? e(t) : null
62
- }
63
- ) })
64
- ]
65
- }
66
- ) });
67
- };
1
+ var i = /* @__PURE__ */ ((e) => (e.Hidden = "hidden", e.Visible = "visible", e))(i || {});
68
2
  export {
69
- q as DndContainer
3
+ i as ColumnGroupIds
70
4
  };