@licklist/design 0.47.3 → 0.48.0-dev.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 (27) hide show
  1. package/dist/events/event-card/utils.d.ts.map +1 -1
  2. package/dist/events/event-card/utils.js +1 -1
  3. package/dist/sales/manual-booking/number-input-horizontal/NumberInputHorizontal.d.ts +1 -0
  4. package/dist/sales/manual-booking/number-input-horizontal/NumberInputHorizontal.d.ts.map +1 -1
  5. package/dist/sales/manual-booking/number-input-horizontal/NumberInputHorizontal.js +1 -1
  6. package/dist/static/switch/BooleanSwitch.d.ts +3 -1
  7. package/dist/static/switch/BooleanSwitch.d.ts.map +1 -1
  8. package/dist/static/switch/BooleanSwitch.js +1 -1
  9. package/dist/styles/sales/BookingFilter.scss +3 -1
  10. package/dist/styles/sales/BookingResults.scss +1 -1
  11. package/dist/styles/sales/ManualBooking.scss +1 -4
  12. package/dist/styles/static/Switch.scss +1 -0
  13. package/dist/table/TableHelperComponent.d.ts +2 -1
  14. package/dist/table/TableHelperComponent.d.ts.map +1 -1
  15. package/dist/table/TableHelperComponent.js +1 -1
  16. package/package.json +3 -3
  17. package/src/events/event-card/utils.ts +4 -9
  18. package/src/report/DataFieldsSelector/index.ts +1 -1
  19. package/src/report/ReportRunnerModal/ReportRunnerModal.tsx +1 -1
  20. package/src/report/ReportTypeSelect/index.ts +1 -1
  21. package/src/sales/manual-booking/number-input-horizontal/NumberInputHorizontal.tsx +6 -5
  22. package/src/static/switch/BooleanSwitch.tsx +6 -2
  23. package/src/styles/sales/BookingFilter.scss +3 -1
  24. package/src/styles/sales/BookingResults.scss +1 -1
  25. package/src/styles/sales/ManualBooking.scss +1 -4
  26. package/src/styles/static/Switch.scss +1 -0
  27. package/src/table/TableHelperComponent.tsx +18 -3
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/events/event-card/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAGlG,wBAAgB,aAAa,CAAC,OAAO,KAAA,EAAE,UAAU,KAAA,OAIhD;AAED,eAAO,MAAM,wBAAwB,2CAepC,CAAC;AAEF,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAE1C;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,UACvB,MAAM,EAAE,kBACC,cAAc,KAC7B,MAUF,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,2BAA2B,UAC/B,MAAM,EAAE,kBACC,cAAc,KAC7B,CAAC,MAAM,EAAE,MAAM,CAejB,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB,mBACX,cAAc,GAAG,IAAI,QAC/B,MAAM;gBAEA,MAAM;eACP,MAAM;iBACJ,MAAM;CA2BpB,CAAC"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/events/event-card/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAGlG,wBAAgB,aAAa,CAAC,OAAO,KAAA,EAAE,UAAU,KAAA,OAIhD;AAED,eAAO,MAAM,wBAAwB,2CAepC,CAAC;AAEF,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAE1C;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,UACvB,MAAM,EAAE,kBACC,cAAc,KAC7B,MAIA,CAAC;AAEJ;;;;;;;GAOG;AACH,eAAO,MAAM,2BAA2B,UAC/B,MAAM,EAAE,kBACC,cAAc,KAC7B,CAAC,MAAM,EAAE,MAAM,CAejB,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB,mBACX,cAAc,GAAG,IAAI,QAC/B,MAAM;gBAEA,MAAM;eACP,MAAM;iBACJ,MAAM;CA4BpB,CAAC"}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),r=require("@licklist/core/dist/Config"),e=require("luxon");var o=300,n=function(t,r){return t.reduce((function(t,e){var o;return t+Object.values(null!==(o=r.views[e])&&void 0!==o?o:{}).reduce((function(t,r){return t+(r.pageViews||0)}),0)}),0)},u=function(t,r){var e=0,o=0;return t.forEach((function(t){var n;return Object.values(null!==(n=r.productCategorySummary[t])&&void 0!==n?n:{}).forEach((function(t){var r,n=t.totalPerCategory,u=t.productsSummary;o+=n||0,e+=null!==(r=null==u?void 0:u.reduce((function(t,r){return t+r.productsSold}),0))&&void 0!==r?r:0}))})),[e,o]};exports.EVENT_DESCRIPTION_SIZE=o,exports.calculateTotalSoldAndAmount=u,exports.calculateTotalViews=n,exports.formatContent=function(t,r){return t?t.length>r?"".concat(t.slice(0,r),"..."):t:""},exports.formatContentWithoutTags=function(t,r){if(void 0===r&&(r=o),!t)return"";if(t<r)return t;var e=t.replace(/<[^>]*>/g,"").trim().replace(/&nbsp;|[^a-zA-Z0-9\s]/g,"").replace(/\s\s+/g," ").slice(0,r).split(" "),n=String(t).indexOf(e[e.length-2]);return t.slice(0,n).concat("...")},exports.getStatisticInfo=function(o,a){var i,l;if(!o)return{totalViews:0,totalSold:0,totalAmount:0};var c=e.DateTime.fromISO(a).toUTC().toFormat(r.DATE_FORMAT),s=e.DateTime.fromISO(a).toUTC().toFormat(r.DATE_FORMAT),d=null!==(l=null===(i=Object.keys(null==o?void 0:o.productCategorySummary))||void 0===i?void 0:i.filter((function(t){return e.DateTime.fromFormat(t,r.DATE_TIME_FULL_FORMAT).toFormat(r.DATE_FORMAT)===s})))&&void 0!==l?l:[],f=n([c],o),m=t.__read(u(d,o),2);return{totalViews:f,totalSold:m[0],totalAmount:m[1]}};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),r=require("@licklist/core/dist/Config"),o=require("luxon");var e=300,n=function(t,r){return t.reduce((function(t,o){var e,n;return t+(null!==(n=null===(e=r.views[o])||void 0===e?void 0:e.pageViews)&&void 0!==n?n:0)}),0)},i=function(t,r){var o=0,e=0;return t.forEach((function(t){var n;return Object.values(null!==(n=r.productCategorySummary[t])&&void 0!==n?n:{}).forEach((function(t){var r,n=t.totalPerCategory,i=t.productsSummary;e+=n||0,o+=null!==(r=null==i?void 0:i.reduce((function(t,r){return t+r.productsSold}),0))&&void 0!==r?r:0}))})),[o,e]};exports.EVENT_DESCRIPTION_SIZE=e,exports.calculateTotalSoldAndAmount=i,exports.calculateTotalViews=n,exports.formatContent=function(t,r){return t?t.length>r?"".concat(t.slice(0,r),"..."):t:""},exports.formatContentWithoutTags=function(t,r){if(void 0===r&&(r=e),!t)return"";if(t<r)return t;var o=t.replace(/<[^>]*>/g,"").trim().replace(/&nbsp;|[^a-zA-Z0-9\s]/g,"").replace(/\s\s+/g," ").slice(0,r).split(" "),n=String(t).indexOf(o[o.length-2]);return t.slice(0,n).concat("...")},exports.getStatisticInfo=function(e,u){var a,l;if(!e)return{totalViews:0,totalSold:0,totalAmount:0};var c=o.DateTime.fromISO(u).toUTC().toFormat(r.DATE_FORMAT),s=o.DateTime.fromISO(u).toUTC().toFormat(r.DATE_FORMAT),d=null!==(l=null===(a=Object.keys(null==e?void 0:e.productCategorySummary))||void 0===a?void 0:a.filter((function(t){return o.DateTime.fromFormat(t,r.DATE_TIME_FULL_FORMAT).toFormat(r.DATE_FORMAT)===s})))&&void 0!==l?l:[],f=n([c],e),v=t.__read(i(d,e),2);return{totalViews:f,totalSold:v[0],totalAmount:v[1]}};
@@ -15,6 +15,7 @@ interface NumberInputHorizontalProps {
15
15
  defaultValue?: number;
16
16
  hasCurrency?: boolean;
17
17
  isLoading?: boolean;
18
+ shouldHideButtons?: boolean;
18
19
  }
19
20
  export declare const NumberInputHorizontal: React.ForwardRefExoticComponent<NumberInputHorizontalProps & React.RefAttributes<HTMLInputElement>>;
20
21
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"NumberInputHorizontal.d.ts","sourceRoot":"","sources":["../../../../src/sales/manual-booking/number-input-horizontal/NumberInputHorizontal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAK1D,KAAK,KAAK,GAAG,KAAK,GAAG,OAAO,CAAC;AAE7B,UAAU,0BAA0B;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,qBAAqB,qGAkHjC,CAAC"}
1
+ {"version":3,"file":"NumberInputHorizontal.d.ts","sourceRoot":"","sources":["../../../../src/sales/manual-booking/number-input-horizontal/NumberInputHorizontal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAK1D,KAAK,KAAK,GAAG,KAAK,GAAG,OAAO,CAAC;AAE7B,UAAU,0BAA0B;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,qBAAqB,qGAkHjC,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("react"),i=e(t),n=require("react-i18next"),a=require("react-bootstrap"),l=require("../../../static/Icon.js"),s=e(require("clsx"));require("../../../static/index.js");var r=t.forwardRef((function(e,t){var r=e.disabled,o=void 0!==r&&r,u=e.className,c=void 0===u?"":u,m=e.value,d=e.step,b=e.size,p=void 0===b?"small":b,v=e.hasCurrency,f=e.onChange,N=e.onPlusClick,z=e.onMinusClick,g=e.onSelect,y=e.min,_=e.max,x=e.defaultValue,C=e.isLoading,k=void 0!==C&&C,E=(0,n.useTranslation(["Sale"]).t)("Sale:soldOut"),j="big"===p,h=s(c,"licklist-number-input-horizontal");return i.createElement("div",{className:h},i.createElement("button",{type:"button",onClick:function(){void 0!==y&&m>y&&z(m-1),void 0===y&&z(m-1)},className:["licklist-number-input-horizontal__btn-minus",j?"big-sizes-btn":"small-sizes-btn"].join(" "),disabled:o},i.createElement(l.default,{type:"minus",className:j?"big_icon":"small_icon"})),i.createElement("div",{className:["position-relative d-flex",o&&j&&"w-100"].join(" ")},v&&i.createElement("div",{className:"currency"},"£"),i.createElement(a.FormControl,{ref:t,onClick:function(e){g&&g(e),e.target.select()},type:o&&j?"text":"number",className:s(j?"big-sizes-input":"small-sizes-input",o&&"border-0"),onChange:function(e){return f(Number(e.target.value))},value:o&&j&&!k?E:m,min:y,max:_,step:d,defaultValue:x,disabled:o&&!g})),i.createElement("button",{type:"button",onClick:function(){void 0!==_&&m<_&&N(m+1),void 0===_&&N(m+1)},className:["licklist-number-input-horizontal__btn-plus",j?"big-sizes-btn":"small-sizes-btn"].join(" "),disabled:o},i.createElement(l.default,{type:"plus",className:j?"big_icon":"small_icon"})))}));r.displayName="NumberInputHorizontal",exports.NumberInputHorizontal=r;
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("react"),i=e(t),n=require("react-i18next"),a=require("react-bootstrap"),l=require("../../../static/Icon.js"),s=e(require("clsx"));require("../../../static/index.js");var o=t.forwardRef((function(e,t){var o=e.disabled,r=void 0!==o&&o,u=e.shouldHideButtons,c=e.className,m=void 0===c?"":c,d=e.value,b=e.step,p=e.size,v=void 0===p?"small":p,f=e.hasCurrency,N=e.onChange,z=e.onPlusClick,g=e.onMinusClick,y=e.onSelect,_=e.min,x=e.max,C=e.defaultValue,k=e.isLoading,E=void 0!==k&&k,h=(0,n.useTranslation(["Sale"]).t)("Sale:soldOut"),j="big"===v,q=s(m,"licklist-number-input-horizontal");return i.createElement("div",{className:q},i.createElement("button",{type:"button",onClick:function(){void 0!==_&&d>_&&g(d-1),void 0===_&&g(d-1)},className:["licklist-number-input-horizontal__btn-minus",j?"big-sizes-btn":"small-sizes-btn"].join(" "),disabled:r||u},i.createElement(l.default,{type:"minus",className:j?"big_icon":"small_icon"})),i.createElement("div",{className:["position-relative d-flex",r&&j&&"w-100"].join(" ")},f&&i.createElement("div",{className:"currency"},"£"),i.createElement(a.FormControl,{ref:t,onClick:function(e){y&&y(e),e.target.select()},type:r&&j?"text":"number",className:s(j?"big-sizes-input":"small-sizes-input"),onChange:function(e){return N(Number(e.target.value))},value:r&&j&&!E?h:d,min:_,max:x,step:b,defaultValue:C,disabled:r})),i.createElement("button",{type:"button",onClick:function(){void 0!==x&&d<x&&z(d+1),void 0===x&&z(d+1)},className:["licklist-number-input-horizontal__btn-plus",j?"big-sizes-btn":"small-sizes-btn"].join(" "),disabled:r||u},i.createElement(l.default,{type:"plus",className:j?"big_icon":"small_icon"})))}));o.displayName="NumberInputHorizontal",exports.NumberInputHorizontal=o;
@@ -4,6 +4,8 @@ export interface BooleanSwitchProps {
4
4
  value?: boolean;
5
5
  disabled?: boolean;
6
6
  onChange: (value: boolean) => void;
7
+ firstValueTitle?: string;
8
+ secondValueTitle?: string;
7
9
  }
8
- export declare function BooleanSwitch({ name, value, disabled, onChange, }: BooleanSwitchProps): JSX.Element;
10
+ export declare function BooleanSwitch({ name, value, disabled, onChange, firstValueTitle, secondValueTitle, }: BooleanSwitchProps): JSX.Element;
9
11
  //# sourceMappingURL=BooleanSwitch.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"BooleanSwitch.d.ts","sourceRoot":"","sources":["../../../src/static/switch/BooleanSwitch.tsx"],"names":[],"mappings":";AAKA,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE,kBAAkB,eAwBpB"}
1
+ {"version":3,"file":"BooleanSwitch.d.ts","sourceRoot":"","sources":["../../../src/static/switch/BooleanSwitch.tsx"],"names":[],"mappings":";AAKA,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,gBAAgB,GACjB,EAAE,kBAAkB,eAwBpB"}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,a=require("tslib"),t=require("react"),i=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,n=require("react-i18next"),r=require("./Switch.js");exports.BooleanSwitch=function(e){var o=e.name,u=e.value,l=e.disabled,s=e.onChange,c=n.useTranslation("Design").t,d=[{id:1,value:c("yes")},{id:0,value:c("no")}],v=t.useCallback((function(e){s(Boolean(e))}),[s]);return i.createElement(r.Switch,a.__assign({name:o},void 0!==u&&{value:Number(u)},{options:d,disabled:l,onChange:v}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),a=require("react"),i=(e=a)&&"object"==typeof e&&"default"in e?e.default:e,n=require("react-i18next"),l=require("./Switch.js");exports.BooleanSwitch=function(e){var r=e.name,u=e.value,o=e.disabled,s=e.onChange,c=e.firstValueTitle,d=e.secondValueTitle,v=n.useTranslation("Design").t,b=[{id:1,value:null!=c?c:v("yes")},{id:0,value:null!=d?d:v("no")}],f=a.useCallback((function(e){s(Boolean(e))}),[s]);return i.createElement(l.Switch,t.__assign({name:r},void 0!==u&&{value:Number(u)},{options:b,disabled:o,onChange:f}))};
@@ -164,10 +164,12 @@
164
164
 
165
165
  @include media-breakpoint-down(md) {
166
166
  flex-wrap: wrap;
167
+
167
168
  .date-container {
168
169
  width: 100%;
169
170
  flex: 1;
170
171
  }
172
+
171
173
  .btn-primary {
172
174
  margin-top: 1rem;
173
175
  }
@@ -230,4 +232,4 @@
230
232
  }
231
233
  }
232
234
  }
233
- }
235
+ }
@@ -5,7 +5,7 @@
5
5
  flex-wrap: wrap;
6
6
 
7
7
  .result-card {
8
- height: 14.25rem;
8
+ height: 14rem;
9
9
  border: 1px solid $gray-400;
10
10
  max-width: calc(50% - 0.75rem);
11
11
  flex: 0 0 calc(50% - 0.75rem);
@@ -291,10 +291,7 @@
291
291
  width: 7rem;
292
292
  height: 2.6rem;
293
293
  }
294
- .small-sizes-input:disabled {
295
- border: none;
296
- background-color: white !important;
297
- }
294
+
298
295
  .big-sizes-input {
299
296
  height: 3.75rem;
300
297
  font-size: 1.7rem;
@@ -27,6 +27,7 @@ $btn-switch-option-padding-y: calc(#{$btn-padding-y} - #{sp(1)}) !default;
27
27
  border-radius: $btn-switch-option-border-radius;
28
28
  margin: 0;
29
29
  padding: $btn-switch-option-padding-y $btn-switch-option-padding-x;
30
+ min-width: 4.25rem;
30
31
 
31
32
  &:hover,
32
33
  &:active,
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import { SetStateAction } from "react";
2
2
  import ILengthAwarePaginator from "@licklist/plugins/dist/types/services/Table/ILengthAwarePaginator";
3
3
  import ITableHeader from "@licklist/plugins/dist/types/services/Table/ITableHeader";
4
4
  import ITableProps from "@licklist/plugins/dist/types/services/Table/ITableProps";
@@ -18,6 +18,7 @@ export interface TableHelperComponentProps {
18
18
  [key: string]: any;
19
19
  };
20
20
  initialOptions?: Partial<ITableProps>;
21
+ filteredOrdersOptions?: (value: SetStateAction<ITableProps>) => void;
21
22
  }
22
23
  /**
23
24
  * TableHelperComponent
@@ -1 +1 @@
1
- {"version":3,"file":"TableHelperComponent.d.ts","sourceRoot":"","sources":["../../src/table/TableHelperComponent.tsx"],"names":[],"mappings":";AAQA,OAAO,qBAAqB,MAAM,mEAAmE,CAAC;AACtG,OAAO,YAAY,MAAM,0DAA0D,CAAC;AACpF,OAAO,WAAW,MAAM,yDAAyD,CAAC;AAQlF,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,YAAY,EAAE,QAAQ,CAAC;IACvB,SAAS,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IACzC,cAAc,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CACvC;AAUD;;;;;;GAMG;AACH,iBAAS,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,eAsP7D;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
1
+ {"version":3,"file":"TableHelperComponent.d.ts","sourceRoot":"","sources":["../../src/table/TableHelperComponent.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAC;AAOnE,OAAO,qBAAqB,MAAM,mEAAmE,CAAC;AACtG,OAAO,YAAY,MAAM,0DAA0D,CAAC;AACpF,OAAO,WAAW,MAAM,yDAAyD,CAAC;AAQlF,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,YAAY,EAAE,QAAQ,CAAC;IACvB,SAAS,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IACzC,cAAc,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACtC,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CACtE;AAUD;;;;;;GAMG;AACH,iBAAS,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,eAoQ7D;AAED,OAAO,EAAE,oBAAoB,EAAE,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),i=require("react-router-dom"),a=e(require("@licklist/plugins/dist/services/Route/RouteService")),o=require("../static/loader/LoaderIndicator.js"),l=require("react-bootstrap"),s=e(require("@licklist/plugins/dist/hooks/Query/useQuery")),u=require("lodash"),c=require("./FilterHelperComponent.js"),p=require("./PaginationHelperComponent.js"),d=e(require("@licklist/plugins/dist/services/Table/TableService")),g=require("./PerPageHelperComponent.js"),f=require("./utils/index.js");exports.TableHelperComponent=function(e){var _,m,v=e.paginator,E=e.headers,y=e.renderItemFn,S=e.isLoading,h=e.onRefreshFn,C=e.refreshAt,P=e.striped,b=void 0===P||P,q=e.bordered,F=void 0===q||q,j=e.displaySearchBar,D=void 0===j||j,k=e.displayPerPageSelect,L=void 0===k||k,w=e.displayShowingSection,H=void 0===w||w,O=e.externalFilters,R=void 0===O?{}:O,T=e.initialOptions,N=void 0===T?{}:T,V=s(),K=i.useLocation().pathname,I=Number(f.getFilterOptionsValue(V,N,"page")),x=Number(f.getFilterOptionsValue(V,N,"perPage")),A=String(f.getFilterOptionsValue(V,N,"sortKey")),U=String(f.getFilterOptionsValue(V,N,"sortDirection")),Q=String(f.getFilterOptionsValue(V,N,"filter")),B=t.__read(r.useState(),2),G=B[0],M=B[1],z=t.__read(r.useState({page:I,perPage:x,sortKey:A,sortDirection:U,filter:Q}),2),J=z[0],W=z[1],X=t.__read(r.useState(0),2),Y=X[0],Z=X[1],$=t.__read(r.useState(R),2),ee=$[0],te=$[1];r.useEffect((function(){u.isEqual(G,J)&&u.isEqual(ee,R)||(M(J),te(R),h&&h(J),a.redirectTo([K,["page=".concat(J.page),"perPage=".concat(J.perPage),"sortKey=".concat(escape(J.sortKey)),"sortDirection=".concat(escape(J.sortDirection)),"filter=".concat(escape(J.filter)),new URLSearchParams(R).toString()].join("&")].join("?")))}),[K,J,h,R]),r.useEffect((function(){Y!==C&&(Z((function(e){return null!=C?C:e})),h&&h(J))}),[h,J,C,Y]);var re=function(e){var r,i;if("string"==typeof e)return n.createElement("th",{key:e.toLowerCase(),className:d.getHeaderClasses(e,A,U)},e);if("object"==typeof e){var a={width:null!==(r=e.width)&&void 0!==r?r:"auto"};return n.createElement("th",{key:null!==(i=e.key)&&void 0!==i?i:e.title.toLowerCase(),className:d.getHeaderClasses(e,A,U),style:a,onClick:function(){return e.isSortable&&(r=e.key,n=d.DEFAULT_SORT_DIRECTION,void W(A===r?function(e){return n=d.getSortDirection(e.sortDirection,n),t.__assign(t.__assign({},e),{sortKey:r,sortDirection:n})}:function(e){return t.__assign(t.__assign({},e),{sortKey:r,sortDirection:n})}));var r,n}},e.title)}return null};return n.createElement("div",{className:["table-helper",S?"py-5":"py-1"].join(" ")},n.createElement(o.LoaderIndicator,{isLoaded:!S},n.createElement(l.Row,null,n.createElement(l.Col,null,L&&n.createElement(g.PerPageHelperComponent,{onChangeFn:function(e){W((function(r){return t.__assign(t.__assign({},r),{perPage:e})}))},defaultValue:null!==(_=null==v?void 0:v.per_page)&&void 0!==_?_:d.DEFAULT_PER_PAGE})),n.createElement(l.Col,null,D&&n.createElement(c.FilterHelperComponent,{onClickFn:function(e){W((function(r){var n=r.page,i=t.__rest(r,["page"]),a=n;return(!e&&i.filter||e&&!i.filter)&&(a=1),t.__assign(t.__assign({},i),{page:a,filter:e})}))},defaultValue:null!==(m=J.filter)&&void 0!==m?m:""}))),n.createElement(l.Row,null,n.createElement(l.Col,null,n.createElement("div",{className:"table-responsive"},n.createElement(l.Table,{striped:b,bordered:F,hover:!0},n.createElement("thead",null,n.createElement("tr",null,E.map((function(e){return re(e)})))),n.createElement("tbody",null,v?v.data.map((function(e,t){return y(e,t)})):null))))),n.createElement(p.PaginationHelperComponent,{displayShowingSection:H,paginator:v,onPageChangeFn:function(e){W((function(r){return t.__assign(t.__assign({},r),{page:e})}))}})))};
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),i=require("react-router-dom"),a=e(require("@licklist/plugins/dist/services/Route/RouteService")),o=require("../static/loader/LoaderIndicator.js"),l=require("react-bootstrap"),s=e(require("@licklist/plugins/dist/hooks/Query/useQuery")),u=require("lodash"),c=require("./FilterHelperComponent.js"),p=require("./PaginationHelperComponent.js"),d=e(require("@licklist/plugins/dist/services/Table/TableService")),g=require("./PerPageHelperComponent.js"),_=require("./utils/index.js");exports.TableHelperComponent=function(e){var f,m,v=e.paginator,E=e.headers,y=e.renderItemFn,S=e.isLoading,h=e.onRefreshFn,C=e.refreshAt,P=e.striped,b=void 0===P||P,q=e.bordered,F=void 0===q||q,j=e.displaySearchBar,D=void 0===j||j,O=e.displayPerPageSelect,k=void 0===O||O,L=e.displayShowingSection,w=void 0===L||L,H=e.externalFilters,R=void 0===H?{}:H,T=e.initialOptions,N=void 0===T?{}:T,V=e.filteredOrdersOptions,K=s(),I=i.useLocation().pathname,x=Number(_.getFilterOptionsValue(K,N,"page")),A=Number(_.getFilterOptionsValue(K,N,"perPage")),U=String(_.getFilterOptionsValue(K,N,"sortKey")),Q=String(_.getFilterOptionsValue(K,N,"sortDirection")),B=String(_.getFilterOptionsValue(K,N,"filter")),G=t.__read(r.useState(),2),M=G[0],z=G[1],J=t.__read(r.useState({page:x,perPage:A,sortKey:U,sortDirection:Q,filter:B}),2),W=J[0],X=J[1],Y=t.__read(r.useState(0),2),Z=Y[0],$=Y[1],ee=t.__read(r.useState(R),2),te=ee[0],re=ee[1];r.useEffect((function(){u.isEqual(M,W)&&u.isEqual(te,R)||V||(z(W),re(R),h&&h(W),a.redirectTo([I,["page=".concat(W.page),"perPage=".concat(W.perPage),"sortKey=".concat(escape(W.sortKey)),"sortDirection=".concat(escape(W.sortDirection)),"filter=".concat(escape(W.filter)),new URLSearchParams(R).toString()].join("&")].join("?")))}),[I,W,h,R]),r.useEffect((function(){Z!==C&&($((function(e){return null!=C?C:e})),h&&h(W))}),[h,W,C,Z]);var ne=function(e){var r,i;if("string"==typeof e)return n.createElement("th",{key:e.toLowerCase(),className:d.getHeaderClasses(e,U,Q)},e);if("object"==typeof e){var a={width:null!==(r=e.width)&&void 0!==r?r:"auto"};return n.createElement("th",{key:null!==(i=e.key)&&void 0!==i?i:e.title.toLowerCase(),className:d.getHeaderClasses(e,U,Q),style:a,onClick:function(){return e.isSortable&&(r=e.key,n=d.DEFAULT_SORT_DIRECTION,void X(U===r?function(e){return n=d.getSortDirection(e.sortDirection,n),t.__assign(t.__assign({},e),{sortKey:r,sortDirection:n})}:function(e){return t.__assign(t.__assign({},e),{sortKey:r,sortDirection:n})}));var r,n}},e.title)}return null};return n.createElement("div",{className:["table-helper",S?"py-5":"py-1"].join(" ")},n.createElement(o.LoaderIndicator,{isLoaded:!S},n.createElement(l.Row,null,n.createElement(l.Col,null,k&&n.createElement(g.PerPageHelperComponent,{onChangeFn:function(e){V&&V((function(r){return t.__assign(t.__assign({},r),{page:e})})),X((function(r){return t.__assign(t.__assign({},r),{perPage:e})}))},defaultValue:null!==(f=null==v?void 0:v.per_page)&&void 0!==f?f:d.DEFAULT_PER_PAGE})),n.createElement(l.Col,null,D&&n.createElement(c.FilterHelperComponent,{onClickFn:function(e){X((function(r){var n=r.page,i=t.__rest(r,["page"]),a=n;return(!e&&i.filter||e&&!i.filter)&&(a=1),t.__assign(t.__assign({},i),{page:a,filter:e})}))},defaultValue:null!==(m=W.filter)&&void 0!==m?m:""}))),n.createElement(l.Row,null,n.createElement(l.Col,null,n.createElement("div",{className:"table-responsive"},n.createElement(l.Table,{striped:b,bordered:F,hover:!0},n.createElement("thead",null,n.createElement("tr",null,E.map((function(e){return ne(e)})))),n.createElement("tbody",null,v?v.data.map((function(e,t){return y(e,t)})):null))))),n.createElement(p.PaginationHelperComponent,{displayShowingSection:w,paginator:v,onPageChangeFn:function(e){V&&V((function(r){return t.__assign(t.__assign({},r),{page:e})})),X((function(r){return t.__assign(t.__assign({},r),{page:e})}))}})))};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@licklist/design",
3
- "version": "0.47.3",
3
+ "version": "0.48.0-dev.0",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
@@ -53,9 +53,9 @@
53
53
  "@fortawesome/free-brands-svg-icons": "5.15.2",
54
54
  "@fortawesome/free-solid-svg-icons": "5.15.2",
55
55
  "@fortawesome/react-fontawesome": "0.1.9",
56
- "@licklist/core": "0.15.x",
56
+ "@licklist/core": ">=0.15.41-dev.0 < 0.15.41",
57
57
  "@licklist/eslint-config": "0.3.4",
58
- "@licklist/plugins": "0.21.x",
58
+ "@licklist/plugins": ">=0.20.133-dev.5 < 0.20.133",
59
59
  "@mdx-js/react": "1.6.22",
60
60
  "@popperjs/core": "2.11.8",
61
61
  "@react-aria/utils": "3.9.0",
@@ -37,17 +37,11 @@ export const EVENT_DESCRIPTION_SIZE = 300;
37
37
  export const calculateTotalViews = (
38
38
  dates: string[],
39
39
  eventStatistic: EventStatistic
40
- ): number => {
41
- return dates.reduce(
42
- (rootAcc, date) =>
43
- rootAcc +
44
- Object.values(eventStatistic.views[date] ?? {}).reduce(
45
- (acc, view) => acc + (view.pageViews || 0),
46
- 0
47
- ),
40
+ ): number =>
41
+ dates.reduce(
42
+ (acc, date) => acc + (eventStatistic.views[date]?.pageViews ?? 0),
48
43
  0
49
44
  );
50
- };
51
45
 
52
46
  /**
53
47
  * Calculates the total number of products sold and the total amount sold
@@ -101,6 +95,7 @@ export const getStatisticInfo = (
101
95
  const viewsFormattedDate = DateTime.fromISO(date)
102
96
  .toUTC()
103
97
  .toFormat(DATE_FORMAT);
98
+
104
99
  const summaryFormattedDate = DateTime.fromISO(date)
105
100
  .toUTC()
106
101
  .toFormat(DATE_FORMAT);
@@ -1 +1 @@
1
- export * from "./DataFieldsSelector";
1
+ export * from "./DataFieldsSelector";
@@ -161,7 +161,7 @@ export const ReportRunnerModal = ({
161
161
  if (!dateFrom) return true;
162
162
  if (value > dateFrom) return true;
163
163
  return t("toDateAfterFrom") as string;
164
- }
164
+ },
165
165
  })}
166
166
  />
167
167
  <Form.Control.Feedback type="invalid">
@@ -1 +1 @@
1
- export * from "./ReportTypeSelect";
1
+ export * from "./ReportTypeSelect";
@@ -21,6 +21,7 @@ interface NumberInputHorizontalProps {
21
21
  defaultValue?: number;
22
22
  hasCurrency?: boolean;
23
23
  isLoading?: boolean;
24
+ shouldHideButtons?: boolean;
24
25
  }
25
26
 
26
27
  export const NumberInputHorizontal = forwardRef<
@@ -30,6 +31,7 @@ export const NumberInputHorizontal = forwardRef<
30
31
  (
31
32
  {
32
33
  disabled = false,
34
+ shouldHideButtons,
33
35
  className = "",
34
36
  value,
35
37
  step,
@@ -88,7 +90,7 @@ export const NumberInputHorizontal = forwardRef<
88
90
  "licklist-number-input-horizontal__btn-minus",
89
91
  hasBigSize ? "big-sizes-btn" : "small-sizes-btn",
90
92
  ].join(" ")}
91
- disabled={disabled}
93
+ disabled={disabled || shouldHideButtons}
92
94
  >
93
95
  <Icon
94
96
  type="minus"
@@ -108,8 +110,7 @@ export const NumberInputHorizontal = forwardRef<
108
110
  onClick={onClick}
109
111
  type={disabled && hasBigSize ? "text" : "number"}
110
112
  className={clsx(
111
- hasBigSize ? "big-sizes-input" : "small-sizes-input",
112
- disabled && "border-0"
113
+ hasBigSize ? "big-sizes-input" : "small-sizes-input"
113
114
  )}
114
115
  onChange={(e) => onChange(Number(e.target.value))}
115
116
  value={disabled && hasBigSize && !isLoading ? soldOut : value}
@@ -117,7 +118,7 @@ export const NumberInputHorizontal = forwardRef<
117
118
  max={max}
118
119
  step={step}
119
120
  defaultValue={defaultValue}
120
- disabled={disabled && !onSelect}
121
+ disabled={disabled}
121
122
  />
122
123
  </div>
123
124
  <button
@@ -127,7 +128,7 @@ export const NumberInputHorizontal = forwardRef<
127
128
  "licklist-number-input-horizontal__btn-plus",
128
129
  hasBigSize ? "big-sizes-btn" : "small-sizes-btn",
129
130
  ].join(" ")}
130
- disabled={disabled}
131
+ disabled={disabled || shouldHideButtons}
131
132
  >
132
133
  <Icon
133
134
  type="plus"
@@ -8,6 +8,8 @@ export interface BooleanSwitchProps {
8
8
  value?: boolean;
9
9
  disabled?: boolean;
10
10
  onChange: (value: boolean) => void;
11
+ firstValueTitle?: string;
12
+ secondValueTitle?: string;
11
13
  }
12
14
 
13
15
  export function BooleanSwitch({
@@ -15,12 +17,14 @@ export function BooleanSwitch({
15
17
  value,
16
18
  disabled,
17
19
  onChange,
20
+ firstValueTitle,
21
+ secondValueTitle,
18
22
  }: BooleanSwitchProps) {
19
23
  const { t } = useTranslation("Design");
20
24
 
21
25
  const options: SelectItem[] = [
22
- { id: 1, value: t("yes") },
23
- { id: 0, value: t("no") },
26
+ { id: 1, value: firstValueTitle ?? t("yes") },
27
+ { id: 0, value: secondValueTitle ?? t("no") },
24
28
  ];
25
29
 
26
30
  const handleChange = useCallback(
@@ -164,10 +164,12 @@
164
164
 
165
165
  @include media-breakpoint-down(md) {
166
166
  flex-wrap: wrap;
167
+
167
168
  .date-container {
168
169
  width: 100%;
169
170
  flex: 1;
170
171
  }
172
+
171
173
  .btn-primary {
172
174
  margin-top: 1rem;
173
175
  }
@@ -230,4 +232,4 @@
230
232
  }
231
233
  }
232
234
  }
233
- }
235
+ }
@@ -5,7 +5,7 @@
5
5
  flex-wrap: wrap;
6
6
 
7
7
  .result-card {
8
- height: 14.25rem;
8
+ height: 14rem;
9
9
  border: 1px solid $gray-400;
10
10
  max-width: calc(50% - 0.75rem);
11
11
  flex: 0 0 calc(50% - 0.75rem);
@@ -291,10 +291,7 @@
291
291
  width: 7rem;
292
292
  height: 2.6rem;
293
293
  }
294
- .small-sizes-input:disabled {
295
- border: none;
296
- background-color: white !important;
297
- }
294
+
298
295
  .big-sizes-input {
299
296
  height: 3.75rem;
300
297
  font-size: 1.7rem;
@@ -27,6 +27,7 @@ $btn-switch-option-padding-y: calc(#{$btn-padding-y} - #{sp(1)}) !default;
27
27
  border-radius: $btn-switch-option-border-radius;
28
28
  margin: 0;
29
29
  padding: $btn-switch-option-padding-y $btn-switch-option-padding-x;
30
+ min-width: 4.25rem;
30
31
 
31
32
  &:hover,
32
33
  &:active,
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable @typescript-eslint/ban-types */
2
- import React, { useEffect, useState } from "react";
2
+ import React, { SetStateAction, useEffect, useState } from "react";
3
3
  import { Col, Row, Table } from "react-bootstrap";
4
4
  import { useLocation } from "react-router-dom";
5
5
  import { isEqual } from "lodash";
@@ -30,6 +30,7 @@ export interface TableHelperComponentProps {
30
30
  displayShowingSection?: boolean;
31
31
  externalFilters?: { [key: string]: any };
32
32
  initialOptions?: Partial<ITableProps>;
33
+ filteredOrdersOptions?: (value: SetStateAction<ITableProps>) => void;
33
34
  }
34
35
 
35
36
  // @TODO Refactor? component to get less complexity
@@ -62,6 +63,7 @@ function TableHelperComponent(props: TableHelperComponentProps) {
62
63
  displayShowingSection = true,
63
64
  externalFilters = {},
64
65
  initialOptions = {},
66
+ filteredOrdersOptions,
65
67
  } = props;
66
68
 
67
69
  const query = useQuery();
@@ -97,8 +99,9 @@ function TableHelperComponent(props: TableHelperComponentProps) {
97
99
  useEffect(
98
100
  () => {
99
101
  if (
100
- isEqual(optionsCache, options) &&
101
- isEqual(cachedExtFilters, externalFilters)
102
+ (isEqual(optionsCache, options) &&
103
+ isEqual(cachedExtFilters, externalFilters)) ||
104
+ !!filteredOrdersOptions
102
105
  )
103
106
  return;
104
107
 
@@ -166,6 +169,12 @@ function TableHelperComponent(props: TableHelperComponentProps) {
166
169
  };
167
170
 
168
171
  const onPerPageChange = (nextPerPage: number) => {
172
+ if (filteredOrdersOptions) {
173
+ filteredOrdersOptions((prevOptions) => ({
174
+ ...prevOptions,
175
+ page: nextPerPage,
176
+ }));
177
+ }
169
178
  setOptions((prevOptions) => ({
170
179
  ...prevOptions,
171
180
  perPage: nextPerPage,
@@ -173,6 +182,12 @@ function TableHelperComponent(props: TableHelperComponentProps) {
173
182
  };
174
183
 
175
184
  const onPageChange = (nextPage: number) => {
185
+ if (filteredOrdersOptions) {
186
+ filteredOrdersOptions((prevOptions) => ({
187
+ ...prevOptions,
188
+ page: nextPage,
189
+ }));
190
+ }
176
191
  setOptions((prevOptions) => ({
177
192
  ...prevOptions,
178
193
  page: nextPage,