@licklist/design 0.78.5-dev.32 → 0.78.5-dev.34

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 (196) hide show
  1. package/dist/assets/Trend-Down.svg +3 -0
  2. package/dist/assets/Trend-Down.svg.js +16 -0
  3. package/dist/assets/Trend-Up.svg +3 -0
  4. package/dist/assets/Trend-Up.svg.js +16 -0
  5. package/dist/auth/Layout/UserNavDropDown.js +1 -1
  6. package/dist/auth/Login/LoginComponent.d.ts.map +1 -1
  7. package/dist/auth/Login/LoginComponent.js +10 -7
  8. package/dist/auth/Logout/Logout.js +1 -1
  9. package/dist/index.d.ts +2 -0
  10. package/dist/index.d.ts.map +1 -1
  11. package/dist/index.js +11 -0
  12. package/dist/v2/components/EntityHeader/EntityHeader.d.ts +13 -0
  13. package/dist/v2/components/EntityHeader/EntityHeader.d.ts.map +1 -0
  14. package/dist/v2/components/EntityHeader/EntityHeader.js +85 -0
  15. package/dist/v2/components/EntityHeader/EntityHeader.scss.js +6 -0
  16. package/dist/v2/components/EntityHeader/index.d.ts +2 -0
  17. package/dist/v2/components/EntityHeader/index.d.ts.map +1 -0
  18. package/dist/v2/components/Select/Select.d.ts +10 -0
  19. package/dist/v2/components/Select/Select.d.ts.map +1 -0
  20. package/dist/v2/components/Select/Select.js +128 -0
  21. package/dist/v2/components/Select/Select.scss.js +6 -0
  22. package/dist/v2/components/Select/index.d.ts +3 -0
  23. package/dist/v2/components/Select/index.d.ts.map +1 -0
  24. package/dist/v2/components/Tooltip/Tooltip.d.ts +20 -0
  25. package/dist/v2/components/Tooltip/Tooltip.d.ts.map +1 -0
  26. package/dist/v2/components/Tooltip/Tooltip.js +103 -0
  27. package/dist/v2/components/Tooltip/Tooltip.scss.js +6 -0
  28. package/dist/v2/components/Tooltip/index.d.ts +2 -0
  29. package/dist/v2/components/Tooltip/index.d.ts.map +1 -0
  30. package/dist/v2/components/UserAvatar/UserAvatar.d.ts +12 -0
  31. package/dist/v2/components/UserAvatar/UserAvatar.d.ts.map +1 -0
  32. package/dist/v2/components/UserAvatar/UserAvatar.js +77 -0
  33. package/dist/v2/components/UserAvatar/UserAvatar.scss.js +6 -0
  34. package/dist/v2/components/UserAvatar/index.d.ts +2 -0
  35. package/dist/v2/components/UserAvatar/index.d.ts.map +1 -0
  36. package/dist/v2/components/UserPanel/UserPanel.d.ts +17 -0
  37. package/dist/v2/components/UserPanel/UserPanel.d.ts.map +1 -0
  38. package/dist/v2/components/UserPanel/index.d.ts +3 -0
  39. package/dist/v2/components/UserPanel/index.d.ts.map +1 -0
  40. package/dist/v2/dashboard-analytics/blog-posts/Blog.d.ts +15 -0
  41. package/dist/v2/dashboard-analytics/blog-posts/Blog.d.ts.map +1 -0
  42. package/dist/v2/dashboard-analytics/blog-posts/Blog.js +103 -0
  43. package/dist/v2/dashboard-analytics/blog-posts/Blog.scss.js +6 -0
  44. package/dist/v2/dashboard-analytics/blog-posts/index.d.ts +3 -0
  45. package/dist/v2/dashboard-analytics/blog-posts/index.d.ts.map +1 -0
  46. package/dist/v2/dashboard-analytics/chart/Chart.d.ts +21 -0
  47. package/dist/v2/dashboard-analytics/chart/Chart.d.ts.map +1 -0
  48. package/dist/v2/dashboard-analytics/chart/Chart.js +733 -0
  49. package/dist/v2/dashboard-analytics/chart/Chart.scss.js +6 -0
  50. package/dist/v2/dashboard-analytics/chart/index.d.ts +3 -0
  51. package/dist/v2/dashboard-analytics/chart/index.d.ts.map +1 -0
  52. package/dist/v2/dashboard-analytics/dashboard/Dashboard.d.ts +57 -0
  53. package/dist/v2/dashboard-analytics/dashboard/Dashboard.d.ts.map +1 -0
  54. package/dist/v2/dashboard-analytics/dashboard/Dashboard.js +270 -0
  55. package/dist/v2/dashboard-analytics/dashboard/Dashboard.scss.js +6 -0
  56. package/dist/v2/dashboard-analytics/dashboard/index.d.ts +3 -0
  57. package/dist/v2/dashboard-analytics/dashboard/index.d.ts.map +1 -0
  58. package/dist/v2/dashboard-analytics/index.d.ts +13 -0
  59. package/dist/v2/dashboard-analytics/index.d.ts.map +1 -0
  60. package/dist/v2/dashboard-analytics/metric-card/MetricCard.d.ts +17 -0
  61. package/dist/v2/dashboard-analytics/metric-card/MetricCard.d.ts.map +1 -0
  62. package/dist/v2/dashboard-analytics/metric-card/MetricCard.js +65 -0
  63. package/dist/v2/dashboard-analytics/metric-card/MetricCard.scss.js +6 -0
  64. package/dist/v2/dashboard-analytics/metric-card/index.d.ts +3 -0
  65. package/dist/v2/dashboard-analytics/metric-card/index.d.ts.map +1 -0
  66. package/dist/v2/dashboard-analytics/venue-card/VenueCard.d.ts +12 -0
  67. package/dist/v2/dashboard-analytics/venue-card/VenueCard.d.ts.map +1 -0
  68. package/dist/v2/dashboard-analytics/venue-card/VenueCard.js +50 -0
  69. package/dist/v2/dashboard-analytics/venue-card/VenueCard.scss.js +6 -0
  70. package/dist/v2/dashboard-analytics/venue-card/index.d.ts +3 -0
  71. package/dist/v2/dashboard-analytics/venue-card/index.d.ts.map +1 -0
  72. package/dist/v2/dashboard-analytics/venue-closed-card/VenueClosedCard.d.ts +25 -0
  73. package/dist/v2/dashboard-analytics/venue-closed-card/VenueClosedCard.d.ts.map +1 -0
  74. package/dist/v2/dashboard-analytics/venue-closed-card/VenueClosedCard.js +48 -0
  75. package/dist/v2/dashboard-analytics/venue-closed-card/VenueClosedCard.scss.js +6 -0
  76. package/dist/v2/dashboard-analytics/venue-closed-card/index.d.ts +3 -0
  77. package/dist/v2/dashboard-analytics/venue-closed-card/index.d.ts.map +1 -0
  78. package/dist/v2/index.d.ts +7 -5
  79. package/dist/v2/index.d.ts.map +1 -1
  80. package/dist/v2/navigation/DashboardLayout/AdminSidebar.d.ts +10 -0
  81. package/dist/v2/navigation/DashboardLayout/AdminSidebar.d.ts.map +1 -0
  82. package/dist/v2/navigation/DashboardLayout/AdminSidebar.js +296 -0
  83. package/dist/v2/navigation/DashboardLayout/AdminSidebar.scss.js +6 -0
  84. package/dist/v2/navigation/DashboardLayout/DashboardFooter.d.ts +7 -0
  85. package/dist/v2/navigation/DashboardLayout/DashboardFooter.d.ts.map +1 -0
  86. package/dist/v2/navigation/DashboardLayout/DashboardFooter.js +34 -0
  87. package/dist/v2/navigation/DashboardLayout/DashboardFooter.scss.js +6 -0
  88. package/dist/v2/navigation/DashboardLayout/DashboardLayout.d.ts +34 -0
  89. package/dist/v2/navigation/DashboardLayout/DashboardLayout.d.ts.map +1 -0
  90. package/dist/v2/navigation/DashboardLayout/DashboardLayout.js +148 -0
  91. package/dist/v2/navigation/DashboardLayout/DashboardLayout.scss.js +6 -0
  92. package/dist/v2/navigation/DashboardLayout/ProviderSidebar.d.ts +15 -0
  93. package/dist/v2/navigation/DashboardLayout/ProviderSidebar.d.ts.map +1 -0
  94. package/dist/v2/navigation/DashboardLayout/ProviderSidebar.js +343 -0
  95. package/dist/v2/navigation/DashboardLayout/ProviderSidebar.scss.js +6 -0
  96. package/dist/v2/navigation/DashboardLayout/TopNavigation.d.ts +21 -0
  97. package/dist/v2/navigation/DashboardLayout/TopNavigation.d.ts.map +1 -0
  98. package/dist/v2/navigation/DashboardLayout/TopNavigation.js +453 -0
  99. package/dist/v2/navigation/DashboardLayout/TopNavigation.scss.js +6 -0
  100. package/dist/v2/navigation/DashboardLayout/assets/AdminLogo.png.js +3 -0
  101. package/dist/v2/navigation/DashboardLayout/assets/BookedLogo_Mark.png.js +3 -0
  102. package/dist/v2/navigation/DashboardLayout/index.d.ts +7 -0
  103. package/dist/v2/navigation/DashboardLayout/index.d.ts.map +1 -0
  104. package/package.json +6 -5
  105. package/src/assets/Trend-Down.svg +3 -0
  106. package/src/assets/Trend-Up.svg +3 -0
  107. package/src/auth/Layout/UserNavDropDown.tsx +1 -1
  108. package/src/auth/Login/LoginComponent.tsx +8 -5
  109. package/src/auth/Logout/Logout.tsx +1 -1
  110. package/src/index.ts +3 -1
  111. package/src/v2/components/EntityHeader/EntityHeader.scss +133 -0
  112. package/src/v2/components/EntityHeader/EntityHeader.stories.tsx +103 -0
  113. package/src/v2/components/EntityHeader/EntityHeader.tsx +76 -0
  114. package/src/v2/components/EntityHeader/index.ts +1 -0
  115. package/src/v2/components/Select/Select.scss +188 -0
  116. package/src/v2/components/Select/Select.stories.tsx +164 -0
  117. package/src/v2/components/Select/Select.tsx +56 -0
  118. package/src/v2/components/Select/index.ts +2 -0
  119. package/src/v2/components/Tooltip/Tooltip.scss +92 -0
  120. package/src/v2/components/Tooltip/Tooltip.stories.tsx +164 -0
  121. package/src/v2/components/Tooltip/Tooltip.tsx +64 -0
  122. package/src/v2/components/Tooltip/index.ts +8 -0
  123. package/src/v2/components/UserAvatar/UserAvatar.scss +62 -0
  124. package/src/v2/components/UserAvatar/UserAvatar.stories.tsx +94 -0
  125. package/src/v2/components/UserAvatar/UserAvatar.tsx +96 -0
  126. package/src/v2/components/UserAvatar/index.ts +1 -0
  127. package/src/v2/components/UserPanel/UserPanel.scss +195 -0
  128. package/src/v2/components/UserPanel/UserPanel.stories.tsx +66 -0
  129. package/src/v2/components/UserPanel/UserPanel.tsx +132 -0
  130. package/src/v2/components/UserPanel/index.ts +2 -0
  131. package/src/v2/dashboard-analytics/blog-posts/Blog.scss +92 -0
  132. package/src/v2/dashboard-analytics/blog-posts/Blog.stories.tsx +57 -0
  133. package/src/v2/dashboard-analytics/blog-posts/Blog.tsx +91 -0
  134. package/src/v2/dashboard-analytics/blog-posts/index.ts +2 -0
  135. package/src/v2/dashboard-analytics/chart/Chart.scss +424 -0
  136. package/src/v2/dashboard-analytics/chart/Chart.stories.tsx +157 -0
  137. package/src/v2/dashboard-analytics/chart/Chart.tsx +623 -0
  138. package/src/v2/dashboard-analytics/chart/index.ts +2 -0
  139. package/src/v2/dashboard-analytics/dashboard/Dashboard.scss +254 -0
  140. package/src/v2/dashboard-analytics/dashboard/Dashboard.stories.tsx +264 -0
  141. package/src/v2/dashboard-analytics/dashboard/Dashboard.tsx +248 -0
  142. package/src/v2/dashboard-analytics/dashboard/index.ts +2 -0
  143. package/src/v2/dashboard-analytics/index.ts +12 -0
  144. package/src/v2/dashboard-analytics/metric-card/MetricCard.scss +125 -0
  145. package/src/v2/dashboard-analytics/metric-card/MetricCard.stories.tsx +106 -0
  146. package/src/v2/dashboard-analytics/metric-card/MetricCard.tsx +72 -0
  147. package/src/v2/dashboard-analytics/metric-card/index.ts +2 -0
  148. package/src/v2/dashboard-analytics/venue-card/VenueCard.scss +112 -0
  149. package/src/v2/dashboard-analytics/venue-card/VenueCard.stories.tsx +40 -0
  150. package/src/v2/dashboard-analytics/venue-card/VenueCard.tsx +62 -0
  151. package/src/v2/dashboard-analytics/venue-card/index.ts +2 -0
  152. package/src/v2/dashboard-analytics/venue-closed-card/VenueClosedCard.scss +129 -0
  153. package/src/v2/dashboard-analytics/venue-closed-card/VenueClosedCard.stories.tsx +31 -0
  154. package/src/v2/dashboard-analytics/venue-closed-card/VenueClosedCard.tsx +61 -0
  155. package/src/v2/dashboard-analytics/venue-closed-card/index.ts +2 -0
  156. package/src/v2/design-system/colors/ColorSystem.scss +439 -0
  157. package/src/v2/design-system/colors/ColorSystem.stories.tsx +730 -0
  158. package/src/v2/design-system/typography/Typography.scss +295 -0
  159. package/src/v2/design-system/typography/Typography.stories.tsx +109 -0
  160. package/src/v2/index.ts +11 -7
  161. package/src/v2/navigation/DashboardLayout/AdminSidebar.scss +207 -0
  162. package/src/v2/navigation/DashboardLayout/AdminSidebar.tsx +171 -0
  163. package/src/v2/navigation/DashboardLayout/DashboardFooter.scss +30 -0
  164. package/src/v2/navigation/DashboardLayout/DashboardFooter.tsx +25 -0
  165. package/src/v2/navigation/DashboardLayout/DashboardLayout.scss +91 -0
  166. package/src/v2/navigation/DashboardLayout/DashboardLayout.stories.tsx +370 -0
  167. package/src/v2/navigation/DashboardLayout/DashboardLayout.tsx +190 -0
  168. package/src/v2/navigation/DashboardLayout/ProviderSidebar.scss +266 -0
  169. package/src/v2/navigation/DashboardLayout/ProviderSidebar.tsx +234 -0
  170. package/src/v2/navigation/DashboardLayout/Sidebar.stories.tsx +220 -0
  171. package/src/v2/navigation/DashboardLayout/TopNavigation.scss +206 -0
  172. package/src/v2/navigation/DashboardLayout/TopNavigation.tsx +244 -0
  173. package/src/v2/navigation/DashboardLayout/assets/AdminLogo.png +0 -0
  174. package/src/v2/navigation/DashboardLayout/assets/BookedLogo_Mark.png +0 -0
  175. package/src/v2/navigation/DashboardLayout/index.ts +6 -0
  176. package/src/v2/styles/index.scss +0 -1
  177. package/src/v2/styles/tokens/_colors.scss +531 -98
  178. package/dist/v2/components/Colors/Colors.d.ts +0 -21
  179. package/dist/v2/components/Colors/Colors.d.ts.map +0 -1
  180. package/dist/v2/components/Colors/index.d.ts +0 -3
  181. package/dist/v2/components/Colors/index.d.ts.map +0 -1
  182. package/dist/v2/components/Typography/Typography.d.ts +0 -11
  183. package/dist/v2/components/Typography/Typography.d.ts.map +0 -1
  184. package/dist/v2/components/Typography/index.d.ts +0 -3
  185. package/dist/v2/components/Typography/index.d.ts.map +0 -1
  186. package/src/v2/components/Colors/Colors.scss +0 -64
  187. package/src/v2/components/Colors/Colors.stories.tsx +0 -143
  188. package/src/v2/components/Colors/Colors.tsx +0 -51
  189. package/src/v2/components/Colors/ColorsAliases.stories.tsx +0 -285
  190. package/src/v2/components/Colors/Sizes.stories.tsx +0 -141
  191. package/src/v2/components/Colors/index.ts +0 -2
  192. package/src/v2/components/Typography/Typography.scss +0 -72
  193. package/src/v2/components/Typography/Typography.stories.tsx +0 -266
  194. package/src/v2/components/Typography/Typography.tsx +0 -56
  195. package/src/v2/components/Typography/index.ts +0 -2
  196. package/src/v2/styles/tokens/_aliases.scss +0 -199
@@ -0,0 +1,77 @@
1
+ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
2
+ import 'react';
3
+ import './UserAvatar.scss.js';
4
+
5
+ var UserAvatar = function(param) {
6
+ var _param_initials = param.initials, initials = _param_initials === void 0 ? 'U' : _param_initials, avatarUrl = param.avatarUrl, _param_size = param.size, size = _param_size === void 0 ? 'md' : _param_size, _param_isActive = param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, onClick = param.onClick, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className;
7
+ var sizeMap = {
8
+ sm: 24,
9
+ md: 32,
10
+ lg: 47
11
+ };
12
+ var fontSizeMap = {
13
+ sm: 8,
14
+ md: 10,
15
+ lg: 14
16
+ };
17
+ var dimension = sizeMap[size];
18
+ var fontSize = fontSizeMap[size];
19
+ var radius = dimension / 2 - 1;
20
+ var fillColor = isActive ? 'var(--fills-main-fill-primary, #14215A)' : 'var(--fills-main-fill-secondary, #626A90)';
21
+ var handleClick = function() {
22
+ onClick === null || onClick === void 0 ? void 0 : onClick();
23
+ };
24
+ var content = avatarUrl ? /*#__PURE__*/ jsx("img", {
25
+ src: avatarUrl,
26
+ alt: "Profile",
27
+ className: "user-avatar__image"
28
+ }) : /*#__PURE__*/ jsxs(Fragment, {
29
+ children: [
30
+ /*#__PURE__*/ jsx("svg", {
31
+ width: dimension,
32
+ height: dimension,
33
+ viewBox: "0 0 ".concat(dimension, " ").concat(dimension),
34
+ fill: "none",
35
+ className: "user-avatar__bg",
36
+ children: /*#__PURE__*/ jsx("circle", {
37
+ cx: dimension / 2,
38
+ cy: dimension / 2,
39
+ r: radius,
40
+ fill: fillColor,
41
+ fillOpacity: "0.2",
42
+ stroke: fillColor,
43
+ strokeWidth: "2"
44
+ })
45
+ }),
46
+ /*#__PURE__*/ jsx("span", {
47
+ className: "user-avatar__initials ".concat(isActive ? 'user-avatar__initials--active' : ''),
48
+ style: {
49
+ fontSize: "".concat(fontSize, "px")
50
+ },
51
+ children: initials
52
+ })
53
+ ]
54
+ });
55
+ if (onClick) {
56
+ return /*#__PURE__*/ jsx("button", {
57
+ className: "user-avatar user-avatar--".concat(size, " user-avatar--clickable ").concat(isActive ? 'user-avatar--active' : '', " ").concat(className).trim(),
58
+ onClick: handleClick,
59
+ type: "button",
60
+ style: {
61
+ width: dimension,
62
+ height: dimension
63
+ },
64
+ children: content
65
+ });
66
+ }
67
+ return /*#__PURE__*/ jsx("div", {
68
+ className: "user-avatar user-avatar--".concat(size, " ").concat(isActive ? 'user-avatar--active' : '', " ").concat(className).trim(),
69
+ style: {
70
+ width: dimension,
71
+ height: dimension
72
+ },
73
+ children: content
74
+ });
75
+ };
76
+
77
+ export { UserAvatar };
@@ -0,0 +1,6 @@
1
+ import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
2
+
3
+ var css_248z = ".user-avatar{align-items:center;background:#0000;border:none;border-radius:50%;cursor:default;display:flex;justify-content:center;overflow:hidden;padding:0;position:relative}.user-avatar--sm{height:24px;width:24px}.user-avatar--md{height:32px;width:32px}.user-avatar--lg{height:47px;width:47px}.user-avatar--clickable{cursor:pointer}.user-avatar__image{border-radius:50%;height:100%;object-fit:cover;width:100%}.user-avatar__bg{left:0;position:absolute;top:0}.user-avatar__initials{color:var(--labels-main-label-secondary,#626a90);font-family:var(--font-family-sans);font-weight:800;left:50%;line-height:1;position:absolute;text-align:center;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);z-index:1}.user-avatar__initials--active{color:#fff}";
4
+ styleInject(css_248z);
5
+
6
+ export { css_248z as default };
@@ -0,0 +1,2 @@
1
+ export { UserAvatar, type UserAvatarProps } from './UserAvatar';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/UserAvatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA"}
@@ -0,0 +1,17 @@
1
+ import React from 'react';
2
+ import './UserPanel.scss';
3
+ export interface UserPanelProps {
4
+ isOpen: boolean;
5
+ onClose: () => void;
6
+ userName: string;
7
+ firstName?: string;
8
+ email?: string;
9
+ initials?: string;
10
+ avatarUrl?: string | null;
11
+ userNumber?: number | null;
12
+ userRole?: string;
13
+ onProfileClick?: () => void;
14
+ onLogoutClick?: () => void;
15
+ }
16
+ export declare const UserPanel: React.FC<UserPanelProps>;
17
+ //# sourceMappingURL=UserPanel.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UserPanel.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/UserPanel/UserPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,kBAAkB,CAAA;AAEzB,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;CAC7B;AAqBD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA+F9C,CAAA"}
@@ -0,0 +1,3 @@
1
+ export { UserPanel } from './UserPanel';
2
+ export type { UserPanelProps } from './UserPanel';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/UserPanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA"}
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import './Blog.scss';
3
+ interface BlogPost {
4
+ title: string;
5
+ excerpt: string;
6
+ url: string;
7
+ }
8
+ interface BlogProps {
9
+ posts?: BlogPost[];
10
+ logoUrl?: string;
11
+ className?: string;
12
+ }
13
+ export declare const Blog: React.FC<BlogProps>;
14
+ export type { BlogProps, BlogPost };
15
+ //# sourceMappingURL=Blog.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Blog.d.ts","sourceRoot":"","sources":["../../../../src/v2/dashboard-analytics/blog-posts/Blog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,aAAa,CAAC;AAErB,UAAU,QAAQ;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,UAAU,SAAS;IACjB,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsCD,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAqCpC,CAAC;AAEF,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC"}
@@ -0,0 +1,103 @@
1
+ import { jsxs, jsx } from 'react/jsx-runtime';
2
+ import 'react';
3
+ import './Blog.scss.js';
4
+
5
+ var defaultPosts = [
6
+ {
7
+ title: 'How Booking Software Transforms the Guest Experience',
8
+ excerpt: 'In the leisure and hospitality industry, first impressions matter. For competitive socialising venues, bowling alleys, cinemas, and beyond, that first impression is often formed long before guests step through your doors.',
9
+ url: 'https://booked.it/how-booking-software-transforms-the-guest-experience/'
10
+ },
11
+ {
12
+ title: '5 ways booking software improves the guest experience before they arrive',
13
+ excerpt: 'When guests choose your venue, their experience doesn\'t begin at the door. It starts the moment they decide to book. That first digital touchpoint sets the tone for everything that follows.',
14
+ url: 'https://booked.it/5-ways-booking-software-improves-the-guest-experience-before-they-arrive/'
15
+ },
16
+ {
17
+ title: 'Ticketing software vs booking software – which is right for your venue?',
18
+ excerpt: 'In the UK leisure and hospitality industry, the terms ticketing software and booking software are often used interchangeably. But while they may appear similar, they serve different purposes.',
19
+ url: 'https://booked.it/ticketing-software-vs-booking-software-which-is-right-for-your-venue/'
20
+ }
21
+ ];
22
+ var ExternalLinkIcon = function() {
23
+ return /*#__PURE__*/ jsxs("svg", {
24
+ xmlns: "http://www.w3.org/2000/svg",
25
+ width: "12",
26
+ height: "12",
27
+ viewBox: "0 0 24 24",
28
+ fill: "none",
29
+ stroke: "currentColor",
30
+ strokeWidth: "2",
31
+ strokeLinecap: "round",
32
+ strokeLinejoin: "round",
33
+ children: [
34
+ /*#__PURE__*/ jsx("path", {
35
+ d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"
36
+ }),
37
+ /*#__PURE__*/ jsx("polyline", {
38
+ points: "15 3 21 3 21 9"
39
+ }),
40
+ /*#__PURE__*/ jsx("line", {
41
+ x1: "10",
42
+ y1: "14",
43
+ x2: "21",
44
+ y2: "3"
45
+ })
46
+ ]
47
+ });
48
+ };
49
+ var Blog = function(param) {
50
+ var _param_posts = param.posts, posts = _param_posts === void 0 ? defaultPosts : _param_posts, _param_logoUrl = param.logoUrl, logoUrl = _param_logoUrl === void 0 ? 'https://api.builder.io/api/v1/image/assets/TEMP/1f8a6c2f7239cf2c859ace81bb32160a5d376121?placeholderIfAbsent=true' : _param_logoUrl, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className;
51
+ return /*#__PURE__*/ jsxs("div", {
52
+ className: "blog ".concat(className),
53
+ children: [
54
+ /*#__PURE__*/ jsxs("div", {
55
+ className: "blog__header",
56
+ children: [
57
+ /*#__PURE__*/ jsx("h2", {
58
+ className: "blog__title",
59
+ children: "Latest Updates"
60
+ }),
61
+ /*#__PURE__*/ jsx("img", {
62
+ src: logoUrl,
63
+ alt: "Logo",
64
+ className: "blog__logo"
65
+ })
66
+ ]
67
+ }),
68
+ /*#__PURE__*/ jsx("div", {
69
+ className: "blog__posts",
70
+ children: posts.map(function(post, index) {
71
+ return /*#__PURE__*/ jsxs("div", {
72
+ className: "blog__post",
73
+ children: [
74
+ /*#__PURE__*/ jsx("h3", {
75
+ className: "blog__post-title",
76
+ children: post.title
77
+ }),
78
+ /*#__PURE__*/ jsx("p", {
79
+ className: "blog__post-excerpt",
80
+ children: post.excerpt
81
+ }),
82
+ /*#__PURE__*/ jsxs("a", {
83
+ href: post.url,
84
+ target: "_blank",
85
+ rel: "noopener noreferrer",
86
+ className: "blog__post-link",
87
+ children: [
88
+ "Read more",
89
+ /*#__PURE__*/ jsx("span", {
90
+ className: "blog__post-link-icon",
91
+ children: /*#__PURE__*/ jsx(ExternalLinkIcon, {})
92
+ })
93
+ ]
94
+ })
95
+ ]
96
+ }, index);
97
+ })
98
+ })
99
+ ]
100
+ });
101
+ };
102
+
103
+ export { Blog };
@@ -0,0 +1,6 @@
1
+ import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
2
+
3
+ var css_248z = ":root{--font-family-sans:\"Geist\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;--font-family-mono:\"Geist Mono\",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--heading-xxl-size:44px;--heading-xxl-line:48px;--heading-xxl-weight:600;--heading-xl-size:32px;--heading-xl-line:36px;--heading-xl-weight:700;--heading-h1-size:24px;--heading-h1-line:28px;--heading-h1-weight:600;--heading-h2-size:20px;--heading-h2-line:24px;--heading-h2-weight:600;--heading-h3-size:17px;--heading-h3-line:20px;--heading-h3-weight:600;--heading-h4-size:15px;--heading-h4-line:18px;--heading-h4-weight:600;--heading-h5-size:13px;--heading-h5-line:16px;--heading-h5-weight:500;--heading-h6-size:11px;--heading-h6-line:14px;--heading-h6-weight:500;--heading-xxl-mobile-size:32px;--heading-xxl-mobile-line:36px;--heading-xxl-mobile-weight:600;--heading-xl-mobile-size:26px;--heading-xl-mobile-line:30px;--heading-xl-mobile-weight:700;--heading-h1-mobile-size:20px;--heading-h1-mobile-line:23px;--heading-h1-mobile-weight:600;--heading-h2-mobile-size:18px;--heading-h2-mobile-line:22px;--heading-h2-mobile-weight:600;--heading-h3-mobile-size:16px;--heading-h3-mobile-line:18px;--heading-h3-mobile-weight:600;--heading-h4-mobile-size:14px;--heading-h4-mobile-line:16px;--heading-h4-mobile-weight:600;--heading-h5-mobile-size:13px;--heading-h5-mobile-line:16px;--heading-h5-mobile-weight:500;--heading-h6-mobile-size:11px;--heading-h6-mobile-line:14px;--heading-h6-mobile-weight:500;--text-xl-size:20px;--text-xl-line:26px;--text-xl-weight:400;--text-large-size:18px;--text-large-line:24px;--text-large-weight:400;--text-regular-size:15px;--text-regular-line:20px;--text-regular-weight:400;--text-regular-emphasis-weight:500;--text-small-size:13px;--text-small-line:16px;--text-small-weight:400;--text-small-emphasis-weight:500;--text-small-bold-weight:600;--text-xs-size:10px;--text-xs-line:13px;--text-xs-weight:500;--text-xs-bold-weight:600}.heading-desktop-xxl{font-size:var(--heading-xxl-size);font-weight:var(--heading-xxl-weight);line-height:var(--heading-xxl-line)}.heading-desktop-xl,.heading-desktop-xxl{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-desktop-xl{font-size:var(--heading-xl-size);font-weight:var(--heading-xl-weight);line-height:var(--heading-xl-line)}.heading-desktop-h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line)}.heading-desktop-h1,.heading-desktop-h2{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-desktop-h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line)}.heading-desktop-h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line)}.heading-desktop-h3,.heading-desktop-h4{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-desktop-h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line)}.heading-desktop-h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line)}.heading-desktop-h5,.heading-desktop-h6{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-desktop-h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line)}.heading-mobile-xxl{font-size:var(--heading-xxl-mobile-size);font-weight:var(--heading-xxl-mobile-weight);line-height:var(--heading-xxl-mobile-line)}.heading-mobile-xl,.heading-mobile-xxl{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-mobile-xl{font-size:var(--heading-xl-mobile-size);font-weight:var(--heading-xl-mobile-weight);line-height:var(--heading-xl-mobile-line)}.heading-mobile-h1{font-size:var(--heading-h1-mobile-size);font-weight:var(--heading-h1-mobile-weight);line-height:var(--heading-h1-mobile-line)}.heading-mobile-h1,.heading-mobile-h2{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-mobile-h2{font-size:var(--heading-h2-mobile-size);font-weight:var(--heading-h2-mobile-weight);line-height:var(--heading-h2-mobile-line)}.heading-mobile-h3{font-size:var(--heading-h3-mobile-size);font-weight:var(--heading-h3-mobile-weight);line-height:var(--heading-h3-mobile-line)}.heading-mobile-h3,.heading-mobile-h4{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-mobile-h4{font-size:var(--heading-h4-mobile-size);font-weight:var(--heading-h4-mobile-weight);line-height:var(--heading-h4-mobile-line)}.heading-mobile-h5{font-size:var(--heading-h5-mobile-size);font-weight:var(--heading-h5-mobile-weight);line-height:var(--heading-h5-mobile-line)}.heading-mobile-h5,.heading-mobile-h6{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-mobile-h6{font-size:var(--heading-h6-mobile-size);font-weight:var(--heading-h6-mobile-weight);line-height:var(--heading-h6-mobile-line)}.body-desktop-xl{font-size:var(--text-xl-size);font-weight:var(--text-xl-weight);line-height:var(--text-xl-line)}.body-desktop-large,.body-desktop-xl{font-family:var(--font-family-sans)!important;letter-spacing:0}.body-desktop-large{font-size:var(--text-large-size);font-weight:var(--text-large-weight);line-height:var(--text-large-line)}.body-desktop-regular{font-weight:var(--text-regular-weight)}.body-desktop-regular,.body-desktop-regular-emphasis{font-family:var(--font-family-sans)!important;font-size:var(--text-regular-size);letter-spacing:0;line-height:var(--text-regular-line)}.body-desktop-regular-emphasis{font-weight:var(--text-regular-emphasis-weight)}.body-desktop-small{font-weight:var(--text-small-weight)}.body-desktop-small,.body-desktop-small-emphasis{font-family:var(--font-family-sans)!important;font-size:var(--text-small-size);letter-spacing:0;line-height:var(--text-small-line)}.body-desktop-small-emphasis{font-weight:var(--text-small-emphasis-weight)}.body-desktop-small-bold{font-family:var(--font-family-sans)!important;font-size:var(--text-small-size);font-weight:var(--text-small-bold-weight);letter-spacing:0;line-height:var(--text-small-line)}.body-desktop-xs{font-weight:var(--text-xs-weight)}.body-desktop-xs,.body-desktop-xs-bold{font-family:var(--font-family-sans)!important;font-size:var(--text-xs-size);letter-spacing:0;line-height:var(--text-xs-line)}.body-desktop-xs-bold{font-weight:var(--text-xs-bold-weight)}.typography-story,[id*=v2-design-system-typography] *{font-family:var(--font-family-sans)!important}.typography-story{margin:0 auto;max-width:1200px;padding:2rem}.typography-story *{font-family:inherit!important}.story-header{margin-bottom:3rem}.story-header h1{color:var(--label-primary,#121e52);font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line);margin:0 0 .5rem}.story-header h1,.story-header p{font-family:var(--font-family-sans);letter-spacing:0}.story-header p{color:var(--label-secondary,#626a90);font-size:var(--text-regular-size);font-weight:var(--text-regular-weight);line-height:var(--text-regular-line);margin:0}.typography-section{margin-bottom:3rem}.typography-section__title{border-bottom:2px solid var(--border-primary,#e8e9ef);color:var(--label-primary,#121e52);font-family:var(--font-family-sans);font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);letter-spacing:0;line-height:var(--heading-h2-line);margin:0 0 2rem;padding-bottom:1rem}.typography-example,.typography-grid{display:grid;gap:2rem}.typography-example{align-items:center;background:var(--surface-primary,#fff);border:1px solid var(--border-primary,#e8e9ef);border-radius:8px;grid-template-columns:1fr auto;padding:1.5rem}.typography-sample{color:var(--label-primary,#121e52)}.typography-info{min-width:200px;text-align:right}.typography-name{color:var(--label-primary,#121e52);font-family:var(--font-family-sans);font-size:var(--text-small-size);font-weight:var(--text-small-emphasis-weight);letter-spacing:0;line-height:var(--text-small-line);margin-bottom:.25rem}.typography-specs{display:flex;gap:1rem;justify-content:flex-end;margin-bottom:.25rem}.typography-size,.typography-weight{background:var(--surface-secondary,#f8f8fa);border-radius:4px;font-family:var(--font-family-sans);font-family:var(--font-family-mono);padding:.25rem .5rem}.typography-description,.typography-size,.typography-weight{color:var(--label-secondary,#626a90);font-size:var(--text-xs-size);font-weight:var(--text-xs-weight);letter-spacing:0;line-height:var(--text-xs-line)}.typography-description{font-family:var(--font-family-sans);font-style:italic}@media (max-width:768px){.typography-story{padding:1rem}.typography-example{gap:1rem;grid-template-columns:1fr}.typography-info{text-align:left}.typography-specs{justify-content:flex-start}}.blog{margin-top:0;width:328px}@media (max-width:1024px){.blog{width:100%}}@media (max-width:767px){.blog{padding-left:8px;padding-right:8px}}.blog__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.blog__title{color:var(--label-primary);font-family:var(--font-family-sans);font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);letter-spacing:0;line-height:var(--heading-h3-line);line-height:1.75rem}.blog__logo{filter:brightness(0) saturate(100%) invert(60%) sepia(0) saturate(0) hue-rotate(0deg) brightness(90%) contrast(100%);height:22px;object-fit:contain;width:auto}.blog__posts{gap:0}.blog__post,.blog__posts{display:flex;flex-direction:column}.blog__post{padding:1rem 0}.blog__post:first-child{padding-top:0}.blog__post:not(:last-child){border-bottom:1px solid var(--border-selected)}.blog__post-title{color:var(--label-primary);font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line);line-height:1.5rem}.blog__post-excerpt,.blog__post-title{font-family:var(--font-family-sans);letter-spacing:0;margin-bottom:.5rem}.blog__post-excerpt{color:var(--label-secondary);font-size:var(--text-regular-size);font-weight:var(--text-regular-weight);line-height:var(--text-regular-line);line-height:1.25rem}.blog__post-link{align-items:center;color:var(--label-action);display:inline-flex;font-family:var(--font-family-sans);font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);gap:.25rem;letter-spacing:0;line-height:var(--heading-h5-line);text-decoration:none;transition:opacity .2s ease-in-out}.blog__post-link:hover{opacity:.8}.blog__post-link-icon{align-items:center;display:inline-flex;height:12px;width:12px}";
4
+ styleInject(css_248z);
5
+
6
+ export { css_248z as default };
@@ -0,0 +1,3 @@
1
+ export { Blog } from './Blog';
2
+ export type { BlogProps } from './Blog';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/dashboard-analytics/blog-posts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}
@@ -0,0 +1,21 @@
1
+ import React from 'react';
2
+ import './Chart.scss';
3
+ interface ChartProps {
4
+ title: string;
5
+ subtitle: string;
6
+ data: Array<{
7
+ time: string;
8
+ value: number;
9
+ participants?: number;
10
+ }>;
11
+ isRevenue?: boolean;
12
+ className?: string;
13
+ period?: 'today' | 'yesterday' | 'week';
14
+ bookingType?: 'bookings_for' | 'bookings_made';
15
+ isFullWidth?: boolean;
16
+ isLoading?: boolean;
17
+ isRefreshing?: boolean;
18
+ }
19
+ export declare const Chart: React.FC<ChartProps>;
20
+ export type { ChartProps };
21
+ //# sourceMappingURL=Chart.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../../src/v2/dashboard-analytics/chart/Chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,cAAc,CAAC;AAEtB,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACpE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,CAAC;IACxC,WAAW,CAAC,EAAE,cAAc,GAAG,eAAe,CAAC;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA0lBtC,CAAC;AAEF,YAAY,EAAE,UAAU,EAAE,CAAC"}