@licklist/design 0.44.488 → 0.44.489

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.
@@ -5,7 +5,6 @@ export declare type EventStatisticModalProps = {
5
5
  setIsOpen: (value: boolean) => void;
6
6
  eventStatistic?: EventStatistic | null;
7
7
  title?: string;
8
- date?: string;
9
8
  };
10
- export declare const EventStatisticModal: ({ isOpen, setIsOpen, eventStatistic, title, date, }: EventStatisticModalProps) => JSX.Element;
9
+ export declare const EventStatisticModal: ({ isOpen, setIsOpen, eventStatistic, title, }: EventStatisticModalProps) => JSX.Element;
11
10
  //# sourceMappingURL=EventStatisticModal.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"EventStatisticModal.d.ts","sourceRoot":"","sources":["../../../src/events/event-statistic-modal/EventStatisticModal.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAKlG,oBAAY,wBAAwB,GAAG;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,mBAAmB,wDAM7B,wBAAwB,gBAiD1B,CAAC"}
1
+ {"version":3,"file":"EventStatisticModal.d.ts","sourceRoot":"","sources":["../../../src/events/event-statistic-modal/EventStatisticModal.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAKlG,oBAAY,wBAAwB,GAAG;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,mBAAmB,kDAK7B,wBAAwB,gBAgD1B,CAAC"}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),a=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,l=require("react-i18next"),n=require("react-bootstrap"),r=require("../../static/Icon.js");require("../../table/MenuButton.js"),require("../../table/FilterHelperComponent.js"),require("../../table/PaginationHelperComponent.js"),require("../../table/PerPageHelperComponent.js");var s=require("../../table/StaticTable.js");require("../../table/TableHelperComponent.js");var i=require("./hooks/useTableData.js");exports.EventStatisticModal=function(e){var t=e.isOpen,o=e.setIsOpen,c=e.eventStatistic,u=e.title,m=e.date,d=l.useTranslation("Design").t,b=i.useTableData(c,m),p=function(){o(!1)};return a.createElement(n.Modal,{show:t,onHide:p,animation:!1,centered:!0,contentClassName:"rounded",className:"event-statistic-modal"},a.createElement(n.Modal.Header,null,a.createElement(n.Modal.Title,{as:"h6"},null!=u?u:d("eventStatistic")),a.createElement(n.Button,{variant:"danger",className:"btn-sm rounded",onClick:p},a.createElement(r.default,{type:"times",height:"1rem"}))),a.createElement(n.Modal.Body,null,b.length?a.createElement(a.Fragment,null,a.createElement("h5",{className:"mb-5"},d("statistics")),a.createElement(s.StaticTable,{columns:[{key:"name",label:""},{key:"quantity",label:""},{key:"total",label:""}],data:b,className:"event-statistic-table"})):a.createElement("div",{className:"no-statistic"},a.createElement("h5",null,d("noStatisticsForSelectedEvent")))))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),a=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,l=require("react-i18next"),n=require("react-bootstrap"),r=require("../../static/Icon.js");require("../../table/MenuButton.js"),require("../../table/FilterHelperComponent.js"),require("../../table/PaginationHelperComponent.js"),require("../../table/PerPageHelperComponent.js");var s=require("../../table/StaticTable.js");require("../../table/TableHelperComponent.js");var i=require("./hooks/useTableData.js");exports.EventStatisticModal=function(e){var t=e.isOpen,o=e.setIsOpen,c=e.eventStatistic,u=e.title,m=l.useTranslation("Design").t,d=i.useTableData(c),b=function(){o(!1)};return a.createElement(n.Modal,{show:t,onHide:b,animation:!1,centered:!0,contentClassName:"rounded",className:"event-statistic-modal"},a.createElement(n.Modal.Header,null,a.createElement(n.Modal.Title,{as:"h6"},null!=u?u:m("eventStatistic")),a.createElement(n.Button,{variant:"danger",className:"btn-sm rounded",onClick:b},a.createElement(r.default,{type:"times",height:"1rem"}))),a.createElement(n.Modal.Body,null,d.length?a.createElement(a.Fragment,null,a.createElement("h5",{className:"mb-5"},m("statistics")),a.createElement(s.StaticTable,{columns:[{key:"name",label:""},{key:"quantity",label:""},{key:"total",label:""}],data:d,className:"event-statistic-table"})):a.createElement("div",{className:"no-statistic"},a.createElement("h5",null,m("noStatisticsForSelectedEvent")))))};
@@ -1,4 +1,4 @@
1
1
  import { EventStatistic } from "@licklist/core/dist/DataMapper/Provider/EventStatisticDataMapper";
2
2
  import { StaticTableData } from "../../../table";
3
- export declare const useTableData: (eventStatistic: EventStatistic | null, date: string) => StaticTableData[];
3
+ export declare const useTableData: (eventStatistic: EventStatistic | null) => StaticTableData[];
4
4
  //# sourceMappingURL=useTableData.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useTableData.d.ts","sourceRoot":"","sources":["../../../../src/events/event-statistic-modal/hooks/useTableData.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAElG,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,eAAO,MAAM,YAAY,mBACP,cAAc,GAAG,IAAI,QAC/B,MAAM,sBA+Eb,CAAC"}
1
+ {"version":3,"file":"useTableData.d.ts","sourceRoot":"","sources":["../../../../src/events/event-statistic-modal/hooks/useTableData.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAElG,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,eAAO,MAAM,YAAY,mBAAoB,cAAc,GAAG,IAAI,sBA2EjE,CAAC"}
@@ -1 +1 @@
1
- "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),r=require("react"),n=e(r),u=require("@licklist/core/dist/Config"),i=require("react-i18next"),a=e(require("clsx")),c=require("react-intl"),o=require("../utils/index.js");exports.useTableData=function(e,s){var l=i.useTranslation("Design").t,f=c.useIntl().formatNumber,d=t.__read(r.useState([]),2),y=d[0],T=d[1],b=function(e,t){return void 0===t&&(t=!1),n.createElement("div",{className:a("bold",t&&"header-row")},e)},q=function(e){var t=String(e);return Object.keys(o.TRANSLATION_KEYS).includes(t)?l(t):t};return r.useEffect((function(){T(function(e,t){if(!e)return[];var r=[];return o.convertEventStatisticToTableData(e,t).forEach((function(e){var t=e.name,n=e.quantity,i=e.total,a=e.isBold,c=e.isHeader,s=e.key,l=Object.keys(o.TRANSLATION_KEYS).includes(String(i))?i:f(Number(i),{style:"currency",currency:u.Currency.GBP}),d=q(t),y=q(n);a?r.push({name:b(d,c),quantity:b(y,c),total:b(t===o.TRANSLATION_KEYS.total?"Total: ".concat(l):l,c),key:s}):r.push({name:d,quantity:y,total:l,key:s})})),r}(e,s))}),[e]),y};
1
+ "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),r=require("react"),n=e(r),u=require("@licklist/core/dist/Config"),i=require("react-i18next"),a=e(require("clsx")),c=require("react-intl"),o=require("../utils/index.js");exports.useTableData=function(e){var s=i.useTranslation("Design").t,l=c.useIntl().formatNumber,f=t.__read(r.useState([]),2),d=f[0],y=f[1],T=function(e,t){return void 0===t&&(t=!1),n.createElement("div",{className:a("bold",t&&"header-row")},e)},b=function(e){var t=String(e);return Object.keys(o.TRANSLATION_KEYS).includes(t)?s(t):t};return r.useEffect((function(){y(function(e){if(!e)return[];var t=[];return o.convertEventStatisticToTableData(e).forEach((function(e){var r=e.name,n=e.quantity,i=e.total,a=e.isBold,c=e.isHeader,s=e.key,f=Object.keys(o.TRANSLATION_KEYS).includes(String(i))?i:l(Number(i),{style:"currency",currency:u.Currency.GBP}),d=b(r),y=b(n);a?t.push({name:T(d,c),quantity:T(y,c),total:T(r===o.TRANSLATION_KEYS.total?"Total: ".concat(f):f,c),key:s}):t.push({name:d,quantity:y,total:f,key:s})})),t}(e))}),[e]),d};
@@ -4,7 +4,7 @@ export declare const TRANSLATION_KEYS: {
4
4
  total: string;
5
5
  totalPerCategory: string;
6
6
  };
7
- export declare const convertEventStatisticToTableData: (eventStatistic: EventStatistic, date: string) => {
7
+ export declare const convertEventStatisticToTableData: (eventStatistic: EventStatistic) => {
8
8
  name: string;
9
9
  key: string;
10
10
  isHeader?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/events/event-statistic-modal/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAIlG,eAAO,MAAM,gBAAgB;;;;CAI5B,CAAC;AAEF,eAAO,MAAM,gCAAgC,mBAC3B,cAAc,QACxB,MAAM;UAUJ,MAAM;SACP,MAAM;eACA,OAAO;aACT,OAAO;cACN,MAAM,GAAG,MAAM;WAClB,MAAM,GAAG,MAAM;GA0DzB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/events/event-statistic-modal/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAElG,eAAO,MAAM,gBAAgB;;;;CAI5B,CAAC;AAEF,eAAO,MAAM,gCAAgC,mBAC3B,cAAc;UAUtB,MAAM;SACP,MAAM;eACA,OAAO;aACT,OAAO;cACN,MAAM,GAAG,MAAM;WAClB,MAAM,GAAG,MAAM;GA0DzB,CAAC"}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@licklist/core/dist/Config"),o=require("luxon"),a={shortQuantity:"shortQuantity",total:"total",totalPerCategory:"totalPerCategory"};exports.TRANSLATION_KEYS=a,exports.convertEventStatisticToTableData=function(e,r){var n,c,i=0,l=0;if(!e)return[];var u=[],s=o.DateTime.fromISO(r).toUTC().toFormat(t.DATE_TIME_FULL_FORMAT);return null===(c=null===(n=null==e?void 0:e.productCategorySummary)||void 0===n?void 0:n[s])||void 0===c||c.forEach((function(t){var o=t.totalPerCategory,e=t.productsSummary,r=void 0===e?[]:e,n=t.categoryName,c=t.eventId,s=0;i+=o||0,u.push({name:n,key:"".concat(c,".").concat(n),isBold:!0,isHeader:!0,quantity:a.shortQuantity,total:a.total}),null==r||r.forEach((function(t){var o=t.productsSold,a=t.name,e=t.totalQuantity,r=t.total;s+=o,u.push({name:a,key:"".concat(c,".").concat(n,".").concat(a),quantity:e?"".concat(o," / ").concat(e):String(o),total:String(r)})})),u.push({name:a.totalPerCategory,key:"".concat(c,".").concat(n,".").concat(a.totalPerCategory),quantity:s,total:o,isBold:!0}),l+=s})),u.push({name:a.total,key:"".concat(a.total,".").concat(i),quantity:l,total:i,isBold:!0}),u};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t={shortQuantity:"shortQuantity",total:"total",totalPerCategory:"totalPerCategory"};exports.TRANSLATION_KEYS=t,exports.convertEventStatisticToTableData=function(a){var o,n=0,e=0;if(!a)return[];var r=[];return null===(o=Object.values(null==a?void 0:a.productCategorySummary))||void 0===o||o.forEach((function(a){null==a||a.forEach((function(a){var o=a.totalPerCategory,c=a.productsSummary,l=void 0===c?[]:c,u=a.categoryName,i=a.eventId,y=0;n+=o||0,r.push({name:u,key:"".concat(i,".").concat(u),isBold:!0,isHeader:!0,quantity:t.shortQuantity,total:t.total}),null==l||l.forEach((function(t){var a=t.productsSold,o=t.name,n=t.totalQuantity,e=t.total;y+=a,r.push({name:o,key:"".concat(i,".").concat(u,".").concat(o),quantity:n?"".concat(a," / ").concat(n):String(a),total:String(e)})})),r.push({name:t.totalPerCategory,key:"".concat(i,".").concat(u,".").concat(t.totalPerCategory),quantity:y,total:o,isBold:!0}),e+=y}))})),r.push({name:t.total,key:"".concat(t.total,".").concat(n),quantity:e,total:n,isBold:!0}),r};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@licklist/design",
3
- "version": "0.44.488",
3
+ "version": "0.44.489",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
@@ -11,7 +11,6 @@ export type EventStatisticModalProps = {
11
11
  setIsOpen: (value: boolean) => void;
12
12
  eventStatistic?: EventStatistic | null;
13
13
  title?: string;
14
- date?: string;
15
14
  };
16
15
 
17
16
  export const EventStatisticModal = ({
@@ -19,11 +18,9 @@ export const EventStatisticModal = ({
19
18
  setIsOpen,
20
19
  eventStatistic,
21
20
  title,
22
- date,
23
21
  }: EventStatisticModalProps) => {
24
22
  const { t } = useTranslation("Design");
25
- const data = useTableData(eventStatistic, date);
26
-
23
+ const data = useTableData(eventStatistic);
27
24
  const handleClose = () => {
28
25
  setIsOpen(false);
29
26
  };
@@ -7,10 +7,7 @@ import { EventStatistic } from "@licklist/core/dist/DataMapper/Provider/EventSta
7
7
  import { convertEventStatisticToTableData, TRANSLATION_KEYS } from "../utils";
8
8
  import { StaticTableData } from "../../../table";
9
9
 
10
- export const useTableData = (
11
- eventStatistic: EventStatistic | null,
12
- date: string
13
- ) => {
10
+ export const useTableData = (eventStatistic: EventStatistic | null) => {
14
11
  const { t } = useTranslation("Design");
15
12
  const { formatNumber } = useIntl();
16
13
  const [tableRows, setTableRows] = useState<StaticTableData[]>([]);
@@ -31,17 +28,14 @@ export const useTableData = (
31
28
  return t(key);
32
29
  };
33
30
 
34
- const transformStatisticToTableRows = (
35
- statistic: EventStatistic | null,
36
- date: string
37
- ) => {
31
+ const transformStatisticToTableRows = (statistic: EventStatistic | null) => {
38
32
  if (!statistic) {
39
33
  return [];
40
34
  }
41
35
 
42
36
  const tableDataRows: StaticTableData[] = [];
43
37
 
44
- convertEventStatisticToTableData(statistic, date).forEach(
38
+ convertEventStatisticToTableData(statistic).forEach(
45
39
  ({ name, quantity, total, isBold, isHeader, key }) => {
46
40
  const formattedTotal = !Object.keys(TRANSLATION_KEYS).includes(
47
41
  String(total)
@@ -83,7 +77,7 @@ export const useTableData = (
83
77
  };
84
78
 
85
79
  useEffect(() => {
86
- setTableRows(transformStatisticToTableRows(eventStatistic, date));
80
+ setTableRows(transformStatisticToTableRows(eventStatistic));
87
81
  // eslint-disable-next-line react-hooks/exhaustive-deps
88
82
  }, [eventStatistic]);
89
83
 
@@ -1,6 +1,4 @@
1
1
  import { EventStatistic } from "@licklist/core/dist/DataMapper/Provider/EventStatisticDataMapper";
2
- import { DateTime } from "luxon";
3
- import { DATE_TIME_FULL_FORMAT } from "@licklist/core/dist/Config";
4
2
 
5
3
  export const TRANSLATION_KEYS = {
6
4
  shortQuantity: "shortQuantity",
@@ -9,8 +7,7 @@ export const TRANSLATION_KEYS = {
9
7
  };
10
8
 
11
9
  export const convertEventStatisticToTableData = (
12
- eventStatistic: EventStatistic,
13
- date: string
10
+ eventStatistic: EventStatistic
14
11
  ) => {
15
12
  let totalAmount = 0;
16
13
  let totalQuantity = 0;
@@ -28,49 +25,49 @@ export const convertEventStatisticToTableData = (
28
25
  total: string | number;
29
26
  }[] = [];
30
27
 
31
- const formattedDate = DateTime.fromISO(date)
32
- .toUTC()
33
- .toFormat(DATE_TIME_FULL_FORMAT);
28
+ Object.values(eventStatistic?.productCategorySummary)?.forEach(
29
+ (categories) => {
30
+ categories?.forEach(
31
+ ({ totalPerCategory, productsSummary = [], categoryName, eventId }) => {
32
+ let quantity = 0;
34
33
 
35
- eventStatistic?.productCategorySummary?.[formattedDate]?.forEach(
36
- ({ totalPerCategory, productsSummary = [], categoryName, eventId }) => {
37
- let quantity = 0;
34
+ totalAmount += totalPerCategory || 0;
38
35
 
39
- totalAmount += totalPerCategory || 0;
36
+ tableDataArray.push({
37
+ name: categoryName,
38
+ key: `${eventId}.${categoryName}`,
39
+ isBold: true,
40
+ isHeader: true,
41
+ quantity: TRANSLATION_KEYS.shortQuantity,
42
+ total: TRANSLATION_KEYS.total,
43
+ });
40
44
 
41
- tableDataArray.push({
42
- name: categoryName,
43
- key: `${eventId}.${categoryName}`,
44
- isBold: true,
45
- isHeader: true,
46
- quantity: TRANSLATION_KEYS.shortQuantity,
47
- total: TRANSLATION_KEYS.total,
48
- });
45
+ productsSummary?.forEach(
46
+ ({ productsSold, name, totalQuantity, total }) => {
47
+ quantity += productsSold;
49
48
 
50
- productsSummary?.forEach(
51
- ({ productsSold, name, totalQuantity, total }) => {
52
- quantity += productsSold;
49
+ tableDataArray.push({
50
+ name,
51
+ key: `${eventId}.${categoryName}.${name}`,
52
+ quantity: totalQuantity
53
+ ? `${productsSold} / ${totalQuantity}`
54
+ : String(productsSold),
55
+ total: String(total),
56
+ });
57
+ }
58
+ );
53
59
 
54
60
  tableDataArray.push({
55
- name,
56
- key: `${eventId}.${categoryName}.${name}`,
57
- quantity: totalQuantity
58
- ? `${productsSold} / ${totalQuantity}`
59
- : String(productsSold),
60
- total: String(total),
61
+ name: TRANSLATION_KEYS.totalPerCategory,
62
+ key: `${eventId}.${categoryName}.${TRANSLATION_KEYS.totalPerCategory}`,
63
+ quantity,
64
+ total: totalPerCategory,
65
+ isBold: true,
61
66
  });
67
+
68
+ totalQuantity += quantity;
62
69
  }
63
70
  );
64
-
65
- tableDataArray.push({
66
- name: TRANSLATION_KEYS.totalPerCategory,
67
- key: `${eventId}.${categoryName}.${TRANSLATION_KEYS.totalPerCategory}`,
68
- quantity,
69
- total: totalPerCategory,
70
- isBold: true,
71
- });
72
-
73
- totalQuantity += quantity;
74
71
  }
75
72
  );
76
73