@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.
Files changed (118) hide show
  1. package/dist/BusinessLogic/types.d.ts +1 -0
  2. package/dist/components/Views/ViewList/ViewsList.d.ts +5 -1
  3. package/dist/constants/viewConstants.d.ts +2 -0
  4. package/dist/index.cjs +1 -1
  5. package/dist/index.js +16 -14
  6. package/dist/index10.cjs +1 -1
  7. package/dist/index10.js +14 -13
  8. package/dist/index100.cjs +1 -1
  9. package/dist/index100.js +20 -14
  10. package/dist/index101.cjs +1 -19
  11. package/dist/index101.js +14 -23
  12. package/dist/index102.cjs +12 -1
  13. package/dist/index102.js +16 -24
  14. package/dist/index103.cjs +1 -12
  15. package/dist/index103.js +33 -16
  16. package/dist/index104.cjs +1 -80
  17. package/dist/index104.js +28 -100
  18. package/dist/index105.cjs +1 -1
  19. package/dist/index105.js +24 -2
  20. package/dist/index106.cjs +80 -1
  21. package/dist/index106.js +101 -19
  22. package/dist/index107.cjs +1 -1
  23. package/dist/index107.js +18 -7
  24. package/dist/index108.cjs +1 -1
  25. package/dist/index108.js +7 -63
  26. package/dist/index109.cjs +1 -1
  27. package/dist/index109.js +60 -26
  28. package/dist/index11.cjs +1 -1
  29. package/dist/index11.js +1 -1
  30. package/dist/index110.cjs +1 -13
  31. package/dist/index110.js +30 -17
  32. package/dist/index111.cjs +1 -1
  33. package/dist/index111.js +2 -26
  34. package/dist/index112.cjs +13 -1
  35. package/dist/index112.js +14 -33
  36. package/dist/index113.cjs +1 -7
  37. package/dist/index113.js +36 -10
  38. package/dist/index114.cjs +1 -1
  39. package/dist/index114.js +25 -62
  40. package/dist/index115.cjs +1 -1
  41. package/dist/index115.js +58 -42
  42. package/dist/index116.cjs +1 -0
  43. package/dist/index116.js +49 -0
  44. package/dist/index117.cjs +7 -0
  45. package/dist/index117.js +12 -0
  46. package/dist/index17.cjs +1 -1
  47. package/dist/index17.js +1 -1
  48. package/dist/index22.cjs +1 -1
  49. package/dist/index22.js +1 -1
  50. package/dist/index31.cjs +1 -1
  51. package/dist/index31.js +1 -1
  52. package/dist/index34.cjs +1 -1
  53. package/dist/index34.js +1 -1
  54. package/dist/index36.cjs +1 -1
  55. package/dist/index36.js +62 -60
  56. package/dist/index39.cjs +1 -1
  57. package/dist/index39.js +1 -1
  58. package/dist/index40.cjs +1 -1
  59. package/dist/index40.js +1 -1
  60. package/dist/index41.cjs +1 -1
  61. package/dist/index41.js +1 -1
  62. package/dist/index42.cjs +1 -1
  63. package/dist/index42.js +1 -1
  64. package/dist/index44.cjs +1 -1
  65. package/dist/index44.js +36 -34
  66. package/dist/index46.cjs +1 -1
  67. package/dist/index46.js +2 -2
  68. package/dist/index62.cjs +1 -1
  69. package/dist/index62.js +31 -49
  70. package/dist/index7.cjs +1 -1
  71. package/dist/index7.js +4 -4
  72. package/dist/index80.cjs +1 -1
  73. package/dist/index80.js +20 -6
  74. package/dist/index81.cjs +1 -1
  75. package/dist/index81.js +7 -2
  76. package/dist/index82.cjs +1 -1
  77. package/dist/index82.js +2 -9
  78. package/dist/index83.cjs +1 -3
  79. package/dist/index83.js +8 -13
  80. package/dist/index84.cjs +3 -1
  81. package/dist/index84.js +13 -8
  82. package/dist/index85.cjs +1 -1
  83. package/dist/index85.js +8 -4
  84. package/dist/index88.cjs +1 -1
  85. package/dist/index88.js +4 -117
  86. package/dist/index89.cjs +1 -1
  87. package/dist/index89.js +117 -18
  88. package/dist/index90.cjs +1 -1
  89. package/dist/index90.js +19 -13
  90. package/dist/index91.cjs +1 -104
  91. package/dist/index91.js +13 -120
  92. package/dist/index92.cjs +104 -1
  93. package/dist/index92.js +117 -65
  94. package/dist/index93.cjs +1 -1
  95. package/dist/index93.js +63 -24
  96. package/dist/index94.cjs +1 -1
  97. package/dist/index94.js +29 -2
  98. package/dist/index95.cjs +1 -1
  99. package/dist/index95.js +2 -41
  100. package/dist/index96.cjs +1 -1
  101. package/dist/index96.js +39 -9
  102. package/dist/index97.cjs +1 -1
  103. package/dist/index97.js +9 -31
  104. package/dist/index98.cjs +1 -1
  105. package/dist/index98.js +7 -29
  106. package/dist/index99.cjs +19 -1
  107. package/dist/index99.js +24 -21
  108. package/dist/mocks/createMockTransformedView.d.ts +2 -0
  109. package/dist/mocks/createMockView.d.ts +2 -0
  110. package/dist/storybookHelpers/Code.d.ts +3 -0
  111. package/dist/storybookHelpers/apiMocks/views/mockSeededAllView.d.ts +26 -0
  112. package/dist/types.d.ts +5 -0
  113. package/dist/utils/index.d.ts +1 -0
  114. package/dist/utils/organiseViews/index.d.ts +1 -0
  115. package/dist/utils/organiseViews/organiseViews.d.ts +18 -0
  116. package/dist/utils/organiseViews/organiseViews.test.d.ts +1 -0
  117. package/package.json +1 -1
  118. /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 c } from "./index105.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})`));
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 injectIntoError
15
+ s as filterErrorStack
11
16
  };
package/dist/index85.cjs CHANGED
@@ -1 +1 @@
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;
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
- const e = "_actionsHeaderContainer_fgqms_1", a = {
2
- actionsHeaderContainer: e
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
- e as actionsHeaderContainer,
6
- a as default
10
+ s as injectIntoError
7
11
  };
package/dist/index88.cjs CHANGED
@@ -1 +1 @@
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("./index90.cjs"),i=require("./index91.cjs"),T=require("./index92.cjs"),V=require("./index93.cjs"),n=require("./index94.cjs"),D=require("./index89.cjs"),H=require("./index95.cjs"),j=require("./index96.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=$;
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
- 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 "./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
- te as TableManagementModal
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=({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;
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 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"
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
- Z as TableManagementGlyph
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"),o=require("@veeqo/ui"),s=require("@dnd-kit/sortable"),a=require("./index106.cjs"),l=require("./index107.cjs"),c=require("./index93.cjs"),u=require("./index94.cjs"),d=require("./index91.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 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 { 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 "./index106.js";
5
- import { DroppableArea as d } from "./index107.js";
6
- import { ColumnItem as l } from "./index93.js";
7
- import { ColumnGroupIds as c } from "./index94.js";
8
- import { StickyText as f } from "./index91.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 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
- I as ColumnGroup
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 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"),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 "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
- `;
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
- 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
14
+ I as ColumnGroup
122
15
  };