@licklist/design 0.47.2 → 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.
- package/dist/events/event-card/utils.d.ts.map +1 -1
- package/dist/events/event-card/utils.js +1 -1
- package/dist/sales/manual-booking/number-input-horizontal/NumberInputHorizontal.d.ts +1 -0
- package/dist/sales/manual-booking/number-input-horizontal/NumberInputHorizontal.d.ts.map +1 -1
- package/dist/sales/manual-booking/number-input-horizontal/NumberInputHorizontal.js +1 -1
- package/dist/static/switch/BooleanSwitch.d.ts +3 -1
- package/dist/static/switch/BooleanSwitch.d.ts.map +1 -1
- package/dist/static/switch/BooleanSwitch.js +1 -1
- package/dist/styles/iframe-page/PageBody.scss +3 -3
- package/dist/styles/sales/BookingFilter.scss +3 -1
- package/dist/styles/sales/BookingResults.scss +1 -1
- package/dist/styles/sales/ManualBooking.scss +1 -4
- package/dist/styles/static/Switch.scss +1 -0
- package/dist/table/TableHelperComponent.d.ts +2 -1
- package/dist/table/TableHelperComponent.d.ts.map +1 -1
- package/dist/table/TableHelperComponent.js +1 -1
- package/package.json +3 -3
- package/src/events/event-card/utils.ts +4 -9
- package/src/report/DataFieldsSelector/index.ts +1 -1
- package/src/report/ReportRunnerModal/ReportRunnerModal.tsx +1 -1
- package/src/report/ReportTypeSelect/index.ts +1 -1
- package/src/sales/manual-booking/number-input-horizontal/NumberInputHorizontal.tsx +6 -5
- package/src/static/switch/BooleanSwitch.tsx +6 -2
- package/src/styles/iframe-page/PageBody.scss +3 -3
- package/src/styles/sales/BookingFilter.scss +3 -1
- package/src/styles/sales/BookingResults.scss +1 -1
- package/src/styles/sales/ManualBooking.scss +1 -4
- package/src/styles/static/Switch.scss +1 -0
- 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,
|
|
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"),
|
|
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(/ |[^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;
|
|
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
|
|
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;
|
|
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,
|
|
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}))};
|
|
@@ -60,9 +60,9 @@
|
|
|
60
60
|
|
|
61
61
|
.left-block-container {
|
|
62
62
|
height: calc(100svh - 12rem);
|
|
63
|
-
|
|
64
|
-
overflow:
|
|
65
|
-
|
|
63
|
+
overflow-y: auto;
|
|
64
|
+
overflow-x: hidden;
|
|
65
|
+
scrollbar-width: thin;
|
|
66
66
|
.iframe-event-card {
|
|
67
67
|
border-bottom: 2px solid $separator-color;
|
|
68
68
|
}
|
|
@@ -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
|
+
}
|
|
@@ -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
|
-
|
|
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":";
|
|
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"),
|
|
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.
|
|
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.
|
|
56
|
+
"@licklist/core": ">=0.15.41-dev.0 < 0.15.41",
|
|
57
57
|
"@licklist/eslint-config": "0.3.4",
|
|
58
|
-
"@licklist/plugins": "0.
|
|
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
|
-
|
|
42
|
-
(
|
|
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";
|
|
@@ -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
|
|
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(
|
|
@@ -60,9 +60,9 @@
|
|
|
60
60
|
|
|
61
61
|
.left-block-container {
|
|
62
62
|
height: calc(100svh - 12rem);
|
|
63
|
-
|
|
64
|
-
overflow:
|
|
65
|
-
|
|
63
|
+
overflow-y: auto;
|
|
64
|
+
overflow-x: hidden;
|
|
65
|
+
scrollbar-width: thin;
|
|
66
66
|
.iframe-event-card {
|
|
67
67
|
border-bottom: 2px solid $separator-color;
|
|
68
68
|
}
|
|
@@ -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
|
+
}
|
|
@@ -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
|
-
|
|
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,
|