@licklist/design 0.44.485-dev.72 → 0.44.485-dev.75
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/assets/iframe/dateInfo/available.svg +5 -0
- package/dist/assets/iframe/dateInfo/available.svg.js +1 -0
- package/dist/assets/iframe/dateInfo/limited.svg +5 -0
- package/dist/assets/iframe/dateInfo/limited.svg.js +1 -0
- package/dist/assets/iframe/dateInfo/soldOut.svg +6 -0
- package/dist/assets/iframe/dateInfo/soldOut.svg.js +1 -0
- package/dist/iframe/index.d.ts +1 -0
- package/dist/iframe/index.d.ts.map +1 -1
- package/dist/iframe/select-date-time/component/date-container/SelectDateAndTimeEvent.d.ts +8 -0
- package/dist/iframe/select-date-time/component/date-container/SelectDateAndTimeEvent.d.ts.map +1 -0
- package/dist/iframe/select-date-time/component/date-container/SelectDateAndTimeEvent.js +1 -0
- package/dist/iframe/select-date-time/component/date-container/SelectDateAndTimeEventList.d.ts +10 -0
- package/dist/iframe/select-date-time/component/date-container/SelectDateAndTimeEventList.d.ts.map +1 -0
- package/dist/iframe/select-date-time/index.d.ts +2 -0
- package/dist/iframe/select-date-time/index.d.ts.map +1 -0
- package/dist/index.js +1 -1
- package/dist/logo/Logo.d.ts +1 -1
- package/dist/logo/Logo.d.ts.map +1 -1
- package/dist/sales/booking/filter/{components/AdditionalFIlterSection.d.ts → AdditionalFilterSection.d.ts} +1 -1
- package/dist/sales/booking/filter/AdditionalFilterSection.d.ts.map +1 -0
- package/dist/sales/booking/filter/AdditionalFilterSection.js +1 -0
- package/dist/sales/booking/filter/{components/MainFilterSection.d.ts → MainFilterSection.d.ts} +1 -1
- package/dist/sales/booking/filter/MainFilterSection.d.ts.map +1 -0
- package/dist/sales/booking/filter/MainFilterSection.js +1 -0
- package/dist/sales/booking/filter/ResultTagButton.d.ts.map +1 -0
- package/dist/sales/booking/filter/ResultTagButton.js +1 -0
- package/dist/sales/booking/filter/SearchingForSection.d.ts.map +1 -0
- package/dist/sales/booking/filter/index.d.ts +5 -2
- package/dist/sales/booking/filter/index.d.ts.map +1 -1
- package/dist/sales/booking/filter/{BookingFilter.d.ts → types.d.ts} +2 -3
- package/dist/sales/booking/filter/types.d.ts.map +1 -0
- package/dist/sales/booking/index.d.ts +0 -1
- package/dist/sales/booking/index.d.ts.map +1 -1
- package/dist/sales/booking/results/constants.d.ts.map +1 -1
- package/dist/sales/booking/results/constants.js +1 -1
- package/dist/sales/booking/results/index.d.ts +1 -0
- package/dist/sales/booking/results/index.d.ts.map +1 -1
- package/dist/snippet/snippet-template/preview/Preview.js +1 -1
- package/dist/static/date-range-input/DateRangeInput.d.ts +2 -1
- package/dist/static/date-range-input/DateRangeInput.d.ts.map +1 -1
- package/dist/styles/iframe-events/SelectDateAndTimeEvent.scss +85 -0
- package/dist/styles/iframe-events/_index.scss +1 -0
- package/dist/styles/sales/RandomColors.scss +7 -4
- package/dist/styles/themes/bookedit/_variables.scss +3 -2
- package/package.json +1 -1
- package/src/assets/iframe/dateInfo/available.svg +5 -0
- package/src/assets/iframe/dateInfo/limited.svg +5 -0
- package/src/assets/iframe/dateInfo/soldOut.svg +6 -0
- package/src/iframe/index.ts +1 -0
- package/src/iframe/select-date-time/component/date-container/SelectDateAndTimeEvent.tsx +73 -0
- package/src/iframe/select-date-time/component/date-container/SelectDateAndTimeEventList.stories.tsx +158 -0
- package/src/iframe/select-date-time/component/date-container/SelectDateAndTimeEventList.tsx +39 -0
- package/src/iframe/select-date-time/index.ts +1 -0
- package/src/logo/Logo.tsx +1 -1
- package/src/sales/booking/filter/{components/AdditionalFIlterSection.tsx → AdditionalFilterSection.tsx} +2 -1
- package/src/sales/booking/filter/{components/MainFilterSection.tsx → MainFilterSection.tsx} +6 -5
- package/src/sales/booking/filter/{components/ResultTagButton.tsx → ResultTagButton.tsx} +2 -1
- package/src/sales/booking/filter/{components/SearchingForSection.tsx → SearchingForSection.tsx} +1 -0
- package/src/sales/booking/filter/index.ts +5 -2
- package/src/sales/booking/filter/types.tsx +14 -0
- package/src/sales/booking/index.ts +0 -1
- package/src/sales/booking/results/constants.ts +1 -0
- package/src/sales/booking/results/index.ts +1 -0
- package/src/static/date-range-input/DateRangeInput.tsx +2 -1
- package/src/styles/iframe-events/SelectDateAndTimeEvent.scss +85 -0
- package/src/styles/iframe-events/_index.scss +1 -0
- package/src/styles/sales/RandomColors.scss +7 -4
- package/src/styles/themes/bookedit/_variables.scss +3 -2
- package/tsconfig.json +2 -2
- package/dist/assets/dashboard/bookingCalendar.svg +0 -67
- package/dist/assets/dashboard/bookingCalendar.svg.js +0 -1
- package/dist/assets/dashboard/bookingList.svg +0 -68
- package/dist/assets/dashboard/bookingList.svg.js +0 -1
- package/dist/assets/dashboard/bookingListSmall.svg +0 -6
- package/dist/assets/dashboard/bookingListSmall.svg.js +0 -1
- package/dist/sales/booking/filter/BookingFilter.d.ts.map +0 -1
- package/dist/sales/booking/filter/BookingFilter.js +0 -1
- package/dist/sales/booking/filter/components/AdditionalFIlterSection.d.ts.map +0 -1
- package/dist/sales/booking/filter/components/AdditionalFIlterSection.js +0 -1
- package/dist/sales/booking/filter/components/MainFilterSection.d.ts.map +0 -1
- package/dist/sales/booking/filter/components/MainFilterSection.js +0 -1
- package/dist/sales/booking/filter/components/ResultTagButton.d.ts.map +0 -1
- package/dist/sales/booking/filter/components/ResultTagButton.js +0 -1
- package/dist/sales/booking/filter/components/SearchingForSection.d.ts.map +0 -1
- package/dist/sales/booking/tabs/BookingTabs.d.ts +0 -12
- package/dist/sales/booking/tabs/BookingTabs.d.ts.map +0 -1
- package/dist/sales/booking/tabs/BookingTabs.js +0 -1
- package/dist/sales/booking/tabs/index.d.ts +0 -3
- package/dist/sales/booking/tabs/index.d.ts.map +0 -1
- package/src/assets/dashboard/bookingCalendar.svg +0 -67
- package/src/assets/dashboard/bookingList.svg +0 -68
- package/src/assets/dashboard/bookingListSmall.svg +0 -6
- package/src/sales/booking/filter/BookingFilter.stories.tsx +0 -56
- package/src/sales/booking/filter/BookingFilter.tsx +0 -56
- package/src/sales/booking/tabs/BookingTabs.stories.tsx +0 -17
- package/src/sales/booking/tabs/BookingTabs.tsx +0 -89
- package/src/sales/booking/tabs/index.ts +0 -2
- /package/dist/sales/booking/filter/{components/ResultTagButton.d.ts → ResultTagButton.d.ts} +0 -0
- /package/dist/sales/booking/filter/{components/SearchingForSection.d.ts → SearchingForSection.d.ts} +0 -0
- /package/dist/sales/booking/filter/{components/SearchingForSection.js → SearchingForSection.js} +0 -0
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
<svg
|
|
2
|
-
width="44"
|
|
3
|
-
height="44"
|
|
4
|
-
viewBox="0 0 44 44"
|
|
5
|
-
fill="none"
|
|
6
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
7
|
-
>
|
|
8
|
-
<g clip-path="url(#clip0_0_4)">
|
|
9
|
-
<rect width="44" height="44" rx="8" fill="currentColor" />
|
|
10
|
-
<path
|
|
11
|
-
fill-rule="evenodd"
|
|
12
|
-
clip-rule="evenodd"
|
|
13
|
-
d="M14 9C14 8.44772 14.4477 8 15 8C15.5523 8 16 8.44772 16 9V10H21V9C21 8.44772 21.4477 8 22 8C22.5523 8 23 8.44772 23 9V10H28V9C28 8.44772 28.4477 8 29 8C29.5523 8 30 8.44772 30 9V10H32C34.2091 10 36 11.7909 36 14V16V18V32C36 33.1046 35.1046 34 34 34H10C8.89543 34 8 33.1046 8 32V18V16V14C8 11.7909 9.79086 10 12 10H14V9ZM23 12H28V13C28 13.5523 28.4477 14 29 14C29.5523 14 30 13.5523 30 13V12H32L32.1493 12.0055C33.1841 12.0818 34 12.9456 34 14V16H10V14C10 12.8954 10.8954 12 12 12H14V13C14 13.5523 14.4477 14 15 14C15.5523 14 16 13.5523 16 13V12H21V13C21 13.5523 21.4477 14 22 14C22.5523 14 23 13.5523 23 13V12ZM10 18V32H34V18H10ZM31.669 26.7433L30.331 25.2567L27.666 27.654L26.669 26.7567L25.331 28.2433L27.6667 30.3454L31.669 26.7433Z"
|
|
14
|
-
fill="black"
|
|
15
|
-
/>
|
|
16
|
-
<rect
|
|
17
|
-
opacity="0.5"
|
|
18
|
-
x="13"
|
|
19
|
-
y="20"
|
|
20
|
-
width="4"
|
|
21
|
-
height="4"
|
|
22
|
-
rx="1"
|
|
23
|
-
fill="black"
|
|
24
|
-
/>
|
|
25
|
-
<rect
|
|
26
|
-
opacity="0.5"
|
|
27
|
-
x="20"
|
|
28
|
-
y="20"
|
|
29
|
-
width="4"
|
|
30
|
-
height="4"
|
|
31
|
-
rx="1"
|
|
32
|
-
fill="black"
|
|
33
|
-
/>
|
|
34
|
-
<rect
|
|
35
|
-
opacity="0.5"
|
|
36
|
-
x="13"
|
|
37
|
-
y="26"
|
|
38
|
-
width="4"
|
|
39
|
-
height="4"
|
|
40
|
-
rx="1"
|
|
41
|
-
fill="black"
|
|
42
|
-
/>
|
|
43
|
-
<rect
|
|
44
|
-
opacity="0.5"
|
|
45
|
-
x="20"
|
|
46
|
-
y="26"
|
|
47
|
-
width="4"
|
|
48
|
-
height="4"
|
|
49
|
-
rx="1"
|
|
50
|
-
fill="black"
|
|
51
|
-
/>
|
|
52
|
-
<rect
|
|
53
|
-
opacity="0.5"
|
|
54
|
-
x="27"
|
|
55
|
-
y="20"
|
|
56
|
-
width="4"
|
|
57
|
-
height="4"
|
|
58
|
-
rx="1"
|
|
59
|
-
fill="black"
|
|
60
|
-
/>
|
|
61
|
-
</g>
|
|
62
|
-
<defs>
|
|
63
|
-
<clipPath id="clip0_0_4">
|
|
64
|
-
<rect width="44" height="44" fill="white" />
|
|
65
|
-
</clipPath>
|
|
66
|
-
</defs>
|
|
67
|
-
</svg>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t,l,r=require("react");(e=r)&&"object"==typeof e&&"default"in e&&e.default;function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var r in l)Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r])}return e},a.apply(this,arguments)}exports.ReactComponent=function(e){return r.createElement("svg",a({width:44,height:44,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t||(t=r.createElement("g",{clipPath:"url(#bookingCalendar_svg__clip0_0_4)"},r.createElement("rect",{width:44,height:44,rx:8,fill:"currentColor"}),r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14 9a1 1 0 112 0v1h5V9a1 1 0 112 0v1h5V9a1 1 0 112 0v1h2a4 4 0 014 4v18a2 2 0 01-2 2H10a2 2 0 01-2-2V14a4 4 0 014-4h2V9zm9 3h5v1a1 1 0 102 0v-1h2l.15.005A2 2 0 0134 14v2H10v-2a2 2 0 012-2h2v1a1 1 0 102 0v-1h5v1a1 1 0 102 0v-1zm-13 6v14h24V18H10zm21.669 8.743l-1.338-1.486-2.665 2.397-.997-.897-1.338 1.486 2.336 2.102 4.002-3.602z",fill:"#000"}),r.createElement("rect",{opacity:.5,x:13,y:20,width:4,height:4,rx:1,fill:"#000"}),r.createElement("rect",{opacity:.5,x:20,y:20,width:4,height:4,rx:1,fill:"#000"}),r.createElement("rect",{opacity:.5,x:13,y:26,width:4,height:4,rx:1,fill:"#000"}),r.createElement("rect",{opacity:.5,x:20,y:26,width:4,height:4,rx:1,fill:"#000"}),r.createElement("rect",{opacity:.5,x:27,y:20,width:4,height:4,rx:1,fill:"#000"}))),l||(l=r.createElement("defs",null,r.createElement("clipPath",{id:"bookingCalendar_svg__clip0_0_4"},r.createElement("path",{fill:"#fff",d:"M0 0h44v44H0z"})))))};
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
<svg
|
|
2
|
-
width="44"
|
|
3
|
-
height="44"
|
|
4
|
-
viewBox="0 0 44 44"
|
|
5
|
-
fill="none"
|
|
6
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
7
|
-
>
|
|
8
|
-
<g clip-path="url(#clip0_0_2707)">
|
|
9
|
-
<rect width="44" height="44" rx="8" fill="currentColor" />
|
|
10
|
-
<path
|
|
11
|
-
d="M13.7334 10L15 11.4607L11.2111 15L9 12.9346L10.2666 11.4739L11.2105 12.3555L13.7334 10Z"
|
|
12
|
-
fill="black"
|
|
13
|
-
/>
|
|
14
|
-
<rect
|
|
15
|
-
opacity="0.5"
|
|
16
|
-
x="17"
|
|
17
|
-
y="12"
|
|
18
|
-
width="18"
|
|
19
|
-
height="2"
|
|
20
|
-
rx="1"
|
|
21
|
-
fill="black"
|
|
22
|
-
/>
|
|
23
|
-
<path
|
|
24
|
-
d="M13.7334 16L15 17.4607L11.2111 21L9 18.9346L10.2666 17.4739L11.2105 18.3555L13.7334 16Z"
|
|
25
|
-
fill="black"
|
|
26
|
-
/>
|
|
27
|
-
<rect
|
|
28
|
-
opacity="0.5"
|
|
29
|
-
x="17"
|
|
30
|
-
y="18"
|
|
31
|
-
width="18"
|
|
32
|
-
height="2"
|
|
33
|
-
rx="1"
|
|
34
|
-
fill="black"
|
|
35
|
-
/>
|
|
36
|
-
<path
|
|
37
|
-
d="M13.7334 22L15 23.4607L11.2111 27L9 24.9346L10.2666 23.4739L11.2105 24.3555L13.7334 22Z"
|
|
38
|
-
fill="black"
|
|
39
|
-
/>
|
|
40
|
-
<rect
|
|
41
|
-
opacity="0.5"
|
|
42
|
-
x="17"
|
|
43
|
-
y="24"
|
|
44
|
-
width="18"
|
|
45
|
-
height="2"
|
|
46
|
-
rx="1"
|
|
47
|
-
fill="black"
|
|
48
|
-
/>
|
|
49
|
-
<path
|
|
50
|
-
d="M13.7334 28L15 29.4607L11.2111 33L9 30.9346L10.2666 29.4739L11.2105 30.3555L13.7334 28Z"
|
|
51
|
-
fill="black"
|
|
52
|
-
/>
|
|
53
|
-
<rect
|
|
54
|
-
opacity="0.5"
|
|
55
|
-
x="17"
|
|
56
|
-
y="30"
|
|
57
|
-
width="18"
|
|
58
|
-
height="2"
|
|
59
|
-
rx="1"
|
|
60
|
-
fill="black"
|
|
61
|
-
/>
|
|
62
|
-
</g>
|
|
63
|
-
<defs>
|
|
64
|
-
<clipPath id="clip0_0_2707">
|
|
65
|
-
<rect width="44" height="44" fill="white" />
|
|
66
|
-
</clipPath>
|
|
67
|
-
</defs>
|
|
68
|
-
</svg>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t,l,r=require("react");(e=r)&&"object"==typeof e&&"default"in e&&e.default;function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var r in l)Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r])}return e},i.apply(this,arguments)}exports.ReactComponent=function(e){return r.createElement("svg",i({width:44,height:44,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t||(t=r.createElement("g",{clipPath:"url(#bookingList_svg__clip0_0_2707)"},r.createElement("rect",{width:44,height:44,rx:8,fill:"currentColor"}),r.createElement("path",{d:"M13.733 10L15 11.46 11.211 15 9 12.935l1.267-1.461.944.881L13.732 10z",fill:"#000"}),r.createElement("rect",{opacity:.5,x:17,y:12,width:18,height:2,rx:1,fill:"#000"}),r.createElement("path",{d:"M13.733 16L15 17.46 11.211 21 9 18.935l1.267-1.461.944.881L13.732 16z",fill:"#000"}),r.createElement("rect",{opacity:.5,x:17,y:18,width:18,height:2,rx:1,fill:"#000"}),r.createElement("path",{d:"M13.733 22L15 23.46 11.211 27 9 24.935l1.267-1.461.944.881L13.732 22z",fill:"#000"}),r.createElement("rect",{opacity:.5,x:17,y:24,width:18,height:2,rx:1,fill:"#000"}),r.createElement("path",{d:"M13.733 28L15 29.46 11.211 33 9 30.935l1.267-1.461.944.881L13.732 28z",fill:"#000"}),r.createElement("rect",{opacity:.5,x:17,y:30,width:18,height:2,rx:1,fill:"#000"}))),l||(l=r.createElement("defs",null,r.createElement("clipPath",{id:"bookingList_svg__clip0_0_2707"},r.createElement("path",{fill:"#fff",d:"M0 0h44v44H0z"})))))};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
<svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<rect x="1" y="1" width="14" height="16" stroke="currentColor" stroke-width="2"/>
|
|
3
|
-
<rect x="4" y="4" width="8" height="2" fill="currentColor"/>
|
|
4
|
-
<rect x="4" y="8" width="8" height="2" fill="currentColor"/>
|
|
5
|
-
<rect x="4" y="12" width="8" height="2" fill="currentColor"/>
|
|
6
|
-
</svg>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t,r,n=require("react");(e=n)&&"object"==typeof e&&"default"in e&&e.default;function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o.apply(this,arguments)}exports.ReactComponent=function(e){return n.createElement("svg",o({width:16,height:18,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t||(t=n.createElement("path",{stroke:"currentColor",strokeWidth:2,d:"M1 1h14v16H1z"})),r||(r=n.createElement("path",{fill:"currentColor",d:"M4 4h8v2H4zM4 8h8v2H4zM4 12h8v2H4z"})))};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BookingFilter.d.ts","sourceRoot":"","sources":["../../../../src/sales/booking/filter/BookingFilter.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,oDAAoD,CAAC;AAK1E,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC;IACjD,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAC7B,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa,sGAQvB,kBAAkB,gBA6BpB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),i=require("react"),r=(e=i)&&"object"==typeof e&&"default"in e?e.default:e,n=require("./components/MainFilterSection.js"),o=require("./components/AdditionalFIlterSection.js"),s=require("./components/SearchingForSection.js");exports.BookingFilter=function(e){var i=e.isFilterOpen,a=void 0===i||i,l=e.autoFocusOnMount,c=void 0!==l&&l,u=e.isFullscreenMode,d=void 0!==u&&u,m=e.staffMembers,F=e.isLoading,f=e.children,M=t.__rest(e,["isFilterOpen","autoFocusOnMount","isFullscreenMode","staffMembers","isLoading","children"]);return r.createElement("div",{className:"booking-filter"},r.createElement(n.MainFilterSection,t.__assign({},M,{isLoading:F,isFilterOpen:a,autoFocusOnMount:c,isFullscreenMode:d})),a?r.createElement(r.Fragment,null,r.createElement(o.AdditionalFilterSection,{isLoading:F,staffMembers:m}),r.createElement("div",{className:"separator-horizontal"}),r.createElement(s.SearchingForSection,{staffMembers:m})):f&&r.createElement(r.Fragment,null,r.createElement("div",{className:"separator-horizontal"}),f))};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AdditionalFIlterSection.d.ts","sourceRoot":"","sources":["../../../../../src/sales/booking/filter/components/AdditionalFIlterSection.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAS3D,MAAM,MAAM,4BAA4B,GAAG;IACzC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,uBAAuB,iCAGjC,kBAAkB,gBA+GpB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),a=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,n=require("react-i18next"),l=require("react-bootstrap"),o=require("react-hook-form"),i=require("../../../../static/date-range-input/DateRangeInput.js"),s=require("@licklist/core/dist/DataMapper/Order/OrderDataMapper"),c=require("@licklist/plugins/dist/context/booking/BookingContext"),u=[s.ORDER_STATUS_PENDING,s.ORDER_STATUS_CANCELLED,s.ORDER_STATUS_COMPLETED,s.ORDER_STATUS_ACTION_REQUIRED];exports.AdditionalFilterSection=function(e){var s=e.staffMembers,d=e.isLoading,m=n.useTranslation("Design").t,E=r.useContext(c.BookingContext),p=E.filters,f=E.setFilters,_=o.useForm({defaultValues:p}),g=_.handleSubmit,D=_.register,v=_.setValue,b=_.reset,C=_.watch,S=_.control,F=C("order_date_from"),R=C("order_date_to");return r.useEffect((function(){b(p)}),[p,b]),a.createElement("div",{className:"additional-filter-section"},a.createElement(l.Form,{onSubmit:g((function(e){f(e)}))},a.createElement(l.Row,{className:"additional-filter-container"},a.createElement(l.Col,{md:"3"},a.createElement(l.Form.Group,null,a.createElement(l.Form.Label,null,m("createdBy")),a.createElement(o.Controller,{control:S,name:"created_by",render:function(e){var t=e.field,r=String(null==t?void 0:t.value);return a.createElement(l.Form.Control,{as:"select",value:r,disabled:d,onChange:null==t?void 0:t.onChange},a.createElement("option",{value:"",selected:""===r},m("Design:choose")),null==s?void 0:s.map((function(e){return a.createElement("option",{value:null==e?void 0:e.id,key:null==e?void 0:e.id,selected:r===String(null==e?void 0:e.id)},null==e?void 0:e.firstName," ",null==e?void 0:e.lastName)})))}}))),a.createElement(l.Col,{md:"3"},a.createElement(l.Form.Group,null,a.createElement(l.Form.Label,null,m("bookingStatus")),a.createElement(l.Form.Control,t.__assign({disabled:d},D("status"),{as:"select"}),a.createElement("option",{value:""},m("Design:choose")),Object.keys(u).map((function(e){return a.createElement("option",{key:u[e],value:u[e]},m("Design:".concat(u[e])))}))))),a.createElement(l.Col,{className:"date-container"},a.createElement(l.Form.Group,null,a.createElement(l.Form.Label,null,m("date")),a.createElement(i.DateRangeInput,{disabled:d,placeholder:m("date"),startDate:F,endDate:R,onDateChange:function(e){var t=e.startDate,r=e.endDate;v("order_date_from",t),v("order_date_to",r)}}))),a.createElement(l.Col,{md:"3",className:"d-flex align-items-end"},a.createElement(l.Form.Group,null,a.createElement(l.Button,{disabled:d,type:"submit",className:"shadow-none"},m("apply")))))))};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MainFilterSection.d.ts","sourceRoot":"","sources":["../../../../../src/sales/booking/filter/components/MainFilterSection.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAKtD,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;AAI9E,eAAO,MAAM,iBAAiB,sJAS3B,sBAAsB,gBA4GxB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
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"),n=require("react"),a=e(n),r=require("react-i18next"),l=require("react-bootstrap"),s=require("../../../../static/Icon.js"),i=e(require("clsx")),c=require("@licklist/plugins/dist/context/booking/BookingContext"),o=e(require("use-debounce/lib/useDebounce")),u=require("../../../../assets/dashboard/refresh.svg.js"),m=require("../../../../assets/dashboard/fullscreen.svg.js"),d=require("../../../../assets/dashboard/minimize.svg.js");exports.MainFilterSection=function(e){var f=e.isFilterOpen,h=e.onAddFiltersClick,v=e.onCancelFilterClick,E=e.onRefreshClick,b=e.onFullscreenButtonClick,p=e.autoFocusOnMount,k=e.isFullscreenMode,C=e.isLoading,g=r.useTranslation("Design").t,N=n.useContext(c.BookingContext),F=N.filters,q=N.onQueryChange,B=F.search,w=void 0===B?"":B,x=t.__read(n.useState(w),2),y=x[0],j=x[1],_=t.__read(o(y,300),1)[0];return n.useEffect((function(){q(_)}),[q,_]),n.useEffect((function(){y!==w&&j(w)}),[w]),a.createElement("div",{className:"main-filter-section"},a.createElement("div",{className:"search"},a.createElement(l.Form.Group,null,a.createElement(l.Form.Label,null,g("searchBookings"),":"),a.createElement("div",{className:"control-with-icon"},a.createElement(s.default,{type:"search",width:"1rem",height:"1rem",className:"search-icon"}),a.createElement(l.Form.Control,{disabled:C,value:y,onChange:function(e){var t=e.target.value;j(t)},onBlur:function(e){var t=e.target.value;q(t)},placeholder:g("searchBookingsPlaceholder"),autoFocus:p})))),a.createElement("div",{className:"buttons"},f?a.createElement(l.Button,{variant:"link",className:"shadow-none cancel-button",onClick:v},a.createElement("div",{className:"icon"},a.createElement(s.default,{type:"plus",style:{width:10}})),g("cancel")):a.createElement(l.Button,{variant:"link",className:"shadow-none add-filters-button",onClick:h},a.createElement("div",{className:"icon"},a.createElement(s.default,{type:"plus",style:{width:10}})),g("addFilters")),a.createElement("div",{className:"separator"}),a.createElement(l.Button,{variant:"link",className:"shadow-none refresh-button",onClick:E},a.createElement("div",{className:"icon"},a.createElement(u.ReactComponent,null)),g("refresh")),a.createElement("div",{className:"separator active"}),a.createElement(l.Button,{variant:"link",disabled:C,className:i("shadow-none",!k&&"fullscreen-button",k&&"minimize-button"),onClick:b},a.createElement("div",{className:"icon"},k?a.createElement(d.ReactComponent,null):a.createElement(m.ReactComponent,null)),g(k?"minimize":"fullScreen"))))};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ResultTagButton.d.ts","sourceRoot":"","sources":["../../../../../src/sales/booking/filter/components/ResultTagButton.tsx"],"names":[],"mappings":";AAGA,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,eAAe,sCAIzB,oBAAoB,gBAmBtB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),o=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,a=require("../../../../static/Icon.js");exports.ResultTagButton=function(e){var t=e.tagKey,l=e.value,n=e.onRemoveClick,r=function(){n(t)};return o.createElement("div",{className:"result-tag rounded-pill shadow-none"},l,o.createElement("div",{className:"icon",role:"button",tabIndex:0,onClick:r,onKeyUp:r},o.createElement(a.default,{type:"plus",style:{width:10},color:"#727272"})))};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SearchingForSection.d.ts","sourceRoot":"","sources":["../../../../../src/sales/booking/filter/components/SearchingForSection.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,IAAI,EAAE,MAAM,oDAAoD,CAAC;AAU1E,MAAM,WAAW,kBAAkB;IACjC,YAAY,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAC7B,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB;;iBA+E/B,CAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { PropsWithChildren } from "react";
|
|
2
|
-
import { BOOKING_TYPE } from "@licklist/plugins/dist/context/booking/BookingContext";
|
|
3
|
-
import { HasPermissionProp } from "@licklist/plugins/dist/types/permission/Permission";
|
|
4
|
-
export type BookingTabsProps = HasPermissionProp & PropsWithChildren<{
|
|
5
|
-
onReportsClick?: () => void;
|
|
6
|
-
onAddButtonClick?: () => void;
|
|
7
|
-
viewType: BOOKING_TYPE;
|
|
8
|
-
onSetType: (value: BOOKING_TYPE) => void;
|
|
9
|
-
hasBookingManagment: boolean;
|
|
10
|
-
}>;
|
|
11
|
-
export declare const BookingTabs: ({ children, onReportsClick, onAddButtonClick, hasPermission, hasBookingManagment, viewType, onSetType, }: BookingTabsProps) => JSX.Element;
|
|
12
|
-
//# sourceMappingURL=BookingTabs.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BookingTabs.d.ts","sourceRoot":"","sources":["../../../../src/sales/booking/tabs/BookingTabs.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIjD,OAAO,EAGL,YAAY,EACb,MAAM,uDAAuD,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AAQvF,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,GAC9C,iBAAiB,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACzC,mBAAmB,EAAE,OAAO,CAAC;CAC9B,CAAC,CAAC;AAEL,eAAO,MAAM,WAAW,6GAQrB,gBAAgB,gBAsDlB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
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=e(require("react")),a=require("react-i18next"),n=require("react-bootstrap"),s=require("../../../static/Icon.js"),r=e(require("clsx")),o=require("@licklist/plugins/dist/context/booking/BookingContext"),i=require("../../../assets/dashboard/bookingCalendar.svg.js"),l=require("../../../assets/dashboard/bookingList.svg.js"),c=require("../../../assets/dashboard/bookingListSmall.svg.js"),m=[o.BOOKING_LIST_TYPE,o.BOOKING_CALENDAR_TYPE];exports.BookingTabs=function(e){var u=e.children,d=e.onReportsClick,p=e.onAddButtonClick,E=e.hasPermission,k=void 0!==E&&E,g=e.hasBookingManagment,v=e.viewType,b=e.onSetType,N=a.useTranslation("Design").t;return t.createElement("div",{className:"booking-tabs-pane"},t.createElement("div",{className:"booking-tabs"},m.map((function(e){return t.createElement(n.Button,{key:e,variant:"link",size:"sm",className:r("p-0 m-0 pr-2 shadow-none",v===e&&"active"),onClick:function(){b(e)}},e===o.BOOKING_CALENDAR_TYPE&&g&&t.createElement(i.ReactComponent,null),e===o.BOOKING_LIST_TYPE&&t.createElement(l.ReactComponent,null))}))),t.createElement("span",{className:"separator"}),t.createElement("div",{className:"children"},u),k&&t.createElement("div",{className:"buttons"},t.createElement(n.Button,{variant:"outline-primary",className:"shadow-none mr-4",onClick:d},t.createElement(c.ReactComponent,{className:"mr-2"}),N("generateReports")),t.createElement(n.Button,{variant:"primary",className:"shadow-none",onClick:p},t.createElement("div",{className:"icon"},t.createElement(s.default,{type:"plus",style:{width:10},color:"#0E8CE2"})),N("newBooking"))))};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/sales/booking/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
<svg
|
|
2
|
-
width="44"
|
|
3
|
-
height="44"
|
|
4
|
-
viewBox="0 0 44 44"
|
|
5
|
-
fill="none"
|
|
6
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
7
|
-
>
|
|
8
|
-
<g clip-path="url(#clip0_0_4)">
|
|
9
|
-
<rect width="44" height="44" rx="8" fill="currentColor" />
|
|
10
|
-
<path
|
|
11
|
-
fill-rule="evenodd"
|
|
12
|
-
clip-rule="evenodd"
|
|
13
|
-
d="M14 9C14 8.44772 14.4477 8 15 8C15.5523 8 16 8.44772 16 9V10H21V9C21 8.44772 21.4477 8 22 8C22.5523 8 23 8.44772 23 9V10H28V9C28 8.44772 28.4477 8 29 8C29.5523 8 30 8.44772 30 9V10H32C34.2091 10 36 11.7909 36 14V16V18V32C36 33.1046 35.1046 34 34 34H10C8.89543 34 8 33.1046 8 32V18V16V14C8 11.7909 9.79086 10 12 10H14V9ZM23 12H28V13C28 13.5523 28.4477 14 29 14C29.5523 14 30 13.5523 30 13V12H32L32.1493 12.0055C33.1841 12.0818 34 12.9456 34 14V16H10V14C10 12.8954 10.8954 12 12 12H14V13C14 13.5523 14.4477 14 15 14C15.5523 14 16 13.5523 16 13V12H21V13C21 13.5523 21.4477 14 22 14C22.5523 14 23 13.5523 23 13V12ZM10 18V32H34V18H10ZM31.669 26.7433L30.331 25.2567L27.666 27.654L26.669 26.7567L25.331 28.2433L27.6667 30.3454L31.669 26.7433Z"
|
|
14
|
-
fill="black"
|
|
15
|
-
/>
|
|
16
|
-
<rect
|
|
17
|
-
opacity="0.5"
|
|
18
|
-
x="13"
|
|
19
|
-
y="20"
|
|
20
|
-
width="4"
|
|
21
|
-
height="4"
|
|
22
|
-
rx="1"
|
|
23
|
-
fill="black"
|
|
24
|
-
/>
|
|
25
|
-
<rect
|
|
26
|
-
opacity="0.5"
|
|
27
|
-
x="20"
|
|
28
|
-
y="20"
|
|
29
|
-
width="4"
|
|
30
|
-
height="4"
|
|
31
|
-
rx="1"
|
|
32
|
-
fill="black"
|
|
33
|
-
/>
|
|
34
|
-
<rect
|
|
35
|
-
opacity="0.5"
|
|
36
|
-
x="13"
|
|
37
|
-
y="26"
|
|
38
|
-
width="4"
|
|
39
|
-
height="4"
|
|
40
|
-
rx="1"
|
|
41
|
-
fill="black"
|
|
42
|
-
/>
|
|
43
|
-
<rect
|
|
44
|
-
opacity="0.5"
|
|
45
|
-
x="20"
|
|
46
|
-
y="26"
|
|
47
|
-
width="4"
|
|
48
|
-
height="4"
|
|
49
|
-
rx="1"
|
|
50
|
-
fill="black"
|
|
51
|
-
/>
|
|
52
|
-
<rect
|
|
53
|
-
opacity="0.5"
|
|
54
|
-
x="27"
|
|
55
|
-
y="20"
|
|
56
|
-
width="4"
|
|
57
|
-
height="4"
|
|
58
|
-
rx="1"
|
|
59
|
-
fill="black"
|
|
60
|
-
/>
|
|
61
|
-
</g>
|
|
62
|
-
<defs>
|
|
63
|
-
<clipPath id="clip0_0_4">
|
|
64
|
-
<rect width="44" height="44" fill="white" />
|
|
65
|
-
</clipPath>
|
|
66
|
-
</defs>
|
|
67
|
-
</svg>
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
<svg
|
|
2
|
-
width="44"
|
|
3
|
-
height="44"
|
|
4
|
-
viewBox="0 0 44 44"
|
|
5
|
-
fill="none"
|
|
6
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
7
|
-
>
|
|
8
|
-
<g clip-path="url(#clip0_0_2707)">
|
|
9
|
-
<rect width="44" height="44" rx="8" fill="currentColor" />
|
|
10
|
-
<path
|
|
11
|
-
d="M13.7334 10L15 11.4607L11.2111 15L9 12.9346L10.2666 11.4739L11.2105 12.3555L13.7334 10Z"
|
|
12
|
-
fill="black"
|
|
13
|
-
/>
|
|
14
|
-
<rect
|
|
15
|
-
opacity="0.5"
|
|
16
|
-
x="17"
|
|
17
|
-
y="12"
|
|
18
|
-
width="18"
|
|
19
|
-
height="2"
|
|
20
|
-
rx="1"
|
|
21
|
-
fill="black"
|
|
22
|
-
/>
|
|
23
|
-
<path
|
|
24
|
-
d="M13.7334 16L15 17.4607L11.2111 21L9 18.9346L10.2666 17.4739L11.2105 18.3555L13.7334 16Z"
|
|
25
|
-
fill="black"
|
|
26
|
-
/>
|
|
27
|
-
<rect
|
|
28
|
-
opacity="0.5"
|
|
29
|
-
x="17"
|
|
30
|
-
y="18"
|
|
31
|
-
width="18"
|
|
32
|
-
height="2"
|
|
33
|
-
rx="1"
|
|
34
|
-
fill="black"
|
|
35
|
-
/>
|
|
36
|
-
<path
|
|
37
|
-
d="M13.7334 22L15 23.4607L11.2111 27L9 24.9346L10.2666 23.4739L11.2105 24.3555L13.7334 22Z"
|
|
38
|
-
fill="black"
|
|
39
|
-
/>
|
|
40
|
-
<rect
|
|
41
|
-
opacity="0.5"
|
|
42
|
-
x="17"
|
|
43
|
-
y="24"
|
|
44
|
-
width="18"
|
|
45
|
-
height="2"
|
|
46
|
-
rx="1"
|
|
47
|
-
fill="black"
|
|
48
|
-
/>
|
|
49
|
-
<path
|
|
50
|
-
d="M13.7334 28L15 29.4607L11.2111 33L9 30.9346L10.2666 29.4739L11.2105 30.3555L13.7334 28Z"
|
|
51
|
-
fill="black"
|
|
52
|
-
/>
|
|
53
|
-
<rect
|
|
54
|
-
opacity="0.5"
|
|
55
|
-
x="17"
|
|
56
|
-
y="30"
|
|
57
|
-
width="18"
|
|
58
|
-
height="2"
|
|
59
|
-
rx="1"
|
|
60
|
-
fill="black"
|
|
61
|
-
/>
|
|
62
|
-
</g>
|
|
63
|
-
<defs>
|
|
64
|
-
<clipPath id="clip0_0_2707">
|
|
65
|
-
<rect width="44" height="44" fill="white" />
|
|
66
|
-
</clipPath>
|
|
67
|
-
</defs>
|
|
68
|
-
</svg>
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
<svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<rect x="1" y="1" width="14" height="16" stroke="currentColor" stroke-width="2"/>
|
|
3
|
-
<rect x="4" y="4" width="8" height="2" fill="currentColor"/>
|
|
4
|
-
<rect x="4" y="8" width="8" height="2" fill="currentColor"/>
|
|
5
|
-
<rect x="4" y="12" width="8" height="2" fill="currentColor"/>
|
|
6
|
-
</svg>
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { MemoryRouter } from "react-router-dom";
|
|
3
|
-
import { boolean } from "@storybook/addon-knobs";
|
|
4
|
-
import { Meta, Story } from "@storybook/react";
|
|
5
|
-
import { BookingContextProvider } from "@licklist/plugins/dist/context/booking/BookingContext";
|
|
6
|
-
import { BookingFilter, BookingFilterProps } from "./BookingFilter";
|
|
7
|
-
|
|
8
|
-
export default {
|
|
9
|
-
title: "Sales/Booking/Filter",
|
|
10
|
-
component: BookingFilter,
|
|
11
|
-
} as Meta;
|
|
12
|
-
|
|
13
|
-
const staffMembers = [
|
|
14
|
-
{
|
|
15
|
-
id: 10,
|
|
16
|
-
firstName: "Denys",
|
|
17
|
-
lastName: "Shmahailo",
|
|
18
|
-
email: "shmahailo1337@gmail.com",
|
|
19
|
-
images: null,
|
|
20
|
-
userRoles: [
|
|
21
|
-
{
|
|
22
|
-
id: 1,
|
|
23
|
-
key: "manager",
|
|
24
|
-
title: "Manager",
|
|
25
|
-
weight: 50,
|
|
26
|
-
type_id: 1,
|
|
27
|
-
type: "provider",
|
|
28
|
-
pivot: {
|
|
29
|
-
id: 17,
|
|
30
|
-
roleId: 1,
|
|
31
|
-
userId: 10,
|
|
32
|
-
typeableId: 1,
|
|
33
|
-
typeableType: "provider",
|
|
34
|
-
user: null,
|
|
35
|
-
},
|
|
36
|
-
},
|
|
37
|
-
],
|
|
38
|
-
},
|
|
39
|
-
];
|
|
40
|
-
|
|
41
|
-
export const Default: Story<BookingFilterProps> = () => {
|
|
42
|
-
const isFilterOpen = boolean("isFilterOpen", false);
|
|
43
|
-
const autoFocusOnMount = boolean("autoFocusOnMount", true);
|
|
44
|
-
|
|
45
|
-
return (
|
|
46
|
-
<MemoryRouter>
|
|
47
|
-
<BookingContextProvider>
|
|
48
|
-
<BookingFilter
|
|
49
|
-
isFilterOpen={isFilterOpen}
|
|
50
|
-
autoFocusOnMount={autoFocusOnMount}
|
|
51
|
-
staffMembers={staffMembers}
|
|
52
|
-
/>
|
|
53
|
-
</BookingContextProvider>
|
|
54
|
-
</MemoryRouter>
|
|
55
|
-
);
|
|
56
|
-
};
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import React, { PropsWithChildren } from "react";
|
|
2
|
-
import { User } from "@licklist/core/dist/DataMapper/User/UserDataMapper";
|
|
3
|
-
import { MainFilterSection } from "./components/MainFilterSection";
|
|
4
|
-
import { AdditionalFilterSection } from "./components/AdditionalFIlterSection";
|
|
5
|
-
import { SearchingForSection } from "./components/SearchingForSection";
|
|
6
|
-
|
|
7
|
-
export type BookingFilterProps = PropsWithChildren<{
|
|
8
|
-
onAddFiltersClick?: () => void;
|
|
9
|
-
onCancelFilterClick?: () => void;
|
|
10
|
-
onRefreshClick?: () => void;
|
|
11
|
-
onFullscreenButtonClick?: () => void;
|
|
12
|
-
isFilterOpen?: boolean;
|
|
13
|
-
autoFocusOnMount?: boolean;
|
|
14
|
-
isFullscreenMode?: boolean;
|
|
15
|
-
staffMembers?: User[] | null;
|
|
16
|
-
isLoading: boolean;
|
|
17
|
-
}>;
|
|
18
|
-
|
|
19
|
-
export const BookingFilter = ({
|
|
20
|
-
isFilterOpen = true,
|
|
21
|
-
autoFocusOnMount = false,
|
|
22
|
-
isFullscreenMode = false,
|
|
23
|
-
staffMembers,
|
|
24
|
-
isLoading,
|
|
25
|
-
children,
|
|
26
|
-
...props
|
|
27
|
-
}: BookingFilterProps) => {
|
|
28
|
-
return (
|
|
29
|
-
<div className="booking-filter">
|
|
30
|
-
<MainFilterSection
|
|
31
|
-
{...props}
|
|
32
|
-
isLoading={isLoading}
|
|
33
|
-
isFilterOpen={isFilterOpen}
|
|
34
|
-
autoFocusOnMount={autoFocusOnMount}
|
|
35
|
-
isFullscreenMode={isFullscreenMode}
|
|
36
|
-
/>
|
|
37
|
-
{isFilterOpen ? (
|
|
38
|
-
<>
|
|
39
|
-
<AdditionalFilterSection
|
|
40
|
-
isLoading={isLoading}
|
|
41
|
-
staffMembers={staffMembers}
|
|
42
|
-
/>
|
|
43
|
-
<div className="separator-horizontal" />
|
|
44
|
-
<SearchingForSection staffMembers={staffMembers} />
|
|
45
|
-
</>
|
|
46
|
-
) : (
|
|
47
|
-
children && (
|
|
48
|
-
<>
|
|
49
|
-
<div className="separator-horizontal" />
|
|
50
|
-
{children}
|
|
51
|
-
</>
|
|
52
|
-
)
|
|
53
|
-
)}
|
|
54
|
-
</div>
|
|
55
|
-
);
|
|
56
|
-
};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Meta, Story } from "@storybook/react";
|
|
3
|
-
import { BookingContextProvider } from "@licklist/plugins/dist/context/booking/BookingContext";
|
|
4
|
-
import { BookingTabs, BookingTabsProps } from "./BookingTabs";
|
|
5
|
-
|
|
6
|
-
export default {
|
|
7
|
-
title: "Sales/Booking/Tabs",
|
|
8
|
-
component: BookingTabs,
|
|
9
|
-
} as Meta;
|
|
10
|
-
|
|
11
|
-
export const Default: Story<BookingTabsProps> = () => {
|
|
12
|
-
return (
|
|
13
|
-
<BookingContextProvider>
|
|
14
|
-
<BookingTabs>Bookings</BookingTabs>
|
|
15
|
-
</BookingContextProvider>
|
|
16
|
-
);
|
|
17
|
-
};
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
import React, { PropsWithChildren } from "react";
|
|
2
|
-
import { Button } from "react-bootstrap";
|
|
3
|
-
import clsx from "clsx";
|
|
4
|
-
import { useTranslation } from "react-i18next";
|
|
5
|
-
import {
|
|
6
|
-
BOOKING_LIST_TYPE,
|
|
7
|
-
BOOKING_CALENDAR_TYPE,
|
|
8
|
-
BOOKING_TYPE,
|
|
9
|
-
} from "@licklist/plugins/dist/context/booking/BookingContext";
|
|
10
|
-
import { HasPermissionProp } from "@licklist/plugins/dist/types/permission/Permission";
|
|
11
|
-
import Icon from "../../../static/Icon";
|
|
12
|
-
import { ReactComponent as BookingCalendar } from "../../../assets/dashboard/bookingCalendar.svg";
|
|
13
|
-
import { ReactComponent as BookingList } from "../../../assets/dashboard/bookingList.svg";
|
|
14
|
-
import { ReactComponent as BookingListSmall } from "../../../assets/dashboard/bookingListSmall.svg";
|
|
15
|
-
|
|
16
|
-
const VIEW_TYPES: BOOKING_TYPE[] = [BOOKING_LIST_TYPE, BOOKING_CALENDAR_TYPE];
|
|
17
|
-
|
|
18
|
-
export type BookingTabsProps = HasPermissionProp &
|
|
19
|
-
PropsWithChildren<{
|
|
20
|
-
onReportsClick?: () => void;
|
|
21
|
-
onAddButtonClick?: () => void;
|
|
22
|
-
viewType: BOOKING_TYPE;
|
|
23
|
-
onSetType: (value: BOOKING_TYPE) => void;
|
|
24
|
-
hasBookingManagment: boolean;
|
|
25
|
-
}>;
|
|
26
|
-
|
|
27
|
-
export const BookingTabs = ({
|
|
28
|
-
children,
|
|
29
|
-
onReportsClick,
|
|
30
|
-
onAddButtonClick,
|
|
31
|
-
hasPermission = false,
|
|
32
|
-
hasBookingManagment,
|
|
33
|
-
viewType,
|
|
34
|
-
onSetType,
|
|
35
|
-
}: BookingTabsProps) => {
|
|
36
|
-
const { t } = useTranslation("Design");
|
|
37
|
-
|
|
38
|
-
return (
|
|
39
|
-
<div className="booking-tabs-pane">
|
|
40
|
-
<div className="booking-tabs">
|
|
41
|
-
{VIEW_TYPES.map((tabType: BOOKING_TYPE) => {
|
|
42
|
-
return (
|
|
43
|
-
<Button
|
|
44
|
-
key={tabType}
|
|
45
|
-
variant="link"
|
|
46
|
-
size="sm"
|
|
47
|
-
className={clsx(
|
|
48
|
-
"p-0 m-0 pr-2 shadow-none",
|
|
49
|
-
viewType === tabType && "active"
|
|
50
|
-
)}
|
|
51
|
-
onClick={() => {
|
|
52
|
-
onSetType(tabType);
|
|
53
|
-
}}
|
|
54
|
-
>
|
|
55
|
-
{tabType === BOOKING_CALENDAR_TYPE && hasBookingManagment && (
|
|
56
|
-
<BookingCalendar />
|
|
57
|
-
)}
|
|
58
|
-
{tabType === BOOKING_LIST_TYPE && <BookingList />}
|
|
59
|
-
</Button>
|
|
60
|
-
);
|
|
61
|
-
})}
|
|
62
|
-
</div>
|
|
63
|
-
<span className="separator" />
|
|
64
|
-
<div className="children">{children}</div>
|
|
65
|
-
{hasPermission && (
|
|
66
|
-
<div className="buttons">
|
|
67
|
-
<Button
|
|
68
|
-
variant="outline-primary"
|
|
69
|
-
className="shadow-none mr-4"
|
|
70
|
-
onClick={onReportsClick}
|
|
71
|
-
>
|
|
72
|
-
<BookingListSmall className="mr-2" />
|
|
73
|
-
{t("generateReports")}
|
|
74
|
-
</Button>
|
|
75
|
-
<Button
|
|
76
|
-
variant="primary"
|
|
77
|
-
className="shadow-none"
|
|
78
|
-
onClick={onAddButtonClick}
|
|
79
|
-
>
|
|
80
|
-
<div className="icon">
|
|
81
|
-
<Icon type="plus" style={{ width: 10 }} color="#0E8CE2" />
|
|
82
|
-
</div>
|
|
83
|
-
{t("newBooking")}
|
|
84
|
-
</Button>
|
|
85
|
-
</div>
|
|
86
|
-
)}
|
|
87
|
-
</div>
|
|
88
|
-
);
|
|
89
|
-
};
|
|
File without changes
|
/package/dist/sales/booking/filter/{components/SearchingForSection.d.ts → SearchingForSection.d.ts}
RENAMED
|
File without changes
|
/package/dist/sales/booking/filter/{components/SearchingForSection.js → SearchingForSection.js}
RENAMED
|
File without changes
|