@homefile/components-v2 2.9.0 → 2.9.1

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 (3) hide show
  1. package/dist/components/tour/HomeBoardTour.js +22 -22
  2. package/package.json +1 -1
  3. package/src/components/tour/HomeBoardTour.tsx +15 -15
package/dist/components/tour/HomeBoardTour.js CHANGED
@@ -40,24 +40,17 @@ export const HomeBoardTour = ({ currentStep = 'homeboard', bubbleWidth = '300px'
40
40
  hideHeader: true,
41
41
  component: (_jsx(MeetStep, { description: t('tour.steps.meet.homeboardDescription'), nextButtonLabel: t('tour.steps.meet.homeboardLabel'), onClick: () => setCounter(counter + 1), onSkip: handleClose, title: t('tour.steps.meet.homeboardTitle'), tutorialUrl: meetStepUrl })),
42
42
  },
43
- // Reference component id -> HomeBoard/HomeHeader
44
- backToLaunchpad: {
45
- arrowLeft: 'left-top',
46
- leftRef: ((_a = coordinates.backToLaunchpad) === null || _a === void 0 ? void 0 : _a.x) + getDistanceFromArrow(36),
47
- topRef: getYPosition((_b = coordinates.backToLaunchpad) === null || _b === void 0 ? void 0 : _b.y, distanceFromEdgeArrowToBorder),
48
- component: (_jsx(BubbleText, { title: t('tour.steps.backToLaunchpad.title'), description: t('tour.steps.backToLaunchpad.description') })),
49
- },
50
43
  // Reference component id -> HomeBoard/HomeCard
51
44
  editHomeIcon: {
52
45
  arrowLeft: 'left-top',
53
- leftRef: ((_c = coordinates.editHomeIcon) === null || _c === void 0 ? void 0 : _c.x) + getDistanceFromArrow(30),
54
- topRef: getYPosition((_d = coordinates.editHomeIcon) === null || _d === void 0 ? void 0 : _d.y, distanceFromEdgeArrowToBorder),
46
+ leftRef: ((_a = coordinates.editHomeIcon) === null || _a === void 0 ? void 0 : _a.x) + getDistanceFromArrow(30),
47
+ topRef: getYPosition((_b = coordinates.editHomeIcon) === null || _b === void 0 ? void 0 : _b.y, distanceFromEdgeArrowToBorder),
55
48
  component: (_jsx(BubbleText, { title: t('tour.steps.editHomeIcon.title'), description: t('tour.steps.editHomeIcon.description') })),
56
49
  },
57
50
  // Reference component id -> FolderSharing/FolderSharing
58
51
  addFolders: {
59
52
  arrowRight: 'right-bottom',
60
- leftRef: ((_e = coordinates.addFolders) === null || _e === void 0 ? void 0 : _e.x) - bubbleArrowWidth,
53
+ leftRef: ((_c = coordinates.addFolders) === null || _c === void 0 ? void 0 : _c.x) - bubbleArrowWidth,
61
54
  bottomRef: 3,
62
55
  component: (_jsx(BubbleText, { title: t('tour.steps.addFolders.title'), description: t('tour.steps.addFolders.description') })),
63
56
  },
@@ -94,43 +87,43 @@ export const HomeBoardTour = ({ currentStep = 'homeboard', bubbleWidth = '300px'
94
87
  // Reference component id -> appBar/PeopleConnected
95
88
  shareWithOthers: {
96
89
  arrowTop: 'top',
97
- leftRef: getXPosition(((_f = coordinates.shareWithOthers) === null || _f === void 0 ? void 0 : _f.x) + 25, halfBubbleWidth),
98
- topRef: ((_g = coordinates.shareWithOthers) === null || _g === void 0 ? void 0 : _g.y) + appBarHeight,
90
+ leftRef: getXPosition(((_d = coordinates.shareWithOthers) === null || _d === void 0 ? void 0 : _d.x) + 25, halfBubbleWidth),
91
+ topRef: ((_e = coordinates.shareWithOthers) === null || _e === void 0 ? void 0 : _e.y) + appBarHeight,
99
92
  component: (_jsx(BubbleText, { title: t('tour.steps.shareWithOthers.title'), description: t('tour.steps.shareWithOthers.description') })),
100
93
  },
101
94
  // Reference component id -> appBar/ContactList
102
95
  viewContacts: {
103
96
  arrowTop: 'top',
104
- leftRef: getXPosition(((_h = coordinates.viewContacts) === null || _h === void 0 ? void 0 : _h.x) + 28, halfBubbleWidth),
105
- topRef: ((_j = coordinates.shareWithOthers) === null || _j === void 0 ? void 0 : _j.y) + appBarHeight,
97
+ leftRef: getXPosition(((_f = coordinates.viewContacts) === null || _f === void 0 ? void 0 : _f.x) + 28, halfBubbleWidth),
98
+ topRef: ((_g = coordinates.shareWithOthers) === null || _g === void 0 ? void 0 : _g.y) + appBarHeight,
106
99
  component: (_jsx(BubbleText, { title: t('tour.steps.viewContacts.title'), description: t('tour.steps.viewContacts.description') })),
107
100
  },
108
101
  // Reference component id -> appBar/TutorialsButton
109
102
  feedback: {
110
103
  arrowTop: 'top',
111
- leftRef: getXPosition(((_k = coordinates.feedback) === null || _k === void 0 ? void 0 : _k.x) + 14, halfBubbleWidth),
112
- topRef: ((_l = coordinates.feedback) === null || _l === void 0 ? void 0 : _l.y) + appBarHeight,
104
+ leftRef: getXPosition(((_h = coordinates.feedback) === null || _h === void 0 ? void 0 : _h.x) + 14, halfBubbleWidth),
105
+ topRef: ((_j = coordinates.feedback) === null || _j === void 0 ? void 0 : _j.y) + appBarHeight,
113
106
  component: (_jsx(BubbleText, { title: t('tour.steps.feedback.title'), description: t('tour.steps.feedback.description') })),
114
107
  },
115
108
  // Reference component id -> appBar/StorageUsed
116
109
  storageUsed: {
117
110
  arrowTop: 'top',
118
- leftRef: getXPosition(((_m = coordinates.storageUsed) === null || _m === void 0 ? void 0 : _m.x) + 30, halfBubbleWidth),
119
- topRef: ((_o = coordinates.shareWithOthers) === null || _o === void 0 ? void 0 : _o.y) + appBarHeight,
111
+ leftRef: getXPosition(((_k = coordinates.storageUsed) === null || _k === void 0 ? void 0 : _k.x) + 30, halfBubbleWidth),
112
+ topRef: ((_l = coordinates.shareWithOthers) === null || _l === void 0 ? void 0 : _l.y) + appBarHeight,
120
113
  component: (_jsx(BubbleText, { title: t('tour.steps.storageUsed.title'), description: t('tour.steps.storageUsed.description') })),
121
114
  },
122
115
  // Reference component id -> appBar/UserProfile
123
116
  profile: {
124
117
  arrowTop: 'top-right',
125
- leftRef: getXPosition(((_p = coordinates.profile) === null || _p === void 0 ? void 0 : _p.x) + 20, parsedBubbleWidth),
126
- topRef: ((_q = coordinates.shareWithOthers) === null || _q === void 0 ? void 0 : _q.y) + appBarHeight,
118
+ leftRef: getXPosition(((_m = coordinates.profile) === null || _m === void 0 ? void 0 : _m.x) + 20, parsedBubbleWidth),
119
+ topRef: ((_o = coordinates.shareWithOthers) === null || _o === void 0 ? void 0 : _o.y) + appBarHeight,
127
120
  component: (_jsx(BubbleText, { title: t('tour.steps.profile.title'), description: t('tour.steps.profile.description') })),
128
121
  },
129
122
  // Reference component id -> appBar/ContactList
130
123
  addCatalog: {
131
124
  arrowRight: 'right-top',
132
- leftRef: getXPosition(((_r = coordinates.viewContacts) === null || _r === void 0 ? void 0 : _r.x) + 28, halfBubbleWidth),
133
- topRef: ((_s = coordinates.viewContacts) === null || _s === void 0 ? void 0 : _s.y) + 40,
125
+ leftRef: getXPosition(((_p = coordinates.viewContacts) === null || _p === void 0 ? void 0 : _p.x) + 28, halfBubbleWidth),
126
+ topRef: ((_q = coordinates.viewContacts) === null || _q === void 0 ? void 0 : _q.y) + 40,
134
127
  component: (_jsx(BubbleText, { title: t('tour.steps.addCatalog.title'), description: t('tour.steps.addCatalog.description') })),
135
128
  },
136
129
  partnerCatalog: {
@@ -151,6 +144,13 @@ export const HomeBoardTour = ({ currentStep = 'homeboard', bubbleWidth = '300px'
151
144
  topRef: getYPosition(height, height - 400),
152
145
  component: (_jsx(BubbleText, { title: t('tour.steps.customizeItems.title'), description: t('tour.steps.customizeItems.description') })),
153
146
  },
147
+ // Reference component id -> HomeBoard/HomeHeader
148
+ backToLaunchpad: {
149
+ arrowLeft: 'left-top',
150
+ leftRef: ((_r = coordinates.backToLaunchpad) === null || _r === void 0 ? void 0 : _r.x) + getDistanceFromArrow(36),
151
+ topRef: getYPosition((_s = coordinates.backToLaunchpad) === null || _s === void 0 ? void 0 : _s.y, distanceFromEdgeArrowToBorder),
152
+ component: (_jsx(BubbleText, { title: t('tour.steps.backToLaunchpad.title'), description: t('tour.steps.backToLaunchpad.description') })),
153
+ },
154
154
  };
155
155
  if (!isActive)
156
156
  return null;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@homefile/components-v2",
3
- "version": "2.9.0",
3
+ "version": "2.9.1",
4
4
  "author": "Homefile",
5
5
  "license": "UNLICENSED",
6
6
  "typings": "dist/index.d.ts",
package/src/components/tour/HomeBoardTour.tsx CHANGED
@@ -78,21 +78,6 @@ export const HomeBoardTour = ({
78
78
  />
79
79
  ),
80
80
  },
81
- // Reference component id -> HomeBoard/HomeHeader
82
- backToLaunchpad: {
83
- arrowLeft: 'left-top',
84
- leftRef: coordinates.backToLaunchpad?.x + getDistanceFromArrow(36),
85
- topRef: getYPosition(
86
- coordinates.backToLaunchpad?.y,
87
- distanceFromEdgeArrowToBorder
88
- ),
89
- component: (
90
- <BubbleText
91
- title={t('tour.steps.backToLaunchpad.title')}
92
- description={t('tour.steps.backToLaunchpad.description')}
93
- />
94
- ),
95
- },
96
81
  // Reference component id -> HomeBoard/HomeCard
97
82
  editHomeIcon: {
98
83
  arrowLeft: 'left-top',
@@ -284,6 +269,21 @@ export const HomeBoardTour = ({
284
269
  />
285
270
  ),
286
271
  },
272
+ // Reference component id -> HomeBoard/HomeHeader
273
+ backToLaunchpad: {
274
+ arrowLeft: 'left-top',
275
+ leftRef: coordinates.backToLaunchpad?.x + getDistanceFromArrow(36),
276
+ topRef: getYPosition(
277
+ coordinates.backToLaunchpad?.y,
278
+ distanceFromEdgeArrowToBorder
279
+ ),
280
+ component: (
281
+ <BubbleText
282
+ title={t('tour.steps.backToLaunchpad.title')}
283
+ description={t('tour.steps.backToLaunchpad.description')}
284
+ />
285
+ ),
286
+ },
287
287
  }
288
288
 
289
289
  if (!isActive) return null