@licklist/design 0.78.5-dev.39 → 0.78.5-dev.40

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 (4) hide show
  1. package/dist/v2/navigation/DashboardLayout/TopNavigation.d.ts.map +1 -1
  2. package/dist/v2/navigation/DashboardLayout/TopNavigation.js +18 -130
  3. package/package.json +2 -2
  4. package/src/v2/navigation/DashboardLayout/TopNavigation.tsx +5 -1
package/dist/v2/navigation/DashboardLayout/TopNavigation.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TopNavigation.d.ts","sourceRoot":"","sources":["../../../../src/v2/navigation/DashboardLayout/TopNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,sBAAsB,CAAA;AAM7B,MAAM,WAAW,kBAAkB;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAA;CAC1B;AAoGD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkJtD,CAAA"}
1
+ {"version":3,"file":"TopNavigation.d.ts","sourceRoot":"","sources":["../../../../src/v2/navigation/DashboardLayout/TopNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,sBAAsB,CAAA;AAM7B,MAAM,WAAW,kBAAkB;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAA;CAC1B;AAoGD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsJtD,CAAA"}
package/dist/v2/navigation/DashboardLayout/TopNavigation.js CHANGED
@@ -1,4 +1,4 @@
1
- import { jsxs, jsx } from 'react/jsx-runtime';
1
+ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
2
2
  import { useState } from 'react';
3
3
  import './TopNavigation.scss.js';
4
4
  import img from './assets/BookedLogo_Mark.png.js';
@@ -110,68 +110,6 @@ var SidebarCollapsedIcon = function() {
110
110
  ]
111
111
  });
112
112
  };
113
- var InboxIcon = function(param) {
114
- var active = param.active, hovered = param.hovered;
115
- return /*#__PURE__*/ jsxs("svg", {
116
- width: "32",
117
- height: "32",
118
- viewBox: "0 0 32 32",
119
- fill: "none",
120
- children: [
121
- hovered && !active && /*#__PURE__*/ jsx("path", {
122
- d: "M11 10H21L22.5 18H19L18 20L16 20.5L14 20L13 18H9.5L11 10Z",
123
- fill: "var(--fills-main-fill-secondary, #626A90)",
124
- fillOpacity: "0.3"
125
- }),
126
- active && /*#__PURE__*/ jsx("path", {
127
- d: "M11 10H21L22.5 18H19L18 20L16 20.5L14 20L13 18H9.5L11 10Z",
128
- fill: "white",
129
- fillOpacity: "0.3"
130
- }),
131
- /*#__PURE__*/ jsx("path", {
132
- d: "M8.02381 7.78307C8.12549 7.32553 8.5313 7 9 7H23C23.4687 7 23.8745 7.32553 23.9762 7.78307L25.9762 16.7831C25.992 16.8543 26 16.927 26 17V24C26 24.5523 25.5523 25 25 25H7C6.44772 25 6 24.5523 6 24V17C6 16.927 6.00799 16.8543 6.02381 16.7831L8.02381 7.78307ZM9.80217 9L8.24662 16H13C13 17.6569 14.3431 19 16 19C17.6569 19 19 17.6569 19 16H23.7534L22.1978 9H9.80217ZM20.584 18C19.8124 19.7659 18.0503 21 16 21C13.9497 21 12.1876 19.7659 11.416 18H8V23H24V18H20.584Z",
133
- fill: active ? 'white' : 'var(--fills-main-fill-secondary, #626A90)'
134
- })
135
- ]
136
- });
137
- };
138
- var NotificationIcon = function(param) {
139
- var active = param.active, hovered = param.hovered;
140
- if (active) {
141
- return /*#__PURE__*/ jsx("svg", {
142
- width: "32",
143
- height: "32",
144
- viewBox: "0 0 32 32",
145
- fill: "none",
146
- children: /*#__PURE__*/ jsx("path", {
147
- d: "M22 14C22 10.6863 19.3137 8 16 8C12.6863 8 10 10.6863 10 14V22H22V14ZM24 22.6667L24.4 23.2C24.5657 23.4209 24.5209 23.7343 24.3 23.9C24.2135 23.9649 24.1082 24 24 24H8C7.72386 24 7.5 23.7761 7.5 23.5C7.5 23.3918 7.53509 23.2865 7.6 23.2L8 22.6667V14C8 9.58172 11.5817 6 16 6C20.4183 6 24 9.58172 24 14V22.6667ZM13.5 25H18.5C18.5 26.3807 17.3807 27.5 16 27.5C14.6193 27.5 13.5 26.3807 13.5 25Z",
148
- fill: "white"
149
- })
150
- });
151
- }
152
- if (hovered) {
153
- return /*#__PURE__*/ jsx("svg", {
154
- width: "32",
155
- height: "32",
156
- viewBox: "0 0 32 32",
157
- fill: "none",
158
- children: /*#__PURE__*/ jsx("path", {
159
- d: "M22.4874 15.5353C23.2901 12.3202 21.3346 9.06324 18.1196 8.26054C14.9045 7.45785 11.6475 9.41342 10.8448 12.6284L8.90696 20.3902L20.5496 23.297L22.4874 15.5353ZM22.3285 24.4283L22.5874 25.0426C22.6947 25.2971 22.5753 25.5903 22.3208 25.6976C22.2212 25.7396 22.1105 25.7481 22.0055 25.7219L6.48205 21.8461C6.21413 21.7792 6.05118 21.5078 6.11806 21.2399C6.14427 21.1349 6.20382 21.0413 6.28775 20.9731L6.80502 20.5525L8.9044 12.144C9.97467 7.85727 14.3173 5.24985 18.604 6.32011C22.8907 7.39038 25.4981 11.733 24.4279 16.0197L22.3285 24.4283ZM15.4569 25.1176L20.308 26.3288C19.9735 27.6683 18.6164 28.4832 17.2768 28.1487C15.9373 27.8143 15.1224 26.4572 15.4569 25.1176Z",
160
- fill: "var(--fills-main-fill-secondary, #626A90)"
161
- })
162
- });
163
- }
164
- return /*#__PURE__*/ jsx("svg", {
165
- width: "32",
166
- height: "32",
167
- viewBox: "0 0 32 32",
168
- fill: "none",
169
- children: /*#__PURE__*/ jsx("path", {
170
- d: "M22 14C22 10.6863 19.3137 8 16 8C12.6863 8 10 10.6863 10 14V22H22V14ZM24 22.6667L24.4 23.2C24.5657 23.4209 24.5209 23.7343 24.3 23.9C24.2135 23.9649 24.1082 24 24 24H8C7.72386 24 7.5 23.7761 7.5 23.5C7.5 23.3918 7.53509 23.2865 7.6 23.2L8 22.6667V14C8 9.58172 11.5817 6 16 6C20.4183 6 24 9.58172 24 14V22.6667ZM13.5 25H18.5C18.5 26.3807 17.3807 27.5 16 27.5C14.6193 27.5 13.5 26.3807 13.5 25Z",
171
- fill: "var(--fills-main-fill-secondary, #626A90)"
172
- })
173
- });
174
- };
175
113
  var HelpIcon = function(param) {
176
114
  var hovered = param.hovered;
177
115
  return /*#__PURE__*/ jsxs("svg", {
@@ -299,16 +237,12 @@ var CloseIcon = function() {
299
237
  });
300
238
  };
301
239
  var TopNavigation = function(param) {
302
- var _param_sidebarCollapsed = param.sidebarCollapsed, sidebarCollapsed = _param_sidebarCollapsed === void 0 ? false : _param_sidebarCollapsed, onSidebarToggle = param.onSidebarToggle, _param_userInitials = param.userInitials, userInitials = _param_userInitials === void 0 ? 'U' : _param_userInitials, _param_userName = param.userName, userName = _param_userName === void 0 ? 'User' : _param_userName, userEmail = param.userEmail, userAvatarUrl = param.userAvatarUrl, userId = param.userId, userRole = param.userRole, _param_inboxCount = param.inboxCount, inboxCount = _param_inboxCount === void 0 ? 0 : _param_inboxCount, _param_notificationCount = param.notificationCount, notificationCount = _param_notificationCount === void 0 ? 0 : _param_notificationCount, onUserClick = param.onUserClick, onInboxClick = param.onInboxClick, onNotificationClick = param.onNotificationClick, onHelpClick = param.onHelpClick, onProfileClick = param.onProfileClick, onLogoutClick = param.onLogoutClick, _param_mobileMenuOpen = param.mobileMenuOpen, mobileMenuOpen = _param_mobileMenuOpen === void 0 ? false : _param_mobileMenuOpen, onMobileMenuToggle = param.onMobileMenuToggle, _param_sidebarToggleDisabled = param.sidebarToggleDisabled, sidebarToggleDisabled = _param_sidebarToggleDisabled === void 0 ? false : _param_sidebarToggleDisabled, _param_userPanelOpen = param.userPanelOpen, userPanelOpen = _param_userPanelOpen === void 0 ? false : _param_userPanelOpen;
240
+ var _param_sidebarCollapsed = param.sidebarCollapsed, sidebarCollapsed = _param_sidebarCollapsed === void 0 ? false : _param_sidebarCollapsed, onSidebarToggle = param.onSidebarToggle, _param_userInitials = param.userInitials, userInitials = _param_userInitials === void 0 ? 'U' : _param_userInitials, _param_userName = param.userName, userName = _param_userName === void 0 ? 'User' : _param_userName, userEmail = param.userEmail, userAvatarUrl = param.userAvatarUrl, userId = param.userId, userRole = param.userRole; param.inboxCount; param.notificationCount; var onUserClick = param.onUserClick; param.onInboxClick; param.onNotificationClick; var onHelpClick = param.onHelpClick, onProfileClick = param.onProfileClick, onLogoutClick = param.onLogoutClick, _param_mobileMenuOpen = param.mobileMenuOpen, mobileMenuOpen = _param_mobileMenuOpen === void 0 ? false : _param_mobileMenuOpen, onMobileMenuToggle = param.onMobileMenuToggle, _param_sidebarToggleDisabled = param.sidebarToggleDisabled, sidebarToggleDisabled = _param_sidebarToggleDisabled === void 0 ? false : _param_sidebarToggleDisabled, _param_userPanelOpen = param.userPanelOpen, userPanelOpen = _param_userPanelOpen === void 0 ? false : _param_userPanelOpen;
303
241
  var _useState = _sliced_to_array(useState(null), 2), hoveredItem = _useState[0], setHoveredItem = _useState[1];
304
- var _useState1 = _sliced_to_array(useState(false), 2), isNotificationActive = _useState1[0], setIsNotificationActive = _useState1[1];
242
+ var _useState1 = _sliced_to_array(useState(false), 2); _useState1[0]; _useState1[1];
305
243
  var handleUserClick = function() {
306
244
  onUserClick === null || onUserClick === void 0 ? void 0 : onUserClick();
307
245
  };
308
- var handleNotificationClick = function() {
309
- setIsNotificationActive(!isNotificationActive);
310
- onNotificationClick === null || onNotificationClick === void 0 ? void 0 : onNotificationClick();
311
- };
312
246
  return /*#__PURE__*/ jsxs("header", {
313
247
  className: "top-navigation",
314
248
  children: [
@@ -323,7 +257,21 @@ var TopNavigation = function(param) {
323
257
  children: mobileMenuOpen ? /*#__PURE__*/ jsx(CloseIcon, {}) : /*#__PURE__*/ jsx(BurgerIcon, {})
324
258
  }),
325
259
  /*#__PURE__*/ jsx(Tooltip, {
326
- content: sidebarCollapsed ? 'Expand ]' : 'Collapse [',
260
+ content: sidebarCollapsed ? /*#__PURE__*/ jsxs(Fragment, {
261
+ children: [
262
+ "Expand ",
263
+ /*#__PURE__*/ jsx("strong", {
264
+ children: "]"
265
+ })
266
+ ]
267
+ }) : /*#__PURE__*/ jsxs(Fragment, {
268
+ children: [
269
+ "Collapse ",
270
+ /*#__PURE__*/ jsx("strong", {
271
+ children: "["
272
+ })
273
+ ]
274
+ }),
327
275
  side: "bottom",
328
276
  sideOffset: 8,
329
277
  children: /*#__PURE__*/ jsx("button", {
@@ -368,66 +316,6 @@ var TopNavigation = function(param) {
368
316
  })
369
317
  })
370
318
  }),
371
- /*#__PURE__*/ jsx(Tooltip, {
372
- content: "Inbox",
373
- side: "bottom",
374
- sideOffset: 8,
375
- children: /*#__PURE__*/ jsxs("button", {
376
- className: "top-navigation__button",
377
- onMouseEnter: function() {
378
- return setHoveredItem('inbox');
379
- },
380
- onMouseLeave: function() {
381
- return setHoveredItem(null);
382
- },
383
- onClick: onInboxClick,
384
- children: [
385
- /*#__PURE__*/ jsx("div", {
386
- className: "top-navigation__icon",
387
- children: /*#__PURE__*/ jsx(InboxIcon, {
388
- hovered: hoveredItem === 'inbox'
389
- })
390
- }),
391
- inboxCount > 0 && /*#__PURE__*/ jsx("div", {
392
- className: "top-navigation__badge top-navigation__badge--green",
393
- children: /*#__PURE__*/ jsx("span", {
394
- children: inboxCount
395
- })
396
- })
397
- ]
398
- })
399
- }),
400
- /*#__PURE__*/ jsx(Tooltip, {
401
- content: "Notifications",
402
- side: "bottom",
403
- sideOffset: 8,
404
- disabled: isNotificationActive,
405
- children: /*#__PURE__*/ jsxs("button", {
406
- className: "top-navigation__button ".concat(isNotificationActive ? 'top-navigation__button--active' : ''),
407
- onMouseEnter: function() {
408
- return setHoveredItem('notifications');
409
- },
410
- onMouseLeave: function() {
411
- return setHoveredItem(null);
412
- },
413
- onClick: handleNotificationClick,
414
- children: [
415
- /*#__PURE__*/ jsx("div", {
416
- className: "top-navigation__icon",
417
- children: /*#__PURE__*/ jsx(NotificationIcon, {
418
- active: isNotificationActive,
419
- hovered: hoveredItem === 'notifications'
420
- })
421
- }),
422
- notificationCount > 0 && /*#__PURE__*/ jsx("div", {
423
- className: "top-navigation__badge ".concat(isNotificationActive ? 'top-navigation__badge--active' : 'top-navigation__badge--orange'),
424
- children: /*#__PURE__*/ jsx("span", {
425
- children: notificationCount
426
- })
427
- })
428
- ]
429
- })
430
- }),
431
319
  /*#__PURE__*/ jsx(Tooltip, {
432
320
  content: "Help & FAQ's",
433
321
  side: "bottom",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@licklist/design",
3
- "version": "0.78.5-dev.39",
3
+ "version": "0.78.5-dev.40",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/bookedit-licklist/licklist_design.git"
@@ -226,5 +226,5 @@
226
226
  "yarn": "4.4.0"
227
227
  },
228
228
  "packageManager": "yarn@4.8.0",
229
- "stableVersion": "0.78.5-dev.38"
229
+ "stableVersion": "0.78.5-dev.39"
230
230
  }
package/src/v2/navigation/DashboardLayout/TopNavigation.tsx CHANGED
@@ -172,7 +172,7 @@ export const TopNavigation: React.FC<TopNavigationProps> = ({
172
172
  </button>
173
173
 
174
174
  <Tooltip
175
- content={sidebarCollapsed ? 'Expand ]' : 'Collapse ['}
175
+ content={sidebarCollapsed ? <>Expand <strong>]</strong></> : <>Collapse <strong>[</strong></>}
176
176
  side="bottom"
177
177
  sideOffset={8}
178
178
  >
@@ -207,6 +207,7 @@ export const TopNavigation: React.FC<TopNavigationProps> = ({
207
207
  </button>
208
208
  </Tooltip>
209
209
 
210
+ {/* Inbox - temporarily hidden
210
211
  <Tooltip content="Inbox" side="bottom" sideOffset={8}>
211
212
  <button
212
213
  className="top-navigation__button"
@@ -224,7 +225,9 @@ export const TopNavigation: React.FC<TopNavigationProps> = ({
224
225
  )}
225
226
  </button>
226
227
  </Tooltip>
228
+ */}
227
229
 
230
+ {/* Notifications - temporarily hidden
228
231
  <Tooltip content="Notifications" side="bottom" sideOffset={8} disabled={isNotificationActive}>
229
232
  <button
230
233
  className={`top-navigation__button ${isNotificationActive ? 'top-navigation__button--active' : ''}`}
@@ -242,6 +245,7 @@ export const TopNavigation: React.FC<TopNavigationProps> = ({
242
245
  )}
243
246
  </button>
244
247
  </Tooltip>
248
+ */}
245
249
 
246
250
  <Tooltip content="Help & FAQ's" side="bottom" sideOffset={8}>
247
251
  <button