slick-table 1.1.55 → 1.1.56

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/index.es.js CHANGED
@@ -34210,20 +34210,16 @@ const QV = ie("ul")({
34210
34210
  Ul: QV,
34211
34211
  Li: JV,
34212
34212
  Icon: ej
34213
- }, tj = ({
34214
- clientId: e,
34215
- clientName: t,
34216
- setIsOpened: n
34217
- }) => {
34218
- const o = () => {
34219
- const r = bn.table, i = r?.grid;
34213
+ }, tj = ({ setIsOpened: e }) => {
34214
+ const t = () => {
34215
+ const { clientId: n, clientName: o, table: r } = bn, i = r?.grid;
34220
34216
  if (!r || !i) {
34221
- n(!1);
34217
+ e(!1);
34222
34218
  return;
34223
34219
  }
34224
- r.downloadManager.download(r, e, t), n(!1);
34220
+ r.downloadManager.download(r, n, o), e(!1);
34225
34221
  };
34226
- return /* @__PURE__ */ k.jsxs(ln.Li, { onClick: o, children: [
34222
+ return /* @__PURE__ */ k.jsxs(ln.Li, { onClick: t, children: [
34227
34223
  /* @__PURE__ */ k.jsx(ln.Icon, { className: "sgi sgi-download" }),
34228
34224
  "Download as CSV"
34229
34225
  ] });
@@ -34319,43 +34315,29 @@ const rj = ({ setIsOpened: e }) => {
34319
34315
  /* @__PURE__ */ k.jsx(ln.Icon, { className: "sgi sgi-expand-all-outline" }),
34320
34316
  "Expand all groups"
34321
34317
  ] }) : null;
34322
- }, dj = ({ clientId: e, clientName: t, setIsOpened: n }) => {
34323
- function o() {
34324
- const r = bn.table;
34325
- r?.printer.print(r, e, t), n(!1);
34318
+ }, dj = ({ setIsOpened: e }) => {
34319
+ function t() {
34320
+ const { clientId: n, clientName: o, table: r } = bn;
34321
+ r?.printer.print(r, n, o), e(!1);
34326
34322
  }
34327
- return /* @__PURE__ */ k.jsxs(ln.Li, { onClick: o, children: [
34323
+ return /* @__PURE__ */ k.jsxs(ln.Li, { onClick: t, children: [
34328
34324
  /* @__PURE__ */ k.jsx(ln.Icon, { className: "sgi sgi-printer" }),
34329
34325
  "Print"
34330
34326
  ] });
34331
- }, uj = ({ clientId: e, clientName: t }) => {
34332
- const [n, o] = fo(!1);
34333
- return ZV(o), n ? /* @__PURE__ */ k.jsxs(zr, { children: [
34334
- /* @__PURE__ */ k.jsx(Ph, { setIsOpened: o }),
34327
+ }, uj = () => {
34328
+ const [e, t] = fo(!1);
34329
+ return ZV(t), e ? /* @__PURE__ */ k.jsxs(zr, { children: [
34330
+ /* @__PURE__ */ k.jsx(Ph, { setIsOpened: t }),
34335
34331
  /* @__PURE__ */ k.jsx(Dh, { id: wb, children: /* @__PURE__ */ k.jsxs(ln.Ul, { children: [
34336
- /* @__PURE__ */ k.jsx(
34337
- dj,
34338
- {
34339
- clientId: e,
34340
- clientName: t,
34341
- setIsOpened: o
34342
- }
34343
- ),
34344
- /* @__PURE__ */ k.jsx(lj, { setIsOpened: o }),
34345
- /* @__PURE__ */ k.jsx(
34346
- tj,
34347
- {
34348
- clientId: e,
34349
- clientName: t,
34350
- setIsOpened: o
34351
- }
34352
- ),
34353
- /* @__PURE__ */ k.jsx(rj, { setIsOpened: o }),
34354
- /* @__PURE__ */ k.jsx(ij, { setIsOpened: o }),
34355
- /* @__PURE__ */ k.jsx(nj, { setIsOpened: o }),
34356
- /* @__PURE__ */ k.jsx(cj, { setIsOpened: o }),
34357
- /* @__PURE__ */ k.jsx(aj, { setIsOpened: o }),
34358
- /* @__PURE__ */ k.jsx(sj, { setIsOpened: o })
34332
+ /* @__PURE__ */ k.jsx(dj, { setIsOpened: t }),
34333
+ /* @__PURE__ */ k.jsx(lj, { setIsOpened: t }),
34334
+ /* @__PURE__ */ k.jsx(tj, { setIsOpened: t }),
34335
+ /* @__PURE__ */ k.jsx(rj, { setIsOpened: t }),
34336
+ /* @__PURE__ */ k.jsx(ij, { setIsOpened: t }),
34337
+ /* @__PURE__ */ k.jsx(nj, { setIsOpened: t }),
34338
+ /* @__PURE__ */ k.jsx(cj, { setIsOpened: t }),
34339
+ /* @__PURE__ */ k.jsx(aj, { setIsOpened: t }),
34340
+ /* @__PURE__ */ k.jsx(sj, { setIsOpened: t })
34359
34341
  ] }) })
34360
34342
  ] }) : null;
34361
34343
  }, Cb = "header-context-menu";
@@ -41413,7 +41395,7 @@ const Jm = Ys`
41413
41395
  ),
41414
41396
  /* @__PURE__ */ k.jsx(_j, {}),
41415
41397
  /* @__PURE__ */ k.jsx(XV, {}),
41416
- /* @__PURE__ */ k.jsx(uj, { clientId: 5, clientName: "BostonMart" }),
41398
+ /* @__PURE__ */ k.jsx(uj, {}),
41417
41399
  /* @__PURE__ */ k.jsx(UN, {})
41418
41400
  ] }), MW = {
41419
41401
  id: lu,
@@ -44033,7 +44015,7 @@ class AW {
44033
44015
  }
44034
44016
  class LB extends _a {
44035
44017
  constructor() {
44036
- super(...arguments), this.x = 0, this.y = 0;
44018
+ super(...arguments), this.clientId = 0, this.clientName = "", this.x = 0, this.y = 0;
44037
44019
  }
44038
44020
  }
44039
44021
  const bn = new LB();
@@ -45617,6 +45599,7 @@ export {
45617
45599
  IW as columnIsEdited,
45618
45600
  Pb as commitCurrentEdit,
45619
45601
  YB as copySelectedRows,
45602
+ bn as eventContextMenu,
45620
45603
  Nb as formatNumber,
45621
45604
  $W as formatterCheckMark,
45622
45605
  jW as formatterGroupTotals,
@@ -1,8 +1,6 @@
1
1
  import { Dispatch, FC, SetStateAction } from 'react';
2
2
  export declare const ButtonDownloadCSV: FC<TProps>;
3
3
  type TProps = {
4
- clientId: number;
5
- clientName: string;
6
4
  setIsOpened: Dispatch<SetStateAction<boolean>>;
7
5
  };
8
6
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonDownloadCSV.d.ts","sourceRoot":"","sources":["../../../../../../src/features/context-menu/ui/ButtonDownloadCSV/ButtonDownloadCSV.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAMrD,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,MAAM,CAqBxC,CAAC;AAEF,KAAK,MAAM,GAAG;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC/C,CAAC"}
1
+ {"version":3,"file":"ButtonDownloadCSV.d.ts","sourceRoot":"","sources":["../../../../../../src/features/context-menu/ui/ButtonDownloadCSV/ButtonDownloadCSV.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAMrD,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,MAAM,CAiBxC,CAAC;AAEF,KAAK,MAAM,GAAG;IACb,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC/C,CAAC"}
@@ -1,8 +1,3 @@
1
1
  import { FC } from 'react';
2
- export declare const ContextMenu: FC<Props>;
3
- interface Props {
4
- clientId: number;
5
- clientName: string;
6
- }
7
- export {};
2
+ export declare const ContextMenu: FC;
8
3
  //# sourceMappingURL=ContextMenu.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../../../src/features/context-menu/ui/ContextMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAsB,MAAM,OAAO,CAAC;AAkB/C,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,KAAK,CAiCjC,CAAC;AAEF,UAAU,KAAK;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACnB"}
1
+ {"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../../../src/features/context-menu/ui/ContextMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAsB,MAAM,OAAO,CAAC;AAkB/C,eAAO,MAAM,WAAW,EAAE,EAyBzB,CAAC"}
@@ -1,8 +1,6 @@
1
1
  import { Dispatch, FC, SetStateAction } from 'react';
2
2
  export declare const Print: FC<IProps>;
3
3
  interface IProps {
4
- clientId: number;
5
- clientName: string;
6
4
  setIsOpened: Dispatch<SetStateAction<boolean>>;
7
5
  }
8
6
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"Print.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/context-menu/ui/Print/ui/Print.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAMrD,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,MAAM,CAY5B,CAAC;AAEF,UAAU,MAAM;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC/C"}
1
+ {"version":3,"file":"Print.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/context-menu/ui/Print/ui/Print.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAMrD,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,MAAM,CAY5B,CAAC;AAEF,UAAU,MAAM;IACf,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC/C"}
@@ -1,5 +1,5 @@
1
1
  export { Skeleton } from './entities/skeleton';
2
- export { Autocomplete, ColumnPicker, ColumnSorter, DecoratorColumnFilter, DecoratorFilter, DefaultHotKeys, DefaultPrinter, DeletedRowsFilter, EditorAutocomplete, FORMATTER_NUMBER, Filter, HotKeysDecorator, PreventCopying, RedoUndoOnly, SlickTable, SlickgridTable, TotalCalculator, WithSummary, WithoutHotKeys, columnIsEdited, columnCheckboxSelector, commitCurrentEdit, copySelectedRows, formatterGroupTotals, formatterCheckMark, getDisplayedRows, getFormatterNumber, getNextId, handleHeaderButtons, headerButtons, highlightCell, highlightColumns, hotKeysCopy, hotKeysDelete, hotKeysRedo, hotKeysUndo, openColumnFilter, openContextMenu, printerCheckMark, useListenIfTablesWereEdited, } from './shared/lib/slickgrid';
2
+ export { Autocomplete, ColumnPicker, ColumnSorter, DecoratorColumnFilter, DecoratorFilter, DefaultHotKeys, DefaultPrinter, DeletedRowsFilter, EditorAutocomplete, FORMATTER_NUMBER, Filter, HotKeysDecorator, PreventCopying, RedoUndoOnly, SlickTable, SlickgridTable, TotalCalculator, WithSummary, WithoutHotKeys, columnIsEdited, columnCheckboxSelector, commitCurrentEdit, copySelectedRows, eventContextMenu, formatterGroupTotals, formatterCheckMark, getDisplayedRows, getFormatterNumber, getNextId, handleHeaderButtons, headerButtons, highlightCell, highlightColumns, hotKeysCopy, hotKeysDelete, hotKeysRedo, hotKeysUndo, openColumnFilter, openContextMenu, printerCheckMark, useListenIfTablesWereEdited, } from './shared/lib/slickgrid';
3
3
  export { formatNumber } from './shared/lib/format';
4
4
  export type { IColumn, IFilter, IFilterArguments, IFormatterNumberOptions, IHotKeysBehavior, IPrinter, ISlickTable, ITotalCalculator, } from './shared/model/types';
5
5
  export { BOLD, WINK } from './shared/model/consts';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EACN,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,MAAM,EACN,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,UAAU,EACV,cAAc,EACd,eAAe,EACf,WAAW,EACX,cAAc,EACd,cAAc,EACd,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,SAAS,EACT,mBAAmB,EACnB,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,2BAA2B,GAC3B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,YAAY,EACX,OAAO,EACP,OAAO,EACP,gBAAgB,EAChB,uBAAuB,EACvB,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,gBAAgB,GAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EACN,aAAa,EACb,mBAAmB,EACnB,SAAS,GACT,MAAM,oBAAoB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EACN,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,MAAM,EACN,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,UAAU,EACV,cAAc,EACd,eAAe,EACf,WAAW,EACX,cAAc,EACd,cAAc,EACd,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,SAAS,EACT,mBAAmB,EACnB,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,2BAA2B,GAC3B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,YAAY,EACX,OAAO,EACP,OAAO,EACP,gBAAgB,EAChB,uBAAuB,EACvB,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,gBAAgB,GAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EACN,aAAa,EACb,mBAAmB,EACnB,SAAS,GACT,MAAM,oBAAoB,CAAC"}
@@ -1,6 +1,8 @@
1
1
  import { AnEvent } from '../../../an-event';
2
2
  import { ISlickTable } from '../../../../model/types';
3
3
  declare class EventContextMenu extends AnEvent {
4
+ clientId: number;
5
+ clientName: string;
4
6
  table?: ISlickTable | undefined;
5
7
  x: number;
6
8
  y: number;
@@ -1 +1 @@
1
- {"version":3,"file":"eventContextMenu.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/lib/slickgrid/model/events/eventContextMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,cAAM,gBAAiB,SAAQ,OAAO;IACrC,KAAK,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAChC,CAAC,SAAK;IACN,CAAC,SAAK;CACN;AAED,eAAO,MAAM,gBAAgB,kBAAyB,CAAC"}
1
+ {"version":3,"file":"eventContextMenu.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/lib/slickgrid/model/events/eventContextMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,cAAM,gBAAiB,SAAQ,OAAO;IACrC,QAAQ,SAAK;IACb,UAAU,SAAM;IAChB,KAAK,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAChC,CAAC,SAAK;IACN,CAAC,SAAK;CACN;AAED,eAAO,MAAM,gBAAgB,kBAAyB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "slick-table",
3
- "version": "1.1.55",
3
+ "version": "1.1.56",
4
4
  "description": "Enhanced version of SlickGrid library",
5
5
  "private": false,
6
6
  "type": "module",
@@ -4,13 +4,9 @@ import { eventContextMenu } from "shared/lib/slickgrid";
4
4
 
5
5
  import Styled from "../ContextMenu.style";
6
6
 
7
- export const ButtonDownloadCSV: FC<TProps> = ({
8
- clientId,
9
- clientName,
10
- setIsOpened,
11
- }) => {
7
+ export const ButtonDownloadCSV: FC<TProps> = ({ setIsOpened }) => {
12
8
  const onClick = (): void => {
13
- const table = eventContextMenu.table;
9
+ const { clientId, clientName, table } = eventContextMenu;
14
10
  const grid = table?.grid;
15
11
  if (!table || !grid) {
16
12
  setIsOpened(false);
@@ -28,7 +24,5 @@ export const ButtonDownloadCSV: FC<TProps> = ({
28
24
  };
29
25
 
30
26
  type TProps = {
31
- clientId: number;
32
- clientName: string;
33
27
  setIsOpened: Dispatch<SetStateAction<boolean>>;
34
28
  };
@@ -16,7 +16,7 @@ import { Print } from "./Print";
16
16
 
17
17
  import Styled from "./ContextMenu.style";
18
18
 
19
- export const ContextMenu: FC<Props> = ({ clientId, clientName }) => {
19
+ export const ContextMenu: FC = () => {
20
20
  const [isOpened, setIsOpened] = useState(false);
21
21
 
22
22
  useSubscribeToEvent(setIsOpened);
@@ -28,17 +28,9 @@ export const ContextMenu: FC<Props> = ({ clientId, clientName }) => {
28
28
  <Overlay setIsOpened={setIsOpened} />
29
29
  <Popup id={CONTEXT_MENU}>
30
30
  <Styled.Ul>
31
- <Print
32
- clientId={clientId}
33
- clientName={clientName}
34
- setIsOpened={setIsOpened}
35
- />
31
+ <Print setIsOpened={setIsOpened} />
36
32
  <CopyToClipboard setIsOpened={setIsOpened} />
37
- <ButtonDownloadCSV
38
- clientId={clientId}
39
- clientName={clientName}
40
- setIsOpened={setIsOpened}
41
- />
33
+ <ButtonDownloadCSV setIsOpened={setIsOpened} />
42
34
  <ButtonResetFilters setIsOpened={setIsOpened} />
43
35
  <ButtonUngroup setIsOpened={setIsOpened} />
44
36
  <ButtonGroup setIsOpened={setIsOpened} />
@@ -50,8 +42,3 @@ export const ContextMenu: FC<Props> = ({ clientId, clientName }) => {
50
42
  </Fragment>
51
43
  );
52
44
  };
53
-
54
- interface Props {
55
- clientId: number;
56
- clientName: string;
57
- }
@@ -4,9 +4,9 @@ import { eventContextMenu } from "shared/lib/slickgrid";
4
4
 
5
5
  import Styled from "../../ContextMenu.style";
6
6
 
7
- export const Print: FC<IProps> = ({ clientId, clientName, setIsOpened }) => {
7
+ export const Print: FC<IProps> = ({ setIsOpened }) => {
8
8
  function onClick(): void {
9
- const table = eventContextMenu.table;
9
+ const { clientId, clientName, table } = eventContextMenu;
10
10
  table?.printer.print(table, clientId, clientName);
11
11
  setIsOpened(false);
12
12
  }
@@ -19,7 +19,5 @@ export const Print: FC<IProps> = ({ clientId, clientName, setIsOpened }) => {
19
19
  };
20
20
 
21
21
  interface IProps {
22
- clientId: number;
23
- clientName: string;
24
22
  setIsOpened: Dispatch<SetStateAction<boolean>>;
25
23
  }
package/src/index.ts CHANGED
@@ -23,6 +23,7 @@ export {
23
23
  columnCheckboxSelector,
24
24
  commitCurrentEdit,
25
25
  copySelectedRows,
26
+ eventContextMenu,
26
27
  formatterGroupTotals,
27
28
  formatterCheckMark,
28
29
  getDisplayedRows,
@@ -2,6 +2,8 @@ import { AnEvent } from "shared/lib/an-event";
2
2
  import { ISlickTable } from "shared/model/types";
3
3
 
4
4
  class EventContextMenu extends AnEvent {
5
+ clientId = 0;
6
+ clientName = "";
5
7
  table?: ISlickTable | undefined;
6
8
  x = 0;
7
9
  y = 0;
@@ -61,7 +61,7 @@ export const SlickgridTable: FC<Props> = ({
61
61
  />
62
62
  <HeaderContextMenu />
63
63
  <ColumnFilters />
64
- <ContextMenu clientId={5} clientName={"BostonMart"} />
64
+ <ContextMenu />
65
65
  <PopupSummary />
66
66
  </Styled.Wrapper>
67
67
  );