@homefile/components-v2 2.9.0 → 2.9.2

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: {
@@ -139,6 +132,13 @@ export const HomeBoardTour = ({ currentStep = 'homeboard', bubbleWidth = '300px'
139
132
  topRef: getYPosition(height, height - 300),
140
133
  component: (_jsx(BubbleText, { title: t('tour.steps.partnerCatalog.title'), description: t('tour.steps.partnerCatalog.description') })),
141
134
  },
135
+ // Reference component id -> HomeBoard/HomeHeader
136
+ backToLaunchpad: {
137
+ arrowLeft: 'left-top',
138
+ leftRef: ((_r = coordinates.backToLaunchpad) === null || _r === void 0 ? void 0 : _r.x) + getDistanceFromArrow(36),
139
+ topRef: getYPosition((_s = coordinates.backToLaunchpad) === null || _s === void 0 ? void 0 : _s.y, distanceFromEdgeArrowToBorder),
140
+ component: (_jsx(BubbleText, { title: t('tour.steps.backToLaunchpad.title'), description: t('tour.steps.backToLaunchpad.description') })),
141
+ },
142
142
  addHouseholdItem: {
143
143
  arrowRight: 'right-top',
144
144
  leftRef: getXPosition(width, panelBubbleArrowSize + 30),
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.2",
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',
@@ -262,6 +247,21 @@ export const HomeBoardTour = ({
262
247
  />
263
248
  ),
264
249
  },
250
+ // Reference component id -> HomeBoard/HomeHeader
251
+ backToLaunchpad: {
252
+ arrowLeft: 'left-top',
253
+ leftRef: coordinates.backToLaunchpad?.x + getDistanceFromArrow(36),
254
+ topRef: getYPosition(
255
+ coordinates.backToLaunchpad?.y,
256
+ distanceFromEdgeArrowToBorder
257
+ ),
258
+ component: (
259
+ <BubbleText
260
+ title={t('tour.steps.backToLaunchpad.title')}
261
+ description={t('tour.steps.backToLaunchpad.description')}
262
+ />
263
+ ),
264
+ },
265
265
  addHouseholdItem: {
266
266
  arrowRight: 'right-top',
267
267
  leftRef: getXPosition(width, panelBubbleArrowSize + 30),