@veeqo/transfigure 1.2.13 → 2.0.0

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 (127) hide show
  1. package/dist/components/Filters/ActiveFilters/Variants/common/ActiveFilterHeader/ActiveFilterHeader.d.ts +2 -2
  2. package/dist/components/Filters/Fields/NumberRangeFilter/MuiSlider.d.ts +1 -1
  3. package/dist/components/TableManagement/components/styled.d.ts +1 -3
  4. package/dist/components/Views/OptionsDropdown/styled.d.ts +1 -1
  5. package/dist/components/Views/PillNotifications/variants/UnsavedChangesPill/UnsavedChangesPill.d.ts +1 -1
  6. package/dist/components/Views/PillNotifications/variants/styled.d.ts +1 -5
  7. package/dist/index10.cjs +1 -1
  8. package/dist/index10.js +73 -74
  9. package/dist/index100.cjs +1 -1
  10. package/dist/index100.js +15 -7
  11. package/dist/index101.cjs +12 -1
  12. package/dist/index101.js +16 -18
  13. package/dist/index102.cjs +19 -1
  14. package/dist/index102.js +24 -21
  15. package/dist/index103.cjs +1 -1
  16. package/dist/index103.js +49 -14
  17. package/dist/index104.cjs +1 -1
  18. package/dist/index104.js +29 -50
  19. package/dist/index105.cjs +1 -1
  20. package/dist/index105.js +7 -29
  21. package/dist/index106.cjs +1 -19
  22. package/dist/index106.js +24 -24
  23. package/dist/index107.cjs +78 -10
  24. package/dist/index107.js +95 -13
  25. package/dist/index108.cjs +1 -80
  26. package/dist/index108.js +2 -101
  27. package/dist/index109.cjs +1 -1
  28. package/dist/index109.js +1 -1
  29. package/dist/index11.cjs +1 -1
  30. package/dist/index11.js +1 -1
  31. package/dist/index110.cjs +1 -1
  32. package/dist/index110.js +1 -1
  33. package/dist/index113.cjs +13 -1
  34. package/dist/index113.js +17 -2
  35. package/dist/index114.cjs +1 -13
  36. package/dist/index114.js +24 -15
  37. package/dist/index115.cjs +1 -1
  38. package/dist/index115.js +32 -22
  39. package/dist/index116.cjs +1 -1
  40. package/dist/index116.js +5 -36
  41. package/dist/index117.cjs +1 -1
  42. package/dist/index117.js +63 -5
  43. package/dist/index118.cjs +1 -1
  44. package/dist/index118.js +42 -58
  45. package/dist/index13.cjs +1 -1
  46. package/dist/index13.js +1 -1
  47. package/dist/index17.cjs +1 -1
  48. package/dist/index17.js +1 -1
  49. package/dist/index19.cjs +1 -1
  50. package/dist/index19.js +18 -18
  51. package/dist/index20.cjs +1 -1
  52. package/dist/index20.js +20 -20
  53. package/dist/index21.cjs +1 -1
  54. package/dist/index21.js +21 -21
  55. package/dist/index22.cjs +1 -1
  56. package/dist/index22.js +15 -15
  57. package/dist/index25.cjs +1 -1
  58. package/dist/index25.js +1 -1
  59. package/dist/index30.cjs +1 -1
  60. package/dist/index30.js +1 -1
  61. package/dist/index31.cjs +1 -1
  62. package/dist/index31.js +1 -1
  63. package/dist/index33.cjs +1 -1
  64. package/dist/index33.js +8 -9
  65. package/dist/index34.cjs +1 -1
  66. package/dist/index34.js +1 -1
  67. package/dist/index35.cjs +1 -1
  68. package/dist/index35.js +5 -5
  69. package/dist/index36.cjs +1 -1
  70. package/dist/index36.js +2 -2
  71. package/dist/index37.cjs +1 -1
  72. package/dist/index37.js +11 -12
  73. package/dist/index39.cjs +1 -1
  74. package/dist/index39.js +1 -1
  75. package/dist/index40.cjs +1 -1
  76. package/dist/index40.js +1 -1
  77. package/dist/index41.cjs +1 -1
  78. package/dist/index41.js +1 -1
  79. package/dist/index42.cjs +1 -1
  80. package/dist/index42.js +11 -22
  81. package/dist/index44.cjs +1 -1
  82. package/dist/index44.js +1 -1
  83. package/dist/index46.cjs +1 -1
  84. package/dist/index46.js +24 -25
  85. package/dist/index47.cjs +1 -1
  86. package/dist/index47.js +2 -2
  87. package/dist/index78.cjs +1 -1
  88. package/dist/index78.js +1 -1
  89. package/dist/index80.cjs +1 -1
  90. package/dist/index80.js +1 -1
  91. package/dist/index84.cjs +1 -1
  92. package/dist/index84.js +1 -1
  93. package/dist/index85.cjs +1 -1
  94. package/dist/index85.js +1 -1
  95. package/dist/index86.cjs +1 -1
  96. package/dist/index86.js +5 -41
  97. package/dist/index87.cjs +1 -1
  98. package/dist/index87.js +2 -9
  99. package/dist/index88.cjs +1 -1
  100. package/dist/index88.js +115 -4
  101. package/dist/index89.cjs +1 -1
  102. package/dist/index89.js +39 -116
  103. package/dist/index90.cjs +1 -1
  104. package/dist/index90.js +9 -19
  105. package/dist/index91.cjs +1 -1
  106. package/dist/index91.js +13 -2
  107. package/dist/index92.cjs +104 -1
  108. package/dist/index92.js +119 -13
  109. package/dist/index93.cjs +1 -104
  110. package/dist/index93.js +65 -117
  111. package/dist/index94.cjs +1 -1
  112. package/dist/index94.js +23 -63
  113. package/dist/index95.cjs +1 -1
  114. package/dist/index95.js +2 -29
  115. package/dist/index96.cjs +1 -1
  116. package/dist/index96.js +41 -2
  117. package/dist/index97.cjs +1 -1
  118. package/dist/index97.js +9 -39
  119. package/dist/index98.cjs +1 -1
  120. package/dist/index98.js +17 -10
  121. package/dist/index99.cjs +1 -1
  122. package/dist/index99.js +21 -24
  123. package/dist/types.d.ts +2 -2
  124. package/package.json +1 -1
  125. package/dist/components/TableManagement/TableManagementGlyph.d.ts +0 -4
  126. package/dist/index120.cjs +0 -1
  127. package/dist/index120.js +0 -49
package/dist/index44.js CHANGED
@@ -2,7 +2,7 @@ import { jsxs as s, Fragment as V, jsx as e } from "react/jsx-runtime";
2
2
  import { useState as n } from "react";
3
3
  import { observer as v } from "mobx-react";
4
4
  import { ViewsContainer as S, Popover as x, Card as C, Text as L } from "@veeqo/ui";
5
- import { FixedViews as A, Divider as E } from "./index107.js";
5
+ import { FixedViews as A, Divider as E } from "./index101.js";
6
6
  import { SortableViews as b } from "./index41.js";
7
7
  import { useViews as M } from "./index62.js";
8
8
  import { useViewUrlChange as T } from "./index63.js";
package/dist/index46.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),N=require("./index89.cjs"),b=require("@veeqo/ui"),_=require("./index90.cjs"),j=require("mobx-react"),y=require("./index8.cjs"),B=require("./index52.cjs"),I=require("./index61.cjs"),O=require("./index62.cjs"),g=require("./index51.cjs"),w=j.observer(({columnDefinitions:T,pinnedRightColumnIds:i=[],pinnedLeftColumnIds:a=[]})=>{var M;const{DEFAULT_HIDDEN_COLUMNS:E,DEFAULT_VISIBLE_COLUMNS:p}=y.useBusinessLogic(),t=[...a,...i],l=E.filter(s=>!t.includes(s)),c=p.filter(s=>!t.includes(s)),S=[...l,...c],{closeModal:h,isModalOpen:q,openModal:A}=B.useModal(),{Filters:{activeViewId:n},Views:{draftViewsMap:f}}=I.useStores(),{viewsMap:x,isLoading:D}=O.useViews();if(!n||D)return null;const e=x.get(n),r=Array.isArray((M=e==null?void 0:e.columns)==null?void 0:M.columnIds),u=r?e.columns.columnIds.filter(s=>!t.includes(s)):c,L=r?S.filter(s=>!u.includes(s)):l,d=f.has(n),m=!(e!=null&&e.editable),v=m||d,C=d?"Please create a view to use table management":m?"Please choose a custom view to use table management":"Table management";return o.jsxs(o.Fragment,{children:[o.jsx(b.Tooltip,{text:C,children:o.jsx(b.Button,{"aria-label":"Open table management",onClick:()=>A(g.ModalId.ORDERS_TABLE_MANAGEMENT),size:"sm",iconSlot:o.jsx(_.TableManagementGlyph,{}),disabled:v})}),q(g.ModalId.ORDERS_TABLE_MANAGEMENT)&&o.jsx(N.TableManagementModal,{pinnedRightColumnIds:i,pinnedLeftColumnIds:a,visibleColumns:u,hiddenColumns:L,columnDefinitions:T,onClose:h})]})});exports.TableManagement=w;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),C=require("./index88.cjs"),i=require("@veeqo/ui"),I=require("mobx-react"),N=require("./index8.cjs"),_=require("./index52.cjs"),j=require("./index61.cjs"),O=require("./index62.cjs"),g=require("./index51.cjs"),w=I.observer(({columnDefinitions:T,pinnedRightColumnIds:a=[],pinnedLeftColumnIds:l=[]})=>{var b;const{DEFAULT_HIDDEN_COLUMNS:E,DEFAULT_VISIBLE_COLUMNS:S}=N.useBusinessLogic(),t=[...l,...a],c=E.filter(s=>!t.includes(s)),r=S.filter(s=>!t.includes(s)),A=[...c,...r],{closeModal:L,isModalOpen:f,openModal:p}=_.useModal(),{Filters:{activeViewId:n},Views:{draftViewsMap:q}}=j.useStores(),{viewsMap:x,isLoading:D}=O.useViews();if(!n||D)return null;const e=x.get(n),u=Array.isArray((b=e==null?void 0:e.columns)==null?void 0:b.columnIds),d=u?e.columns.columnIds.filter(s=>!t.includes(s)):r,h=u?A.filter(s=>!d.includes(s)):c,m=q.has(n),M=!(e!=null&&e.editable),v=M||m,B=m?"Please create a view to use table management":M?"Please choose a custom view to use table management":"Table management";return o.jsxs(o.Fragment,{children:[o.jsx(i.Tooltip,{text:B,children:o.jsx(i.Button,{"aria-label":"Open table management",onClick:()=>p(g.ModalId.ORDERS_TABLE_MANAGEMENT),size:"sm",iconSlot:o.jsx(i.ListBoardIcon,{}),disabled:v})}),f(g.ModalId.ORDERS_TABLE_MANAGEMENT)&&o.jsx(C.TableManagementModal,{pinnedRightColumnIds:a,pinnedLeftColumnIds:l,visibleColumns:d,hiddenColumns:h,columnDefinitions:T,onClose:L})]})});exports.TableManagement=w;
package/dist/index46.js CHANGED
@@ -1,40 +1,39 @@
1
1
  import { jsxs as v, Fragment as B, jsx as s } from "react/jsx-runtime";
2
- import { TableManagementModal as O } from "./index89.js";
3
- import { Tooltip as w, Button as x } from "@veeqo/ui";
4
- import { TableManagementGlyph as F } from "./index90.js";
5
- import { observer as I } from "mobx-react";
6
- import { useBusinessLogic as y } from "./index8.js";
7
- import { useModal as P } from "./index52.js";
8
- import { useStores as U } from "./index61.js";
9
- import { useViews as G } from "./index62.js";
10
- import { ModalId as M } from "./index51.js";
11
- const X = I(
2
+ import { TableManagementModal as I } from "./index88.js";
3
+ import { Tooltip as O, Button as w, ListBoardIcon as x } from "@veeqo/ui";
4
+ import { observer as F } from "mobx-react";
5
+ import { useBusinessLogic as P } from "./index8.js";
6
+ import { useModal as U } from "./index52.js";
7
+ import { useStores as y } from "./index61.js";
8
+ import { useViews as R } from "./index62.js";
9
+ import { ModalId as p } from "./index51.js";
10
+ const Q = F(
12
11
  ({ columnDefinitions: f, pinnedRightColumnIds: i = [], pinnedLeftColumnIds: l = [] }) => {
13
- var p;
14
- const { DEFAULT_HIDDEN_COLUMNS: b, DEFAULT_VISIBLE_COLUMNS: g } = y(), t = [...l, ...i], a = b.filter((o) => !t.includes(o)), m = g.filter((o) => !t.includes(o)), T = [...a, ...m], { closeModal: E, isModalOpen: A, openModal: D } = P(), {
12
+ var M;
13
+ const { DEFAULT_HIDDEN_COLUMNS: b, DEFAULT_VISIBLE_COLUMNS: g } = P(), t = [...l, ...i], a = b.filter((e) => !t.includes(e)), r = g.filter((e) => !t.includes(e)), T = [...a, ...r], { closeModal: E, isModalOpen: A, openModal: D } = U(), {
15
14
  Filters: { activeViewId: n },
16
- Views: { draftViewsMap: h }
17
- } = U(), { viewsMap: C, isLoading: L } = G();
18
- if (!n || L) return null;
19
- const e = C.get(n), r = Array.isArray((p = e == null ? void 0 : e.columns) == null ? void 0 : p.columnIds), c = r ? e.columns.columnIds.filter((o) => !t.includes(o)) : m, N = r ? T.filter((o) => !c.includes(o)) : a, u = h.has(n), d = !(e != null && e.editable), S = d || u, _ = u ? "Please create a view to use table management" : d ? "Please choose a custom view to use table management" : "Table management";
15
+ Views: { draftViewsMap: L }
16
+ } = y(), { viewsMap: C, isLoading: N } = R();
17
+ if (!n || N) return null;
18
+ const o = C.get(n), m = Array.isArray((M = o == null ? void 0 : o.columns) == null ? void 0 : M.columnIds), c = m ? o.columns.columnIds.filter((e) => !t.includes(e)) : r, S = m ? T.filter((e) => !c.includes(e)) : a, u = L.has(n), d = !(o != null && o.editable), _ = d || u, h = u ? "Please create a view to use table management" : d ? "Please choose a custom view to use table management" : "Table management";
20
19
  return /* @__PURE__ */ v(B, { children: [
21
- /* @__PURE__ */ s(w, { text: _, children: /* @__PURE__ */ s(
22
- x,
20
+ /* @__PURE__ */ s(O, { text: h, children: /* @__PURE__ */ s(
21
+ w,
23
22
  {
24
23
  "aria-label": "Open table management",
25
- onClick: () => D(M.ORDERS_TABLE_MANAGEMENT),
24
+ onClick: () => D(p.ORDERS_TABLE_MANAGEMENT),
26
25
  size: "sm",
27
- iconSlot: /* @__PURE__ */ s(F, {}),
28
- disabled: S
26
+ iconSlot: /* @__PURE__ */ s(x, {}),
27
+ disabled: _
29
28
  }
30
29
  ) }),
31
- A(M.ORDERS_TABLE_MANAGEMENT) && /* @__PURE__ */ s(
32
- O,
30
+ A(p.ORDERS_TABLE_MANAGEMENT) && /* @__PURE__ */ s(
31
+ I,
33
32
  {
34
33
  pinnedRightColumnIds: i,
35
34
  pinnedLeftColumnIds: l,
36
35
  visibleColumns: c,
37
- hiddenColumns: N,
36
+ hiddenColumns: S,
38
37
  columnDefinitions: f,
39
38
  onClose: E
40
39
  }
@@ -43,5 +42,5 @@ const X = I(
43
42
  }
44
43
  );
45
44
  export {
46
- X as TableManagement
45
+ Q as TableManagement
47
46
  };
package/dist/index47.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),h=require("./index86.cjs"),e=require("@veeqo/ui"),o=require("./index87.cjs"),d=require("./index61.cjs"),m=({isLoading:a,refetch:n,trackMetricClick:s,tooltipText:l="Refresh data",buttonProps:i={size:"sm",variant:"default"}})=>{const{hasChanges:r,acknowledgeButtonClick:u}=h.usePollData(),{Notifications:{notify:c}}=d.useStores(),f=async()=>{try{await n(),await u(),s==null||s()}catch{c({type:"error",text:"Failed to refresh data"})}};return t.jsxs(e.Tooltip,{className:o.default.refreshTooltip,text:l,children:[t.jsx(e.Button,{className:o.default.refreshButton,onClick:f,loading:a,disabled:a,iconSlot:t.jsx(e.RefreshIcon,{color:e.theme.colors.neutral.ink.base}),"aria-label":r?"refresh table with changes":"refresh table","aria-live":"polite",...i}),t.jsx(e.Indicator,{className:o.default.refreshIndicator,color:"red",size:"xs",style:{opacity:r?1:0}})]})};exports.RefreshButton=m;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),h=require("./index89.cjs"),e=require("@veeqo/ui"),o=require("./index90.cjs"),d=require("./index61.cjs"),m=({isLoading:a,refetch:n,trackMetricClick:s,tooltipText:l="Refresh data",buttonProps:i={size:"sm",variant:"default"}})=>{const{hasChanges:r,acknowledgeButtonClick:u}=h.usePollData(),{Notifications:{notify:c}}=d.useStores(),f=async()=>{try{await n(),await u(),s==null||s()}catch{c({type:"error",text:"Failed to refresh data"})}};return t.jsxs(e.Tooltip,{className:o.default.refreshTooltip,text:l,children:[t.jsx(e.Button,{className:o.default.refreshButton,onClick:f,loading:a,disabled:a,iconSlot:t.jsx(e.RefreshIcon,{color:e.theme.colors.neutral.ink.base}),"aria-label":r?"refresh table with changes":"refresh table","aria-live":"polite",...i}),t.jsx(e.Indicator,{className:o.default.refreshIndicator,color:"red",size:"xs",style:{opacity:r?1:0}})]})};exports.RefreshButton=m;
package/dist/index47.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsxs as m, jsx as o } from "react/jsx-runtime";
2
- import { usePollData as c } from "./index86.js";
2
+ import { usePollData as c } from "./index89.js";
3
3
  import { Tooltip as d, Button as p, RefreshIcon as u, theme as y, Indicator as x } from "@veeqo/ui";
4
- import t from "./index87.js";
4
+ import t from "./index90.js";
5
5
  import { useStores as b } from "./index61.js";
6
6
  const j = ({
7
7
  isLoading: s,
package/dist/index78.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@internationalized/date"),f=require("./index70.cjs"),F=require("./index69.cjs"),R=require("lodash/get"),A=require("./index101.cjs"),_=require("./index9.cjs"),T=r=>r&&r.__esModule?r:{default:r},n=T(R),h=({view:r,canUpdateCustomViews:g})=>{var u,c;const{DATE_RANGE_FILTERS:a,NUMBER_RANGE_FILTERS:o,GROUP_MAP:p}=_.BusinessLogicManager.getBusinessLogic(),s=Array.from(p.values()).flatMap(e=>e.fields),l=r.filters.filter||{},{colourPalette:m,customTextColour:b}=A.getViewTheme((u=r.view_attributes)==null?void 0:u.type);return{id:r.id,label:r.title,viewFilters:l,filterMaps:{filters:new Map(s.filter(e=>!a.includes(e.id)&&!o.includes(e.id)&&e.filterType!=="checkbox").map(e=>{const t=n.default(l,e.id);return[e.id,t!==void 0&&!Array.isArray(t)&&typeof t!="object"?String(t):""]}).filter(([,e])=>e!=="")),arrayFilters:new Map(s.filter(e=>e.filterType==="checkbox").map(e=>{const t=n.default(l,e.id);return[e.id,Array.isArray(t)?t:[]]}).filter(([,e])=>e.length>0)),rangeFilters:new Map(s.filter(e=>a.includes(e.id)).map(e=>{const t=n.default(l,e.id);if(!t)return null;let i;if(typeof t=="string")i=new f.RangeFilter(t);else if(typeof t=="object"&&t.gte&&t.lte){i=new f.RangeFilter("CUSTOM");const y=d.parseDate(t.gte),M=d.parseDate(t.lte);i.setDates(y,M)}else return null;return[e.id,i]}).filter(e=>e!==null)),numberRangeFilters:new Map(s.filter(e=>o.includes(e.id)).map(e=>{const t=n.default(l,e.id);if(!t||typeof t!="object")return null;const i=new F.NumberRangeFilter({filterId:e.id});return t.lte!==void 0&&i.setLte(Number(t.lte)),t.gte!==void 0&&i.setGte(Number(t.gte)),[e.id,i]}).filter(e=>e!==null))},page:r.filters.page,editable:r.editable&&g,isShared:r.shared,columns:r.columns,sort:(c=r.filters)==null?void 0:c.sort,colourPalette:m,customTextColour:b}};exports.viewsAdapter=h;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@internationalized/date"),f=require("./index70.cjs"),F=require("./index69.cjs"),R=require("lodash/get"),A=require("./index98.cjs"),_=require("./index9.cjs"),T=r=>r&&r.__esModule?r:{default:r},n=T(R),h=({view:r,canUpdateCustomViews:g})=>{var u,c;const{DATE_RANGE_FILTERS:a,NUMBER_RANGE_FILTERS:o,GROUP_MAP:p}=_.BusinessLogicManager.getBusinessLogic(),s=Array.from(p.values()).flatMap(e=>e.fields),l=r.filters.filter||{},{colourPalette:m,customTextColour:b}=A.getViewTheme((u=r.view_attributes)==null?void 0:u.type);return{id:r.id,label:r.title,viewFilters:l,filterMaps:{filters:new Map(s.filter(e=>!a.includes(e.id)&&!o.includes(e.id)&&e.filterType!=="checkbox").map(e=>{const t=n.default(l,e.id);return[e.id,t!==void 0&&!Array.isArray(t)&&typeof t!="object"?String(t):""]}).filter(([,e])=>e!=="")),arrayFilters:new Map(s.filter(e=>e.filterType==="checkbox").map(e=>{const t=n.default(l,e.id);return[e.id,Array.isArray(t)?t:[]]}).filter(([,e])=>e.length>0)),rangeFilters:new Map(s.filter(e=>a.includes(e.id)).map(e=>{const t=n.default(l,e.id);if(!t)return null;let i;if(typeof t=="string")i=new f.RangeFilter(t);else if(typeof t=="object"&&t.gte&&t.lte){i=new f.RangeFilter("CUSTOM");const y=d.parseDate(t.gte),M=d.parseDate(t.lte);i.setDates(y,M)}else return null;return[e.id,i]}).filter(e=>e!==null)),numberRangeFilters:new Map(s.filter(e=>o.includes(e.id)).map(e=>{const t=n.default(l,e.id);if(!t||typeof t!="object")return null;const i=new F.NumberRangeFilter({filterId:e.id});return t.lte!==void 0&&i.setLte(Number(t.lte)),t.gte!==void 0&&i.setGte(Number(t.gte)),[e.id,i]}).filter(e=>e!==null))},page:r.filters.page,editable:r.editable&&g,isShared:r.shared,columns:r.columns,sort:(c=r.filters)==null?void 0:c.sort,colourPalette:m,customTextColour:b}};exports.viewsAdapter=h;
package/dist/index78.js CHANGED
@@ -2,7 +2,7 @@ import { parseDate as c } from "@internationalized/date";
2
2
  import { RangeFilter as p } from "./index70.js";
3
3
  import { NumberRangeFilter as M } from "./index69.js";
4
4
  import n from "lodash/get";
5
- import { getViewTheme as F } from "./index101.js";
5
+ import { getViewTheme as F } from "./index98.js";
6
6
  import { BusinessLogicManager as R } from "./index9.js";
7
7
  const S = ({
8
8
  view: r,
package/dist/index80.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index100.cjs"),w=require("./index79.cjs"),V=require("./index78.cjs"),d=({data:n,canUpdateCustomViews:u})=>{const l={fixedViews:[...r.INITIAL_VIEWS_STATE.fixedViews],customViews:[...r.INITIAL_VIEWS_STATE.customViews],viewsMap:new Map(r.INITIAL_VIEWS_STATE.viewsMap)};if(!n)return l;let o=!1;const i=n.reduce((e,s)=>{const t=V.viewsAdapter({view:s,canUpdateCustomViews:u});return e.viewsMap.set(s.id,t),s.editable?e.customViews.push(t):e.fixedViews.push(t),s.title==="All"&&(o=!0),e},l);return o&&(i.viewsMap.delete(w.ALL_VIEW_ID),i.fixedViews.shift()),i};exports.organiseViews=d;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index105.cjs"),w=require("./index79.cjs"),V=require("./index78.cjs"),d=({data:n,canUpdateCustomViews:u})=>{const l={fixedViews:[...r.INITIAL_VIEWS_STATE.fixedViews],customViews:[...r.INITIAL_VIEWS_STATE.customViews],viewsMap:new Map(r.INITIAL_VIEWS_STATE.viewsMap)};if(!n)return l;let o=!1;const i=n.reduce((e,s)=>{const t=V.viewsAdapter({view:s,canUpdateCustomViews:u});return e.viewsMap.set(s.id,t),s.editable?e.customViews.push(t):e.fixedViews.push(t),s.title==="All"&&(o=!0),e},l);return o&&(i.viewsMap.delete(w.ALL_VIEW_ID),i.fixedViews.shift()),i};exports.organiseViews=d;
package/dist/index80.js CHANGED
@@ -1,4 +1,4 @@
1
- import { INITIAL_VIEWS_STATE as r } from "./index100.js";
1
+ import { INITIAL_VIEWS_STATE as r } from "./index105.js";
2
2
  import { ALL_VIEW_ID as p } from "./index79.js";
3
3
  import { viewsAdapter as u } from "./index78.js";
4
4
  const m = ({ data: o, canUpdateCustomViews: w }) => {
package/dist/index84.cjs CHANGED
@@ -1,3 +1,3 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index113.cjs"),s=e=>{if(!l.isError(e))return e;if(e.stack){const t=e.stack.split(`
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index108.cjs"),s=e=>{if(!l.isError(e))return e;if(e.stack){const t=e.stack.split(`
2
2
  `);if(t.length<=10)return e;const n=t==null?void 0:t[0],i=t==null?void 0:t.splice(9),r=[n,...i].join(`
3
3
  `);e.stack=r}return e};exports.filterErrorStack=s;
package/dist/index84.js CHANGED
@@ -1,4 +1,4 @@
1
- import { isError as l } from "./index113.js";
1
+ import { isError as l } from "./index108.js";
2
2
  const s = (e) => {
3
3
  if (!l(e)) return e;
4
4
  if (e.stack) {
package/dist/index85.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index113.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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index108.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,4 +1,4 @@
1
- import { isError as c } from "./index113.js";
1
+ import { isError as c } from "./index108.js";
2
2
  const s = ({
3
3
  customError: e,
4
4
  originalError: t,
package/dist/index86.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),w=require("react-use"),L=require("./index8.cjs"),m=require("./index61.cjs"),v=require("./index67.cjs"),q=require("./index55.cjs");function V(){const{TABLE_DATA_URL:h}=L.useBusinessLogic(),{Filters:{pageSize:s,activeViewId:n}}=m.useStores(),{queryParams:S}=v.useUrlParams();async function c(){const e=`${h}?${S}`,g=await q.fetcherV2(e);return JSON.stringify(g)}const[u,a]=t.useState(null),[o,l]=t.useState(!1),[f,C]=t.useState(n),[y,P]=t.useState(s),i=3e5,[D,r]=t.useState(i);return t.useEffect(()=>{const e=()=>{document.hidden?r(null):r(i)};return document.addEventListener("visibilitychange",e),()=>{document.removeEventListener("visibilitychange",e)}},[]),w.useInterval(async()=>{const e=await c();if(u===null||f!==n||y!==s){a(e),C(n),P(s);return}const d=e!==u;d&&(a(e),l(d))},o?null:D),{hasChanges:o,acknowledgeButtonClick:async()=>{l(!1),r(i),a(await c())}}}exports.usePollData=V;
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/index86.js CHANGED
@@ -1,43 +1,7 @@
1
- import { useState as t, useEffect as p } from "react";
2
- import { useInterval as P } from "react-use";
3
- import { useBusinessLogic as S } from "./index8.js";
4
- import { useStores as L } from "./index61.js";
5
- import { useUrlParams as v } from "./index67.js";
6
- import { fetcherV2 as V } from "./index55.js";
7
- function T() {
8
- const { TABLE_DATA_URL: h } = S(), {
9
- Filters: {
10
- pageSize: n,
11
- activeViewId: s
12
- }
13
- } = L(), { queryParams: m } = v();
14
- async function r() {
15
- const e = `${h}?${m}`, g = await V(e);
16
- return JSON.stringify(g);
17
- }
18
- const [c, a] = t(null), [l, u] = t(!1), [f, C] = t(s), [w, y] = t(n), i = 3e5, [D, o] = t(i);
19
- return p(() => {
20
- const e = () => {
21
- document.hidden ? o(null) : o(i);
22
- };
23
- return document.addEventListener("visibilitychange", e), () => {
24
- document.removeEventListener("visibilitychange", e);
25
- };
26
- }, []), P(
27
- async () => {
28
- const e = await r();
29
- if (c === null || f !== s || w !== n) {
30
- a(e), C(s), y(n);
31
- return;
32
- }
33
- const d = e !== c;
34
- d && (a(e), u(d));
35
- },
36
- l ? null : D
37
- ), { hasChanges: l, acknowledgeButtonClick: async () => {
38
- u(!1), o(i), a(await r());
39
- } };
40
- }
1
+ const e = "_actionsHeaderContainer_fgqms_1", a = {
2
+ actionsHeaderContainer: e
3
+ };
41
4
  export {
42
- T as usePollData
5
+ e as actionsHeaderContainer,
6
+ a as default
43
7
  };
package/dist/index87.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_refreshTooltip_v0eu8_1",r="_refreshButton_v0eu8_5",t="_refreshIndicator_v0eu8_9",o={refreshTooltip:e,refreshButton:r,refreshIndicator:t};exports.default=o;exports.refreshButton=r;exports.refreshIndicator=t;exports.refreshTooltip=e;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=t=>t.trim().length>=3||t.trim().length===0;exports.isTextFilterValid=e;
package/dist/index87.js CHANGED
@@ -1,11 +1,4 @@
1
- const e = "_refreshTooltip_v0eu8_1", r = "_refreshButton_v0eu8_5", t = "_refreshIndicator_v0eu8_9", o = {
2
- refreshTooltip: e,
3
- refreshButton: r,
4
- refreshIndicator: t
5
- };
1
+ const i = (t) => t.trim().length >= 3 || t.trim().length === 0;
6
2
  export {
7
- o as default,
8
- r as refreshButton,
9
- t as refreshIndicator,
10
- e as refreshTooltip
3
+ i as isTextFilterValid
11
4
  };
package/dist/index88.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 e=require("react/jsx-runtime"),n=require("@veeqo/ui"),t=require("react"),j=require("./index91.cjs"),i=require("./index92.cjs"),q=require("./index93.cjs"),D=require("./index94.cjs"),s=require("./index95.cjs"),T=require("./index96.cjs"),b=require("./index97.cjs"),V=({onClose:u,columnDefinitions:G,hiddenColumns:d,visibleColumns:m,pinnedLeftColumnIds:I,pinnedRightColumnIds:f})=>{const[c,p]=t.useState(""),a=t.useMemo(()=>new Map(G.map(r=>[r.id,r])),[]),[o,g]=t.useState(()=>({[s.ColumnGroupIds.Hidden]:d,[s.ColumnGroupIds.Visible]:m})),y=t.useMemo(()=>{const r=o[s.ColumnGroupIds.Visible].map(l=>a.get(`${l}`));return b.filterColumnsBySearch(r,c)},[o,a,c]),v=t.useMemo(()=>{const r=o[s.ColumnGroupIds.Hidden].map(l=>a.get(`${l}`));return b.filterColumnsBySearch(r,c)},[o,a,c]),{isSavingColumns:h,saveColumns:k}=T.usePersistColumns({pinnedLeftColumnIds:I,pinnedRightColumnIds:f}),M=()=>{p(""),g({[s.ColumnGroupIds.Hidden]:d,[s.ColumnGroupIds.Visible]:m})},x=t.useCallback(r=>{if(p(r),!r){const l=new Set([...d,...m]);g(S=>({[s.ColumnGroupIds.Hidden]:S[s.ColumnGroupIds.Hidden].filter(C=>l.has(`${C}`)),[s.ColumnGroupIds.Visible]:S[s.ColumnGroupIds.Visible].filter(C=>l.has(`${C}`))}))}},[d,m]),w=t.useCallback(r=>{const l=a.get(`${r}`);return l?e.jsx(D.ColumnItem,{column:l,isDragOverlay:!0}):null},[a]);return e.jsx(n.Modal,{variant:"lg",style:{overflowY:"hidden"},shouldShow:!0,onClose:()=>u==null?void 0:u(),headerSlot:e.jsxs(i.HeaderContainer,{children:[e.jsxs(n.Stack,{direction:"horizontal",alignX:"between",alignY:"center",children:[e.jsxs(n.Stack,{direction:"horizontal",alignX:"start",alignY:"center",spacing:"sm",children:[e.jsx(n.ListBoardIcon,{height:n.theme.sizes.lg,width:n.theme.sizes.lg}),e.jsx(n.Text,{variant:"headingLarge",as:"h1",children:"Table management"})]}),e.jsx(n.Button,{"aria-label":"Close modal",onClick:u,variant:"flat",iconSlot:e.jsx(n.CloseIcon,{})})]}),e.jsxs(n.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(n.Anchor,{href:"#",target:"_blank",children:"help guide (TODO)"}),"."]}),e.jsx(n.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:M,variant:"default",disabled:h}],rightActions:[{label:"Cancel",onClick:u,variant:"default",disabled:h},{label:"Save",onClick:()=>k({visibleColumns:o[s.ColumnGroupIds.Visible]}),variant:"primary",disabled:h,loading:h}],children:e.jsx(n.Stack,{spacing:"md",alignX:"stretch",children:e.jsx(n.Stack,{spacing:4,alignX:"stretch",children:e.jsx(q.DndContainer,{items:o,setItems:g,renderDragOverlay:w,children:e.jsx(i.Container,{children:e.jsxs(i.ColumnGroupsGrid,{columns:2,spacing:"xl",children:[e.jsx(j.ColumnGroup,{id:s.ColumnGroupIds.Visible,title:"Shown columns:",columns:y}),e.jsx(i.VerticalSeparator,{children:e.jsx(i.VerticalText,{children:"Drag & Drop columns"})}),e.jsx(j.ColumnGroup,{id:s.ColumnGroupIds.Hidden,title:"Hidden columns:",columns:v})]})})})})})})};exports.TableManagementModal=V;
package/dist/index88.js CHANGED
@@ -1,7 +1,118 @@
1
- const e = "_actionsHeaderContainer_fgqms_1", a = {
2
- actionsHeaderContainer: e
1
+ import { jsx as e, jsxs as s } from "react/jsx-runtime";
2
+ import { Modal as G, Stack as h, ListBoardIcon as O, theme as v, Text as p, Button as X, CloseIcon as A, Anchor as B } from "@veeqo/ui";
3
+ import { useState as w, useMemo as f, useCallback as y } from "react";
4
+ import { ColumnGroup as V } from "./index91.js";
5
+ import { Container as L, ColumnGroupsGrid as Y, VerticalSeparator as j, VerticalText as Q, HeaderContainer as R, ColumnSearch as P } from "./index92.js";
6
+ import { DndContainer as _ } from "./index93.js";
7
+ import { ColumnItem as q } from "./index94.js";
8
+ import { ColumnGroupIds as n } from "./index95.js";
9
+ import { usePersistColumns as E } from "./index96.js";
10
+ import { filterColumnsBySearch as k } from "./index97.js";
11
+ const ae = ({
12
+ onClose: l,
13
+ columnDefinitions: D,
14
+ hiddenColumns: c,
15
+ visibleColumns: d,
16
+ pinnedLeftColumnIds: H,
17
+ pinnedRightColumnIds: M
18
+ }) => {
19
+ const [o, b] = w(""), r = f(() => new Map(D.map((i) => [i.id, i])), []), [t, u] = w(() => ({
20
+ [n.Hidden]: c,
21
+ [n.Visible]: d
22
+ })), x = f(() => {
23
+ const i = t[n.Visible].map((a) => r.get(`${a}`));
24
+ return k(i, o);
25
+ }, [t, r, o]), I = f(() => {
26
+ const i = t[n.Hidden].map((a) => r.get(`${a}`));
27
+ return k(i, o);
28
+ }, [t, r, o]), { isSavingColumns: m, saveColumns: T } = E({ pinnedLeftColumnIds: H, pinnedRightColumnIds: M }), $ = () => {
29
+ b(""), u({
30
+ [n.Hidden]: c,
31
+ [n.Visible]: d
32
+ });
33
+ }, C = y(
34
+ (i) => {
35
+ if (b(i), !i) {
36
+ const a = /* @__PURE__ */ new Set([...c, ...d]);
37
+ u((S) => ({
38
+ [n.Hidden]: S[n.Hidden].filter((g) => a.has(`${g}`)),
39
+ [n.Visible]: S[n.Visible].filter((g) => a.has(`${g}`))
40
+ }));
41
+ }
42
+ },
43
+ [c, d]
44
+ ), z = y(
45
+ (i) => {
46
+ const a = r.get(`${i}`);
47
+ return a ? /* @__PURE__ */ e(q, { column: a, isDragOverlay: !0 }) : null;
48
+ },
49
+ [r]
50
+ );
51
+ return /* @__PURE__ */ e(
52
+ G,
53
+ {
54
+ variant: "lg",
55
+ style: { overflowY: "hidden" },
56
+ shouldShow: !0,
57
+ onClose: () => l == null ? void 0 : l(),
58
+ headerSlot: /* @__PURE__ */ s(R, { children: [
59
+ /* @__PURE__ */ s(h, { direction: "horizontal", alignX: "between", alignY: "center", children: [
60
+ /* @__PURE__ */ s(h, { direction: "horizontal", alignX: "start", alignY: "center", spacing: "sm", children: [
61
+ /* @__PURE__ */ e(O, { height: v.sizes.lg, width: v.sizes.lg }),
62
+ /* @__PURE__ */ e(p, { variant: "headingLarge", as: "h1", children: "Table management" })
63
+ ] }),
64
+ /* @__PURE__ */ e(X, { "aria-label": "Close modal", onClick: l, variant: "flat", iconSlot: /* @__PURE__ */ e(A, {}) })
65
+ ] }),
66
+ /* @__PURE__ */ s(p, { variant: "subheadingMedium", children: [
67
+ "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",
68
+ " ",
69
+ /* @__PURE__ */ e(B, { href: "#", target: "_blank", children: "help guide (TODO)" }),
70
+ "."
71
+ ] }),
72
+ /* @__PURE__ */ e(p, { variant: "headingSmall", children: "Column management" }),
73
+ /* @__PURE__ */ e(
74
+ P,
75
+ {
76
+ name: "column-search-query",
77
+ placeholder: "Search",
78
+ value: o,
79
+ onChange: C,
80
+ onClearClick: () => C(""),
81
+ fill: "100%"
82
+ }
83
+ )
84
+ ] }),
85
+ leftActions: [
86
+ {
87
+ label: "Reset",
88
+ onClick: $,
89
+ variant: "default",
90
+ disabled: m
91
+ }
92
+ ],
93
+ rightActions: [
94
+ {
95
+ label: "Cancel",
96
+ onClick: l,
97
+ variant: "default",
98
+ disabled: m
99
+ },
100
+ {
101
+ label: "Save",
102
+ onClick: () => T({ visibleColumns: t[n.Visible] }),
103
+ variant: "primary",
104
+ disabled: m,
105
+ loading: m
106
+ }
107
+ ],
108
+ children: /* @__PURE__ */ e(h, { spacing: "md", alignX: "stretch", children: /* @__PURE__ */ e(h, { spacing: 4, alignX: "stretch", children: /* @__PURE__ */ e(_, { items: t, setItems: u, renderDragOverlay: z, children: /* @__PURE__ */ e(L, { children: /* @__PURE__ */ s(Y, { columns: 2, spacing: "xl", children: [
109
+ /* @__PURE__ */ e(V, { id: n.Visible, title: "Shown columns:", columns: x }),
110
+ /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(Q, { children: "Drag & Drop columns" }) }),
111
+ /* @__PURE__ */ e(V, { id: n.Hidden, title: "Hidden columns:", columns: I })
112
+ ] }) }) }) }) })
113
+ }
114
+ );
3
115
  };
4
116
  export {
5
- e as actionsHeaderContainer,
6
- a as default
117
+ ae as TableManagementModal
7
118
  };
package/dist/index89.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("./index92.cjs"),i=require("./index93.cjs"),T=require("./index94.cjs"),V=require("./index95.cjs"),n=require("./index96.cjs"),D=require("./index90.cjs"),H=require("./index97.cjs"),j=require("./index98.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.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),w=require("react-use"),L=require("./index8.cjs"),m=require("./index61.cjs"),v=require("./index67.cjs"),q=require("./index55.cjs");function V(){const{TABLE_DATA_URL:h}=L.useBusinessLogic(),{Filters:{pageSize:s,activeViewId:n}}=m.useStores(),{queryParams:S}=v.useUrlParams();async function c(){const e=`${h}?${S}`,g=await q.fetcherV2(e);return JSON.stringify(g)}const[u,a]=t.useState(null),[o,l]=t.useState(!1),[f,C]=t.useState(n),[y,P]=t.useState(s),i=3e5,[D,r]=t.useState(i);return t.useEffect(()=>{const e=()=>{document.hidden?r(null):r(i)};return document.addEventListener("visibilitychange",e),()=>{document.removeEventListener("visibilitychange",e)}},[]),w.useInterval(async()=>{const e=await c();if(u===null||f!==n||y!==s){a(e),C(n),P(s);return}const d=e!==u;d&&(a(e),l(d))},o?null:D),{hasChanges:o,acknowledgeButtonClick:async()=>{l(!1),r(i),a(await c())}}}exports.usePollData=V;
package/dist/index89.js CHANGED
@@ -1,120 +1,43 @@
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 "./index92.js";
6
- import { Container as Y, ColumnGroupsGrid as j, VerticalSeparator as z, VerticalText as B, HeaderContainer as L, ColumnSearch as Q } from "./index93.js";
7
- import { DndContainer as R } from "./index94.js";
8
- import { ColumnItem as q } from "./index95.js";
9
- import { ColumnGroupIds as n } from "./index96.js";
10
- import { TableManagementGlyph as P } from "./index90.js";
11
- import { usePersistColumns as _ } from "./index97.js";
12
- import { filterColumnsBySearch as V } from "./index98.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
- }));
1
+ import { useState as t, useEffect as p } from "react";
2
+ import { useInterval as P } from "react-use";
3
+ import { useBusinessLogic as S } from "./index8.js";
4
+ import { useStores as L } from "./index61.js";
5
+ import { useUrlParams as v } from "./index67.js";
6
+ import { fetcherV2 as V } from "./index55.js";
7
+ function T() {
8
+ const { TABLE_DATA_URL: h } = S(), {
9
+ Filters: {
10
+ pageSize: n,
11
+ activeViewId: s
12
+ }
13
+ } = L(), { queryParams: m } = v();
14
+ async function r() {
15
+ const e = `${h}?${m}`, g = await V(e);
16
+ return JSON.stringify(g);
17
+ }
18
+ const [c, a] = t(null), [l, u] = t(!1), [f, C] = t(s), [w, y] = t(n), i = 3e5, [D, o] = t(i);
19
+ return p(() => {
20
+ const e = () => {
21
+ document.hidden ? o(null) : o(i);
22
+ };
23
+ return document.addEventListener("visibilitychange", e), () => {
24
+ document.removeEventListener("visibilitychange", e);
25
+ };
26
+ }, []), P(
27
+ async () => {
28
+ const e = await r();
29
+ if (c === null || f !== s || w !== n) {
30
+ a(e), C(s), y(n);
31
+ return;
43
32
  }
33
+ const d = e !== c;
34
+ d && (a(e), u(d));
44
35
  },
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
- };
36
+ l ? null : D
37
+ ), { hasChanges: l, acknowledgeButtonClick: async () => {
38
+ u(!1), o(i), a(await r());
39
+ } };
40
+ }
118
41
  export {
119
- te as TableManagementModal
42
+ T as usePollData
120
43
  };
package/dist/index90.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.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_refreshTooltip_v0eu8_1",r="_refreshButton_v0eu8_5",t="_refreshIndicator_v0eu8_9",o={refreshTooltip:e,refreshButton:r,refreshIndicator:t};exports.default=o;exports.refreshButton=r;exports.refreshIndicator=t;exports.refreshTooltip=e;
package/dist/index90.js CHANGED
@@ -1,21 +1,11 @@
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
- );
1
+ const e = "_refreshTooltip_v0eu8_1", r = "_refreshButton_v0eu8_5", t = "_refreshIndicator_v0eu8_9", o = {
2
+ refreshTooltip: e,
3
+ refreshButton: r,
4
+ refreshIndicator: t
5
+ };
19
6
  export {
20
- Z as TableManagementGlyph
7
+ o as default,
8
+ r as refreshButton,
9
+ t as refreshIndicator,
10
+ e as refreshTooltip
21
11
  };
package/dist/index91.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=t=>t.trim().length>=3||t.trim().length===0;exports.isTextFilterValid=e;
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("./index109.cjs"),l=require("./index110.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;