@veeqo/transfigure 1.2.0 → 1.2.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.
- package/dist/BusinessLogic/types.d.ts +1 -0
- package/dist/components/Views/ViewList/ViewsList.d.ts +5 -1
- package/dist/constants/viewConstants.d.ts +2 -0
- package/dist/index.cjs +1 -1
- package/dist/index.js +16 -14
- package/dist/index10.cjs +1 -1
- package/dist/index10.js +14 -13
- package/dist/index100.cjs +1 -1
- package/dist/index100.js +20 -14
- package/dist/index101.cjs +1 -19
- package/dist/index101.js +14 -23
- package/dist/index102.cjs +12 -1
- package/dist/index102.js +16 -24
- package/dist/index103.cjs +1 -12
- package/dist/index103.js +33 -16
- package/dist/index104.cjs +1 -80
- package/dist/index104.js +28 -100
- package/dist/index105.cjs +1 -1
- package/dist/index105.js +24 -2
- package/dist/index106.cjs +80 -1
- package/dist/index106.js +101 -19
- package/dist/index107.cjs +1 -1
- package/dist/index107.js +18 -7
- package/dist/index108.cjs +1 -1
- package/dist/index108.js +7 -63
- package/dist/index109.cjs +1 -1
- package/dist/index109.js +60 -26
- package/dist/index11.cjs +1 -1
- package/dist/index11.js +1 -1
- package/dist/index110.cjs +1 -13
- package/dist/index110.js +30 -17
- package/dist/index111.cjs +1 -1
- package/dist/index111.js +2 -26
- package/dist/index112.cjs +13 -1
- package/dist/index112.js +14 -33
- package/dist/index113.cjs +1 -7
- package/dist/index113.js +36 -10
- package/dist/index114.cjs +1 -1
- package/dist/index114.js +25 -62
- package/dist/index115.cjs +1 -1
- package/dist/index115.js +58 -42
- package/dist/index116.cjs +1 -0
- package/dist/index116.js +49 -0
- package/dist/index117.cjs +7 -0
- package/dist/index117.js +12 -0
- package/dist/index17.cjs +1 -1
- package/dist/index17.js +1 -1
- package/dist/index22.cjs +1 -1
- package/dist/index22.js +1 -1
- package/dist/index31.cjs +1 -1
- package/dist/index31.js +1 -1
- package/dist/index34.cjs +1 -1
- package/dist/index34.js +1 -1
- package/dist/index36.cjs +1 -1
- package/dist/index36.js +62 -60
- package/dist/index39.cjs +1 -1
- package/dist/index39.js +1 -1
- package/dist/index40.cjs +1 -1
- package/dist/index40.js +1 -1
- package/dist/index41.cjs +1 -1
- package/dist/index41.js +1 -1
- package/dist/index42.cjs +1 -1
- package/dist/index42.js +1 -1
- package/dist/index44.cjs +1 -1
- package/dist/index44.js +36 -34
- package/dist/index46.cjs +1 -1
- package/dist/index46.js +2 -2
- package/dist/index62.cjs +1 -1
- package/dist/index62.js +31 -49
- package/dist/index7.cjs +1 -1
- package/dist/index7.js +4 -4
- package/dist/index80.cjs +1 -1
- package/dist/index80.js +20 -6
- package/dist/index81.cjs +1 -1
- package/dist/index81.js +7 -2
- package/dist/index82.cjs +1 -1
- package/dist/index82.js +2 -9
- package/dist/index83.cjs +1 -3
- package/dist/index83.js +8 -13
- package/dist/index84.cjs +3 -1
- package/dist/index84.js +13 -8
- package/dist/index85.cjs +1 -1
- package/dist/index85.js +8 -4
- package/dist/index88.cjs +1 -1
- package/dist/index88.js +4 -117
- package/dist/index89.cjs +1 -1
- package/dist/index89.js +117 -18
- package/dist/index90.cjs +1 -1
- package/dist/index90.js +19 -13
- package/dist/index91.cjs +1 -104
- package/dist/index91.js +13 -120
- package/dist/index92.cjs +104 -1
- package/dist/index92.js +117 -65
- package/dist/index93.cjs +1 -1
- package/dist/index93.js +63 -24
- package/dist/index94.cjs +1 -1
- package/dist/index94.js +29 -2
- package/dist/index95.cjs +1 -1
- package/dist/index95.js +2 -41
- package/dist/index96.cjs +1 -1
- package/dist/index96.js +39 -9
- package/dist/index97.cjs +1 -1
- package/dist/index97.js +9 -31
- package/dist/index98.cjs +1 -1
- package/dist/index98.js +7 -29
- package/dist/index99.cjs +19 -1
- package/dist/index99.js +24 -21
- package/dist/mocks/createMockTransformedView.d.ts +2 -0
- package/dist/mocks/createMockView.d.ts +2 -0
- package/dist/storybookHelpers/Code.d.ts +3 -0
- package/dist/storybookHelpers/apiMocks/views/mockSeededAllView.d.ts +26 -0
- package/dist/types.d.ts +5 -0
- package/dist/utils/index.d.ts +1 -0
- package/dist/utils/organiseViews/index.d.ts +1 -0
- package/dist/utils/organiseViews/organiseViews.d.ts +18 -0
- package/dist/utils/organiseViews/organiseViews.test.d.ts +1 -0
- package/package.json +1 -1
- /package/dist/storybookHelpers/apiMocks/{custom_views.d.ts → views/custom_views.d.ts} +0 -0
package/dist/index84.js
CHANGED
|
@@ -1,11 +1,16 @@
|
|
|
1
|
-
import { isError as
|
|
2
|
-
const s = ({
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import { isError as l } from "./index111.js";
|
|
2
|
+
const s = (e) => {
|
|
3
|
+
if (!l(e)) return e;
|
|
4
|
+
if (e.stack) {
|
|
5
|
+
const n = e.stack.split(`
|
|
6
|
+
`);
|
|
7
|
+
if (n.length <= 10) return e;
|
|
8
|
+
const i = n == null ? void 0 : n[0], t = n == null ? void 0 : n.splice(9), f = [i, ...t].join(`
|
|
9
|
+
`);
|
|
10
|
+
e.stack = f;
|
|
11
|
+
}
|
|
12
|
+
return e;
|
|
8
13
|
};
|
|
9
14
|
export {
|
|
10
|
-
s as
|
|
15
|
+
s as filterErrorStack
|
|
11
16
|
};
|
package/dist/index85.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index111.cjs"),n=({customError:t,originalError:e,type:c})=>{!s.isError(e)||!s.isError(t)||(e.stack&&(e.stack=t.stack),e.name&&(e.name=`${c} (${e.name})`))};exports.injectIntoError=n;
|
package/dist/index85.js
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import { isError as c } from "./index111.js";
|
|
2
|
+
const s = ({
|
|
3
|
+
customError: e,
|
|
4
|
+
originalError: t,
|
|
5
|
+
type: f
|
|
6
|
+
}) => {
|
|
7
|
+
!c(t) || !c(e) || (t.stack && (t.stack = e.stack), t.name && (t.name = `${f} (${t.name})`));
|
|
3
8
|
};
|
|
4
9
|
export {
|
|
5
|
-
|
|
6
|
-
a as default
|
|
10
|
+
s as injectIntoError
|
|
7
11
|
};
|
package/dist/index88.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_actionsHeaderContainer_fgqms_1",t={actionsHeaderContainer:e};exports.actionsHeaderContainer=e;exports.default=t;
|
package/dist/index88.js
CHANGED
|
@@ -1,120 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import { useState as v, useMemo as f, useCallback as y } from "react";
|
|
4
|
-
import { VeeqoCommon as I } from "@veeqo/components";
|
|
5
|
-
import { ColumnGroup as w } from "./index90.js";
|
|
6
|
-
import { Container as Y, ColumnGroupsGrid as j, VerticalSeparator as z, VerticalText as B, HeaderContainer as L, ColumnSearch as Q } from "./index91.js";
|
|
7
|
-
import { DndContainer as R } from "./index92.js";
|
|
8
|
-
import { ColumnItem as q } from "./index93.js";
|
|
9
|
-
import { ColumnGroupIds as n } from "./index94.js";
|
|
10
|
-
import { TableManagementGlyph as P } from "./index89.js";
|
|
11
|
-
import { usePersistColumns as _ } from "./index95.js";
|
|
12
|
-
import { filterColumnsBySearch as V } from "./index96.js";
|
|
13
|
-
const { Glyph: E } = I, te = ({
|
|
14
|
-
onClose: l,
|
|
15
|
-
columnDefinitions: k,
|
|
16
|
-
hiddenColumns: s,
|
|
17
|
-
visibleColumns: m,
|
|
18
|
-
pinnedLeftColumnIds: D,
|
|
19
|
-
pinnedRightColumnIds: H
|
|
20
|
-
}) => {
|
|
21
|
-
const [o, b] = v(""), i = f(() => new Map(k.map((a) => [a.id, a])), []), [t, u] = v(() => ({
|
|
22
|
-
[n.Hidden]: s,
|
|
23
|
-
[n.Visible]: m
|
|
24
|
-
})), M = f(() => {
|
|
25
|
-
const a = t[n.Visible].map((r) => i.get(`${r}`));
|
|
26
|
-
return V(a, o);
|
|
27
|
-
}, [t, i, o]), x = f(() => {
|
|
28
|
-
const a = t[n.Hidden].map((r) => i.get(`${r}`));
|
|
29
|
-
return V(a, o);
|
|
30
|
-
}, [t, i, o]), { isSavingColumns: d, saveColumns: G } = _({ pinnedLeftColumnIds: D, pinnedRightColumnIds: H }), T = () => {
|
|
31
|
-
b(""), u({
|
|
32
|
-
[n.Hidden]: s,
|
|
33
|
-
[n.Visible]: m
|
|
34
|
-
});
|
|
35
|
-
}, C = y(
|
|
36
|
-
(a) => {
|
|
37
|
-
if (b(a), !a) {
|
|
38
|
-
const r = /* @__PURE__ */ new Set([...s, ...m]);
|
|
39
|
-
u((S) => ({
|
|
40
|
-
[n.Hidden]: S[n.Hidden].filter((g) => r.has(`${g}`)),
|
|
41
|
-
[n.Visible]: S[n.Visible].filter((g) => r.has(`${g}`))
|
|
42
|
-
}));
|
|
43
|
-
}
|
|
44
|
-
},
|
|
45
|
-
[s, m]
|
|
46
|
-
), $ = y(
|
|
47
|
-
(a) => {
|
|
48
|
-
const r = i.get(`${a}`);
|
|
49
|
-
return r ? /* @__PURE__ */ e(q, { column: r, isDragOverlay: !0 }) : null;
|
|
50
|
-
},
|
|
51
|
-
[i]
|
|
52
|
-
);
|
|
53
|
-
return /* @__PURE__ */ e(
|
|
54
|
-
O,
|
|
55
|
-
{
|
|
56
|
-
variant: "lg",
|
|
57
|
-
style: { overflowY: "hidden" },
|
|
58
|
-
shouldShow: !0,
|
|
59
|
-
onClose: () => l == null ? void 0 : l(),
|
|
60
|
-
headerSlot: /* @__PURE__ */ c(L, { children: [
|
|
61
|
-
/* @__PURE__ */ c(h, { direction: "horizontal", alignX: "between", alignY: "center", children: [
|
|
62
|
-
/* @__PURE__ */ c(h, { direction: "horizontal", alignX: "start", alignY: "center", spacing: "sm", children: [
|
|
63
|
-
/* @__PURE__ */ e(P, { height: 32, width: 32 }),
|
|
64
|
-
/* @__PURE__ */ e(p, { variant: "headingLarge", as: "h1", children: "Table management" })
|
|
65
|
-
] }),
|
|
66
|
-
/* @__PURE__ */ e(X, { "aria-label": "Close modal", onClick: l, variant: "flat", iconSlot: /* @__PURE__ */ e(E, { name: "close" }) })
|
|
67
|
-
] }),
|
|
68
|
-
/* @__PURE__ */ c(p, { variant: "subheadingMedium", children: [
|
|
69
|
-
"Show, hide, or change the order of the columns in the view, so you always see the data that's most important to you. Learn more with our",
|
|
70
|
-
" ",
|
|
71
|
-
/* @__PURE__ */ e(A, { href: "#", target: "_blank", children: "help guide (TODO)" }),
|
|
72
|
-
"."
|
|
73
|
-
] }),
|
|
74
|
-
/* @__PURE__ */ e(p, { variant: "headingSmall", children: "Column management" }),
|
|
75
|
-
/* @__PURE__ */ e(
|
|
76
|
-
Q,
|
|
77
|
-
{
|
|
78
|
-
name: "column-search-query",
|
|
79
|
-
placeholder: "Search",
|
|
80
|
-
value: o,
|
|
81
|
-
onChange: C,
|
|
82
|
-
onClearClick: () => C(""),
|
|
83
|
-
fill: "100%"
|
|
84
|
-
}
|
|
85
|
-
)
|
|
86
|
-
] }),
|
|
87
|
-
leftActions: [
|
|
88
|
-
{
|
|
89
|
-
label: "Reset",
|
|
90
|
-
onClick: T,
|
|
91
|
-
variant: "default",
|
|
92
|
-
disabled: d
|
|
93
|
-
}
|
|
94
|
-
],
|
|
95
|
-
rightActions: [
|
|
96
|
-
{
|
|
97
|
-
label: "Cancel",
|
|
98
|
-
onClick: l,
|
|
99
|
-
variant: "default",
|
|
100
|
-
disabled: d
|
|
101
|
-
},
|
|
102
|
-
{
|
|
103
|
-
label: "Save",
|
|
104
|
-
onClick: () => G({ visibleColumns: t[n.Visible] }),
|
|
105
|
-
variant: "primary",
|
|
106
|
-
disabled: d,
|
|
107
|
-
loading: d
|
|
108
|
-
}
|
|
109
|
-
],
|
|
110
|
-
children: /* @__PURE__ */ e(h, { spacing: "md", alignX: "stretch", children: /* @__PURE__ */ e(h, { spacing: 4, alignX: "stretch", children: /* @__PURE__ */ e(R, { items: t, setItems: u, renderDragOverlay: $, children: /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ c(j, { columns: 2, spacing: "xl", children: [
|
|
111
|
-
/* @__PURE__ */ e(w, { id: n.Visible, title: "Shown columns:", columns: M }),
|
|
112
|
-
/* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(B, { children: "Drag & Drop columns" }) }),
|
|
113
|
-
/* @__PURE__ */ e(w, { id: n.Hidden, title: "Hidden columns:", columns: x })
|
|
114
|
-
] }) }) }) }) })
|
|
115
|
-
}
|
|
116
|
-
);
|
|
1
|
+
const e = "_actionsHeaderContainer_fgqms_1", a = {
|
|
2
|
+
actionsHeaderContainer: e
|
|
117
3
|
};
|
|
118
4
|
export {
|
|
119
|
-
|
|
5
|
+
e as actionsHeaderContainer,
|
|
6
|
+
a as default
|
|
120
7
|
};
|
package/dist/index89.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=({
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("@veeqo/ui"),s=require("react"),w=require("@veeqo/components"),S=require("./index91.cjs"),i=require("./index92.cjs"),T=require("./index93.cjs"),V=require("./index94.cjs"),n=require("./index95.cjs"),D=require("./index90.cjs"),H=require("./index96.cjs"),j=require("./index97.cjs"),{Glyph:O}=w.VeeqoCommon,$=({onClose:u,columnDefinitions:G,hiddenColumns:d,visibleColumns:m,pinnedLeftColumnIds:y,pinnedRightColumnIds:f})=>{const[c,p]=s.useState(""),a=s.useMemo(()=>new Map(G.map(r=>[r.id,r])),[]),[o,g]=s.useState(()=>({[n.ColumnGroupIds.Hidden]:d,[n.ColumnGroupIds.Visible]:m})),I=s.useMemo(()=>{const r=o[n.ColumnGroupIds.Visible].map(t=>a.get(`${t}`));return j.filterColumnsBySearch(r,c)},[o,a,c]),v=s.useMemo(()=>{const r=o[n.ColumnGroupIds.Hidden].map(t=>a.get(`${t}`));return j.filterColumnsBySearch(r,c)},[o,a,c]),{isSavingColumns:h,saveColumns:M}=H.usePersistColumns({pinnedLeftColumnIds:y,pinnedRightColumnIds:f}),q=()=>{p(""),g({[n.ColumnGroupIds.Hidden]:d,[n.ColumnGroupIds.Visible]:m})},x=s.useCallback(r=>{if(p(r),!r){const t=new Set([...d,...m]);g(b=>({[n.ColumnGroupIds.Hidden]:b[n.ColumnGroupIds.Hidden].filter(C=>t.has(`${C}`)),[n.ColumnGroupIds.Visible]:b[n.ColumnGroupIds.Visible].filter(C=>t.has(`${C}`))}))}},[d,m]),k=s.useCallback(r=>{const t=a.get(`${r}`);return t?e.jsx(V.ColumnItem,{column:t,isDragOverlay:!0}):null},[a]);return e.jsx(l.Modal,{variant:"lg",style:{overflowY:"hidden"},shouldShow:!0,onClose:()=>u==null?void 0:u(),headerSlot:e.jsxs(i.HeaderContainer,{children:[e.jsxs(l.Stack,{direction:"horizontal",alignX:"between",alignY:"center",children:[e.jsxs(l.Stack,{direction:"horizontal",alignX:"start",alignY:"center",spacing:"sm",children:[e.jsx(D.TableManagementGlyph,{height:32,width:32}),e.jsx(l.Text,{variant:"headingLarge",as:"h1",children:"Table management"})]}),e.jsx(l.Button,{"aria-label":"Close modal",onClick:u,variant:"flat",iconSlot:e.jsx(O,{name:"close"})})]}),e.jsxs(l.Text,{variant:"subheadingMedium",children:["Show, hide, or change the order of the columns in the view, so you always see the data that's most important to you. Learn more with our"," ",e.jsx(l.Anchor,{href:"#",target:"_blank",children:"help guide (TODO)"}),"."]}),e.jsx(l.Text,{variant:"headingSmall",children:"Column management"}),e.jsx(i.ColumnSearch,{name:"column-search-query",placeholder:"Search",value:c,onChange:x,onClearClick:()=>x(""),fill:"100%"})]}),leftActions:[{label:"Reset",onClick:q,variant:"default",disabled:h}],rightActions:[{label:"Cancel",onClick:u,variant:"default",disabled:h},{label:"Save",onClick:()=>M({visibleColumns:o[n.ColumnGroupIds.Visible]}),variant:"primary",disabled:h,loading:h}],children:e.jsx(l.Stack,{spacing:"md",alignX:"stretch",children:e.jsx(l.Stack,{spacing:4,alignX:"stretch",children:e.jsx(T.DndContainer,{items:o,setItems:g,renderDragOverlay:k,children:e.jsx(i.Container,{children:e.jsxs(i.ColumnGroupsGrid,{columns:2,spacing:"xl",children:[e.jsx(S.ColumnGroup,{id:n.ColumnGroupIds.Visible,title:"Shown columns:",columns:I}),e.jsx(i.VerticalSeparator,{children:e.jsx(i.VerticalText,{children:"Drag & Drop columns"})}),e.jsx(S.ColumnGroup,{id:n.ColumnGroupIds.Hidden,title:"Hidden columns:",columns:v})]})})})})})})};exports.TableManagementModal=$;
|
package/dist/index89.js
CHANGED
|
@@ -1,21 +1,120 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
1
|
+
import { jsx as e, jsxs as c } from "react/jsx-runtime";
|
|
2
|
+
import { Modal as O, Stack as h, Text as p, Button as X, Anchor as A } from "@veeqo/ui";
|
|
3
|
+
import { useState as v, useMemo as f, useCallback as y } from "react";
|
|
4
|
+
import { VeeqoCommon as I } from "@veeqo/components";
|
|
5
|
+
import { ColumnGroup as w } from "./index91.js";
|
|
6
|
+
import { Container as Y, ColumnGroupsGrid as j, VerticalSeparator as z, VerticalText as B, HeaderContainer as L, ColumnSearch as Q } from "./index92.js";
|
|
7
|
+
import { DndContainer as R } from "./index93.js";
|
|
8
|
+
import { ColumnItem as q } from "./index94.js";
|
|
9
|
+
import { ColumnGroupIds as n } from "./index95.js";
|
|
10
|
+
import { TableManagementGlyph as P } from "./index90.js";
|
|
11
|
+
import { usePersistColumns as _ } from "./index96.js";
|
|
12
|
+
import { filterColumnsBySearch as V } from "./index97.js";
|
|
13
|
+
const { Glyph: E } = I, te = ({
|
|
14
|
+
onClose: l,
|
|
15
|
+
columnDefinitions: k,
|
|
16
|
+
hiddenColumns: s,
|
|
17
|
+
visibleColumns: m,
|
|
18
|
+
pinnedLeftColumnIds: D,
|
|
19
|
+
pinnedRightColumnIds: H
|
|
20
|
+
}) => {
|
|
21
|
+
const [o, b] = v(""), i = f(() => new Map(k.map((a) => [a.id, a])), []), [t, u] = v(() => ({
|
|
22
|
+
[n.Hidden]: s,
|
|
23
|
+
[n.Visible]: m
|
|
24
|
+
})), M = f(() => {
|
|
25
|
+
const a = t[n.Visible].map((r) => i.get(`${r}`));
|
|
26
|
+
return V(a, o);
|
|
27
|
+
}, [t, i, o]), x = f(() => {
|
|
28
|
+
const a = t[n.Hidden].map((r) => i.get(`${r}`));
|
|
29
|
+
return V(a, o);
|
|
30
|
+
}, [t, i, o]), { isSavingColumns: d, saveColumns: G } = _({ pinnedLeftColumnIds: D, pinnedRightColumnIds: H }), T = () => {
|
|
31
|
+
b(""), u({
|
|
32
|
+
[n.Hidden]: s,
|
|
33
|
+
[n.Visible]: m
|
|
34
|
+
});
|
|
35
|
+
}, C = y(
|
|
36
|
+
(a) => {
|
|
37
|
+
if (b(a), !a) {
|
|
38
|
+
const r = /* @__PURE__ */ new Set([...s, ...m]);
|
|
39
|
+
u((S) => ({
|
|
40
|
+
[n.Hidden]: S[n.Hidden].filter((g) => r.has(`${g}`)),
|
|
41
|
+
[n.Visible]: S[n.Visible].filter((g) => r.has(`${g}`))
|
|
42
|
+
}));
|
|
15
43
|
}
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
)
|
|
44
|
+
},
|
|
45
|
+
[s, m]
|
|
46
|
+
), $ = y(
|
|
47
|
+
(a) => {
|
|
48
|
+
const r = i.get(`${a}`);
|
|
49
|
+
return r ? /* @__PURE__ */ e(q, { column: r, isDragOverlay: !0 }) : null;
|
|
50
|
+
},
|
|
51
|
+
[i]
|
|
52
|
+
);
|
|
53
|
+
return /* @__PURE__ */ e(
|
|
54
|
+
O,
|
|
55
|
+
{
|
|
56
|
+
variant: "lg",
|
|
57
|
+
style: { overflowY: "hidden" },
|
|
58
|
+
shouldShow: !0,
|
|
59
|
+
onClose: () => l == null ? void 0 : l(),
|
|
60
|
+
headerSlot: /* @__PURE__ */ c(L, { children: [
|
|
61
|
+
/* @__PURE__ */ c(h, { direction: "horizontal", alignX: "between", alignY: "center", children: [
|
|
62
|
+
/* @__PURE__ */ c(h, { direction: "horizontal", alignX: "start", alignY: "center", spacing: "sm", children: [
|
|
63
|
+
/* @__PURE__ */ e(P, { height: 32, width: 32 }),
|
|
64
|
+
/* @__PURE__ */ e(p, { variant: "headingLarge", as: "h1", children: "Table management" })
|
|
65
|
+
] }),
|
|
66
|
+
/* @__PURE__ */ e(X, { "aria-label": "Close modal", onClick: l, variant: "flat", iconSlot: /* @__PURE__ */ e(E, { name: "close" }) })
|
|
67
|
+
] }),
|
|
68
|
+
/* @__PURE__ */ c(p, { variant: "subheadingMedium", children: [
|
|
69
|
+
"Show, hide, or change the order of the columns in the view, so you always see the data that's most important to you. Learn more with our",
|
|
70
|
+
" ",
|
|
71
|
+
/* @__PURE__ */ e(A, { href: "#", target: "_blank", children: "help guide (TODO)" }),
|
|
72
|
+
"."
|
|
73
|
+
] }),
|
|
74
|
+
/* @__PURE__ */ e(p, { variant: "headingSmall", children: "Column management" }),
|
|
75
|
+
/* @__PURE__ */ e(
|
|
76
|
+
Q,
|
|
77
|
+
{
|
|
78
|
+
name: "column-search-query",
|
|
79
|
+
placeholder: "Search",
|
|
80
|
+
value: o,
|
|
81
|
+
onChange: C,
|
|
82
|
+
onClearClick: () => C(""),
|
|
83
|
+
fill: "100%"
|
|
84
|
+
}
|
|
85
|
+
)
|
|
86
|
+
] }),
|
|
87
|
+
leftActions: [
|
|
88
|
+
{
|
|
89
|
+
label: "Reset",
|
|
90
|
+
onClick: T,
|
|
91
|
+
variant: "default",
|
|
92
|
+
disabled: d
|
|
93
|
+
}
|
|
94
|
+
],
|
|
95
|
+
rightActions: [
|
|
96
|
+
{
|
|
97
|
+
label: "Cancel",
|
|
98
|
+
onClick: l,
|
|
99
|
+
variant: "default",
|
|
100
|
+
disabled: d
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
label: "Save",
|
|
104
|
+
onClick: () => G({ visibleColumns: t[n.Visible] }),
|
|
105
|
+
variant: "primary",
|
|
106
|
+
disabled: d,
|
|
107
|
+
loading: d
|
|
108
|
+
}
|
|
109
|
+
],
|
|
110
|
+
children: /* @__PURE__ */ e(h, { spacing: "md", alignX: "stretch", children: /* @__PURE__ */ e(h, { spacing: 4, alignX: "stretch", children: /* @__PURE__ */ e(R, { items: t, setItems: u, renderDragOverlay: $, children: /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ c(j, { columns: 2, spacing: "xl", children: [
|
|
111
|
+
/* @__PURE__ */ e(w, { id: n.Visible, title: "Shown columns:", columns: M }),
|
|
112
|
+
/* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(B, { children: "Drag & Drop columns" }) }),
|
|
113
|
+
/* @__PURE__ */ e(w, { id: n.Hidden, title: "Hidden columns:", columns: x })
|
|
114
|
+
] }) }) }) }) })
|
|
115
|
+
}
|
|
116
|
+
);
|
|
117
|
+
};
|
|
19
118
|
export {
|
|
20
|
-
|
|
119
|
+
te as TableManagementModal
|
|
21
120
|
};
|
package/dist/index90.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=({height:H=16,width:V=16})=>e.jsx("svg",{width:V,height:H,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M12.6667 3.33333V12.6667H3.33333V3.33333H12.6667ZM13.4 2H2.6C2.26667 2 2 2.26667 2 2.6V13.4C2 13.6667 2.26667 14 2.6 14H13.4C13.6667 14 14 13.6667 14 13.4V2.6C14 2.26667 13.6667 2 13.4 2ZM7.33333 4.66667H11.3333V6H7.33333V4.66667ZM7.33333 7.33333H11.3333V8.66667H7.33333V7.33333ZM7.33333 10H11.3333V11.3333H7.33333V10ZM4.66667 4.66667H6V6H4.66667V4.66667ZM4.66667 7.33333H6V8.66667H4.66667V7.33333ZM4.66667 10H6V11.3333H4.66667V10Z",fill:"#37424D"})});exports.TableManagementGlyph=t;
|
package/dist/index90.js
CHANGED
|
@@ -1,15 +1,21 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
1
|
+
import { jsx as H } from "react/jsx-runtime";
|
|
2
|
+
const Z = ({ height: V = 16, width: M = 16 }) => /* @__PURE__ */ H(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
width: M,
|
|
6
|
+
height: V,
|
|
7
|
+
viewBox: "0 0 16 16",
|
|
8
|
+
fill: "none",
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
children: /* @__PURE__ */ H(
|
|
11
|
+
"path",
|
|
12
|
+
{
|
|
13
|
+
d: "M12.6667 3.33333V12.6667H3.33333V3.33333H12.6667ZM13.4 2H2.6C2.26667 2 2 2.26667 2 2.6V13.4C2 13.6667 2.26667 14 2.6 14H13.4C13.6667 14 14 13.6667 14 13.4V2.6C14 2.26667 13.6667 2 13.4 2ZM7.33333 4.66667H11.3333V6H7.33333V4.66667ZM7.33333 7.33333H11.3333V8.66667H7.33333V7.33333ZM7.33333 10H11.3333V11.3333H7.33333V10ZM4.66667 4.66667H6V6H4.66667V4.66667ZM4.66667 7.33333H6V8.66667H4.66667V7.33333ZM4.66667 10H6V11.3333H4.66667V10Z",
|
|
14
|
+
fill: "#37424D"
|
|
15
|
+
}
|
|
16
|
+
)
|
|
17
|
+
}
|
|
18
|
+
);
|
|
13
19
|
export {
|
|
14
|
-
|
|
20
|
+
Z as TableManagementGlyph
|
|
15
21
|
};
|
package/dist/index91.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 e=require("react/jsx-runtime"),o=require("@veeqo/ui"),s=require("@dnd-kit/sortable"),a=require("./index107.cjs"),l=require("./index108.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,122 +1,15 @@
|
|
|
1
|
-
import r from "
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
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
|
-
`;
|
|
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 "./index107.js";
|
|
5
|
+
import { DroppableArea as d } from "./index108.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
|
+
] });
|
|
108
13
|
export {
|
|
109
|
-
|
|
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
|
|
14
|
+
I as ColumnGroup
|
|
122
15
|
};
|