@servicetitan/marketing-ui 1.8.0 → 1.12.0

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 (159) hide show
  1. package/dist/components/ads/ads-stat.d.ts +3 -3
  2. package/dist/components/ads/ads-stat.d.ts.map +1 -1
  3. package/dist/components/ads/ads-stat.js.map +1 -1
  4. package/dist/components/charts/funnel-chart/components/funnel-chart.d.ts +2 -2
  5. package/dist/components/charts/funnel-chart/components/funnel-chart.d.ts.map +1 -1
  6. package/dist/components/charts/funnel-chart/components/funnel-chart.js.map +1 -1
  7. package/dist/components/charts/funnel-chart/components/funnel-svg.d.ts +2 -2
  8. package/dist/components/charts/funnel-chart/components/funnel-svg.d.ts.map +1 -1
  9. package/dist/components/charts/funnel-chart/components/funnel-svg.js.map +1 -1
  10. package/dist/components/charts/funnel-chart/funnel-chart.stories.d.ts +2 -2
  11. package/dist/components/charts/funnel-chart/funnel-chart.stories.d.ts.map +1 -1
  12. package/dist/components/charts/funnel-chart/funnel-chart.stories.js.map +1 -1
  13. package/dist/components/charts/line-chart/components/body.d.ts +2 -2
  14. package/dist/components/charts/line-chart/components/body.d.ts.map +1 -1
  15. package/dist/components/charts/line-chart/components/body.js +2 -2
  16. package/dist/components/charts/line-chart/components/body.js.map +1 -1
  17. package/dist/components/charts/line-chart/components/container.d.ts +2 -2
  18. package/dist/components/charts/line-chart/components/container.d.ts.map +1 -1
  19. package/dist/components/charts/line-chart/components/container.js.map +1 -1
  20. package/dist/components/charts/line-chart/components/hover-popover.d.ts +2 -2
  21. package/dist/components/charts/line-chart/components/hover-popover.d.ts.map +1 -1
  22. package/dist/components/charts/line-chart/components/hover-popover.js +2 -2
  23. package/dist/components/charts/line-chart/components/hover-popover.js.map +1 -1
  24. package/dist/components/charts/line-chart/components/sidebar.d.ts +2 -2
  25. package/dist/components/charts/line-chart/components/sidebar.d.ts.map +1 -1
  26. package/dist/components/charts/line-chart/components/sidebar.js.map +1 -1
  27. package/dist/components/charts/line-chart/components/stuff.d.ts +4 -4
  28. package/dist/components/charts/line-chart/components/stuff.d.ts.map +1 -1
  29. package/dist/components/charts/line-chart/components/stuff.js.map +1 -1
  30. package/dist/components/charts/line-chart/components/svg-bars.d.ts +3 -3
  31. package/dist/components/charts/line-chart/components/svg-bars.d.ts.map +1 -1
  32. package/dist/components/charts/line-chart/components/svg-bars.js.map +1 -1
  33. package/dist/components/charts/line-chart/components/svg-body.d.ts +3 -3
  34. package/dist/components/charts/line-chart/components/svg-body.d.ts.map +1 -1
  35. package/dist/components/charts/line-chart/components/svg-body.js.map +1 -1
  36. package/dist/components/charts/line-chart/components/svg-lines.d.ts +2 -2
  37. package/dist/components/charts/line-chart/components/svg-lines.d.ts.map +1 -1
  38. package/dist/components/charts/line-chart/components/svg-lines.js.map +1 -1
  39. package/dist/components/charts/line-chart/line-chart.stories.d.ts +2 -2
  40. package/dist/components/charts/line-chart/line-chart.stories.d.ts.map +1 -1
  41. package/dist/components/charts/line-chart/line-chart.stories.js.map +1 -1
  42. package/dist/components/charts/line-chart/utils/interfaces.d.ts +2 -2
  43. package/dist/components/charts/line-chart/utils/interfaces.d.ts.map +1 -1
  44. package/dist/components/charts/pie-chart/components/pie-chart.d.ts +2 -2
  45. package/dist/components/charts/pie-chart/components/pie-chart.d.ts.map +1 -1
  46. package/dist/components/charts/pie-chart/components/pie-chart.js +3 -3
  47. package/dist/components/charts/pie-chart/components/pie-chart.js.map +1 -1
  48. package/dist/components/charts/pie-chart/components/pie.d.ts +5 -2
  49. package/dist/components/charts/pie-chart/components/pie.d.ts.map +1 -1
  50. package/dist/components/charts/pie-chart/components/pie.js +12 -32
  51. package/dist/components/charts/pie-chart/components/pie.js.map +1 -1
  52. package/dist/components/charts/pie-chart/pie-chart.stories.d.ts +3 -2
  53. package/dist/components/charts/pie-chart/pie-chart.stories.d.ts.map +1 -1
  54. package/dist/components/charts/pie-chart/pie-chart.stories.js +7 -1
  55. package/dist/components/charts/pie-chart/pie-chart.stories.js.map +1 -1
  56. package/dist/components/charts/pie-chart/utils/const.d.ts +2 -2
  57. package/dist/components/charts/pie-chart/utils/const.d.ts.map +1 -1
  58. package/dist/components/charts/pie-chart/utils/const.js +9 -7
  59. package/dist/components/charts/pie-chart/utils/const.js.map +1 -1
  60. package/dist/components/charts/pie-chart/utils/interface.d.ts +5 -2
  61. package/dist/components/charts/pie-chart/utils/interface.d.ts.map +1 -1
  62. package/dist/components/image-cropper/image-cropper.d.ts +2 -2
  63. package/dist/components/image-cropper/image-cropper.d.ts.map +1 -1
  64. package/dist/components/image-cropper/image-cropper.js +2 -2
  65. package/dist/components/image-cropper/image-cropper.js.map +1 -1
  66. package/dist/components/image-cropper/image-cropper.stories.js +5 -8
  67. package/dist/components/image-cropper/image-cropper.stories.js.map +1 -1
  68. package/dist/components/stat/stat-card.d.ts +5 -3
  69. package/dist/components/stat/stat-card.d.ts.map +1 -1
  70. package/dist/components/stat/stat-card.js +12 -6
  71. package/dist/components/stat/stat-card.js.map +1 -1
  72. package/dist/components/stat/stat-cards.stories.d.ts +3 -2
  73. package/dist/components/stat/stat-cards.stories.d.ts.map +1 -1
  74. package/dist/components/stat/stat-cards.stories.js +2 -1
  75. package/dist/components/stat/stat-cards.stories.js.map +1 -1
  76. package/dist/components/stat/stat-extended-card.d.ts.map +1 -1
  77. package/dist/components/stat/stat-extended-card.stories.d.ts +2 -2
  78. package/dist/components/stat/stat-extended-card.stories.d.ts.map +1 -1
  79. package/dist/components/stat/stat-extended-card.stories.js.map +1 -1
  80. package/dist/components/ui/centered-spinner.d.ts +2 -2
  81. package/dist/components/ui/centered-spinner.d.ts.map +1 -1
  82. package/dist/components/ui/centered-spinner.js +1 -1
  83. package/dist/components/ui/centered-spinner.js.map +1 -1
  84. package/dist/components/ui/centered-spinner.stories.d.ts +2 -2
  85. package/dist/components/ui/centered-spinner.stories.d.ts.map +1 -1
  86. package/dist/components/ui/centered-spinner.stories.js.map +1 -1
  87. package/dist/components/ui/date-range-picker/date-range-picker.js.map +1 -1
  88. package/dist/components/ui/date-range-picker/date-range-picker.stories.js.map +1 -1
  89. package/dist/components/ui/disabled-button.d.ts +2 -2
  90. package/dist/components/ui/disabled-button.d.ts.map +1 -1
  91. package/dist/components/ui/disabled-button.js.map +1 -1
  92. package/dist/components/ui/line-text/line-text-body.stories.d.ts +2 -2
  93. package/dist/components/ui/line-text/line-text-body.stories.d.ts.map +1 -1
  94. package/dist/components/ui/line-text/line-text-body.stories.js.map +1 -1
  95. package/dist/components/ui/line-text/line-text-head.stories.d.ts +2 -2
  96. package/dist/components/ui/line-text/line-text-head.stories.d.ts.map +1 -1
  97. package/dist/components/ui/line-text/line-text-head.stories.js.map +1 -1
  98. package/dist/components/ui/line-text/line-text.d.ts +3 -3
  99. package/dist/components/ui/line-text/line-text.d.ts.map +1 -1
  100. package/dist/components/ui/line-text/line-text.js.map +1 -1
  101. package/dist/index.d.ts +1 -0
  102. package/dist/index.d.ts.map +1 -1
  103. package/dist/index.js +1 -0
  104. package/dist/index.js.map +1 -1
  105. package/dist/utils/ads-texts.d.ts +1 -1
  106. package/dist/utils/ads-texts.d.ts.map +1 -1
  107. package/dist/utils/ads-texts.js +1 -0
  108. package/dist/utils/ads-texts.js.map +1 -1
  109. package/dist/utils/format-big-numbers.d.ts +2 -0
  110. package/dist/utils/format-big-numbers.d.ts.map +1 -0
  111. package/dist/utils/format-big-numbers.js +17 -0
  112. package/dist/utils/format-big-numbers.js.map +1 -0
  113. package/dist/utils/helpers.d.ts +15 -0
  114. package/dist/utils/helpers.d.ts.map +1 -1
  115. package/dist/utils/helpers.js +41 -1
  116. package/dist/utils/helpers.js.map +1 -1
  117. package/dist/utils/use-client-rect.js +2 -21
  118. package/dist/utils/use-client-rect.js.map +1 -1
  119. package/package.json +2 -2
  120. package/src/components/ads/ads-stat.tsx +3 -3
  121. package/src/components/charts/funnel-chart/components/funnel-chart.tsx +2 -2
  122. package/src/components/charts/funnel-chart/components/funnel-svg.tsx +2 -2
  123. package/src/components/charts/funnel-chart/funnel-chart.stories.tsx +2 -2
  124. package/src/components/charts/line-chart/components/body.tsx +4 -4
  125. package/src/components/charts/line-chart/components/container.tsx +2 -2
  126. package/src/components/charts/line-chart/components/hover-popover.tsx +4 -4
  127. package/src/components/charts/line-chart/components/sidebar.tsx +2 -2
  128. package/src/components/charts/line-chart/components/stuff.tsx +4 -4
  129. package/src/components/charts/line-chart/components/svg-bars.tsx +3 -3
  130. package/src/components/charts/line-chart/components/svg-body.tsx +4 -4
  131. package/src/components/charts/line-chart/components/svg-lines.tsx +3 -3
  132. package/src/components/charts/line-chart/line-chart.stories.tsx +1 -1
  133. package/src/components/charts/line-chart/utils/interfaces.ts +2 -2
  134. package/src/components/charts/pie-chart/components/pie-chart.tsx +20 -7
  135. package/src/components/charts/pie-chart/components/pie.tsx +42 -22
  136. package/src/components/charts/pie-chart/pie-chart.stories.tsx +20 -1
  137. package/src/components/charts/pie-chart/utils/const.ts +11 -6
  138. package/src/components/charts/pie-chart/utils/interface.ts +5 -2
  139. package/src/components/image-cropper/image-cropper.stories.tsx +8 -8
  140. package/src/components/image-cropper/image-cropper.tsx +2 -2
  141. package/src/components/stat/stat-card.tsx +17 -6
  142. package/src/components/stat/stat-cards.stories.tsx +5 -2
  143. package/src/components/stat/stat-extended-card.stories.tsx +2 -2
  144. package/src/components/stat/stat-extended-card.tsx +1 -1
  145. package/src/components/ui/centered-spinner.stories.tsx +2 -2
  146. package/src/components/ui/centered-spinner.tsx +2 -6
  147. package/src/components/ui/date-range-picker/date-range-picker.stories.tsx +2 -2
  148. package/src/components/ui/date-range-picker/date-range-picker.tsx +1 -1
  149. package/src/components/ui/disabled-button.tsx +2 -2
  150. package/src/components/ui/line-text/line-text-body.stories.tsx +2 -2
  151. package/src/components/ui/line-text/line-text-head.stories.tsx +2 -2
  152. package/src/components/ui/line-text/line-text.tsx +3 -11
  153. package/src/index.ts +1 -0
  154. package/src/utils/__tests__/format-big-numbers.test.ts +17 -0
  155. package/src/utils/__tests__/helpers.test.ts +31 -0
  156. package/src/utils/ads-texts.tsx +3 -0
  157. package/src/utils/format-big-numbers.ts +15 -0
  158. package/src/utils/helpers.ts +43 -0
  159. package/src/utils/use-client-rect.ts +2 -2
@@ -1 +1 @@
1
- {"version":3,"file":"pie-chart.js","sourceRoot":"","sources":["../../../../../src/components/charts/pie-chart/components/pie-chart.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAuC;AACvC,4DAAoC;AACpC,+DAA2E;AAE3E,0CAAyD;AACzD,+BAA4B;AAC5B,gEAAkD;AAElD,MAAM,SAAS,GAAoD,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE;IACrF,OAAO,CACH,8CAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,MAAM,CAAC,YAAY,EAAE,iBAAiB,CAAC,gBAC9D,4CACK,CAAC,CAAC,MAAM,CAAC,MAAM,IAAI,CAChB,uBAAC,qBAAK,CAAC,IAAI,kBAAC,SAAS,EAAC,aAAa,gBAC/B,uBAAC,wBAAQ,kBAAC,IAAI,sBAAE,KAAK,YAAY,YACxB,CAChB,EACA,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CACjB,wBAAC,qBAAK,kBAAmB,UAAU,EAAC,QAAQ,iBACxC,uBAAC,2BAAW,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,WAAI,EACnC,uBAAC,wBAAQ,kBAAC,SAAS,EAAC,cAAc,EAAC,IAAI,EAAC,QAAQ,gBAC3C,KAAK,CAAC,KAAK,YACL,MAJH,KAAK,CAAC,KAAK,CAKf,CACX,CAAC,YACA,YACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEK,MAAM,QAAQ,GAA4B,CAAC,EAC9C,MAAM,EACN,KAAK,EACL,KAAK,EACL,QAAQ,EACR,cAAc,GACjB,EAAE,EAAE;IACD,MAAM,MAAM,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,+BAAuB,EAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC5E,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;IAElE,OAAO,CACH,+CAAK,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,KAAK,iBACtC,uBAAC,SAAG,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,WAAI,EACrE,uBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,WAAI,aACzC,CACT,CAAC;AACN,CAAC,CAAC;AAhBW,QAAA,QAAQ,YAgBnB"}
1
+ {"version":3,"file":"pie-chart.js","sourceRoot":"","sources":["../../../../../src/components/charts/pie-chart/components/pie-chart.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAoC;AACpC,4DAAoC;AACpC,+DAA2E;AAE3E,0CAAgF;AAChF,+BAA4B;AAC5B,gEAAkD;AAElD,MAAM,SAAS,GAA8C,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE;IAC/E,OAAO,CACH,8CAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,MAAM,CAAC,YAAY,EAAE,iBAAiB,CAAC,gBAC9D,4CACK,CAAC,CAAC,MAAM,CAAC,MAAM,IAAI,CAChB,uBAAC,qBAAK,CAAC,IAAI,kBAAC,SAAS,EAAC,aAAa,gBAC/B,uBAAC,wBAAQ,kBAAC,IAAI,sBAAE,KAAK,YAAY,YACxB,CAChB,EACA,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CACjB,wBAAC,qBAAK,kBAAmB,UAAU,EAAC,QAAQ,iBACxC,uBAAC,2BAAW,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,WAAI,EACnC,uBAAC,wBAAQ,kBAAC,SAAS,EAAC,cAAc,EAAC,IAAI,EAAC,QAAQ,gBAC3C,KAAK,CAAC,KAAK,YACL,MAJH,KAAK,CAAC,KAAK,CAKf,CACX,CAAC,YACA,YACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEK,MAAM,QAAQ,GAAsB,CAAC,EACxC,MAAM,EACN,KAAK,EACL,KAAK,EACL,QAAQ,EACR,cAAc,EACd,OAAO,EACP,cAAc,GAAG,6BAAqB,EACtC,UAAU,GAAG,KAAK,GACrB,EAAE,EAAE;IACD,MAAM,MAAM,GAAG,IAAA,eAAO,EAClB,GAAG,EAAE,CAAC,IAAA,+BAAuB,EAAC,QAAQ,EAAE,cAAc,CAAC,EACvD,CAAC,QAAQ,EAAE,cAAc,CAAC,CAC7B,CAAC;IACF,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;IAElE,OAAO,CACH,+CAAK,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,KAAK,iBACtC,uBAAC,SAAG,IACA,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,WACxB,EACD,CAAC,UAAU,IAAI,uBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,WAAI,aACzD,CACT,CAAC;AACN,CAAC,CAAC;AA7BW,QAAA,QAAQ,YA6BnB"}
@@ -1,8 +1,11 @@
1
- import React from 'react';
1
+ import { FC } from 'react';
2
2
  import { PieChartPopoverContentType, PiePiece } from '../utils/interface';
3
- export declare const Pie: React.FC<{
3
+ export declare const Pie: FC<{
4
4
  title: string;
5
5
  pieces: PiePiece[];
6
+ radiusRelative: number;
7
+ content?: FC;
6
8
  popoverContent?: PieChartPopoverContentType;
9
+ hideTitles?: boolean;
7
10
  }>;
8
11
  //# sourceMappingURL=pie.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"pie.d.ts","sourceRoot":"","sources":["../../../../../src/components/charts/pie-chart/components/pie.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAM9D,OAAO,EAAE,0BAA0B,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAoG1E,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,QAAQ,EAAE,CAAC;IACnB,cAAc,CAAC,EAAE,0BAA0B,CAAC;CAC/C,CAkGA,CAAC"}
1
+ {"version":3,"file":"pie.d.ts","sourceRoot":"","sources":["../../../../../src/components/charts/pie-chart/components/pie.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkC,EAAE,EAAY,MAAM,OAAO,CAAC;AAKrE,OAAO,EAAE,0BAA0B,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAsG1E,eAAO,MAAM,GAAG,EAAE,EAAE,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,QAAQ,EAAE,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,EAAE,CAAC;IACb,cAAc,CAAC,EAAE,0BAA0B,CAAC;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAkHA,CAAC"}
@@ -1,34 +1,14 @@
1
1
  "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
- Object.defineProperty(o, "default", { enumerable: true, value: v });
11
- }) : function(o, v) {
12
- o["default"] = v;
13
- });
14
- var __importStar = (this && this.__importStar) || function (mod) {
15
- if (mod && mod.__esModule) return mod;
16
- var result = {};
17
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
- __setModuleDefault(result, mod);
19
- return result;
20
- };
21
2
  var __importDefault = (this && this.__importDefault) || function (mod) {
22
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
23
4
  };
24
5
  Object.defineProperty(exports, "__esModule", { value: true });
25
6
  exports.Pie = void 0;
26
7
  const jsx_runtime_1 = require("react/jsx-runtime");
27
- const react_1 = __importStar(require("react"));
8
+ const react_1 = require("react");
28
9
  const tokens_1 = __importDefault(require("@servicetitan/tokens"));
29
10
  const design_system_1 = require("@servicetitan/design-system");
30
11
  const use_client_rect_1 = require("../../../../utils/use-client-rect");
31
- const const_1 = require("../utils/const");
32
12
  const chartPadding = 8;
33
13
  const px = (value) => `${value !== null && value !== void 0 ? value : 0}px`;
34
14
  const PiePieceSvg = ({ piece: { id, color, opacity, points, text, path }, selected }) => points && path ? ((0, jsx_runtime_1.jsxs)("g", Object.assign({ id: id }, { children: [!!selected && ((0, jsx_runtime_1.jsx)("path", { d: path, fill: tokens_1.default.colorWhite, stroke: tokens_1.default.colorBlue200, strokeOpacity: "50%", strokeWidth: "3", paintOrder: "stroke" }, void 0)), (0, jsx_runtime_1.jsx)("path", { d: path, fill: color }, void 0), (0, jsx_runtime_1.jsx)("svg", Object.assign({ x: points[4][0] - 10, y: points[4][1] - (points[4][1] > 0 ? 3 : 1), width: 20, height: 6 }, { children: (0, jsx_runtime_1.jsx)("text", Object.assign({ x: "50%", y: "50%", fontSize: 4, fontWeight: 600, fill: opacity > 0.3 ? tokens_1.default.colorWhite : tokens_1.default.colorBlack, dominantBaseline: "middle", textAnchor: "middle" }, { children: text }), void 0) }), void 0)] }), void 0)) : null;
@@ -37,9 +17,9 @@ const PiePieceHover = ({ piece, onMouse }) => {
37
17
  const onMouseLeave = (0, react_1.useCallback)(() => onMouse(piece.id, false), [onMouse, piece.id]);
38
18
  return ((0, jsx_runtime_1.jsx)("path", { d: piece.path, fill: "white", opacity: "0", onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, void 0));
39
19
  };
40
- const PieSvg = ({ pieces, selectedIndex }) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ className: "position-absolute", style: { inset: px(chartPadding) }, viewBox: `-${const_1.radiusRelative} -${const_1.radiusRelative} ` + `${const_1.radiusRelative * 2} ${const_1.radiusRelative * 2}` }, { children: [pieces.map((p, index) => p.path ? (0, jsx_runtime_1.jsx)(PiePieceSvg, { piece: p, selected: index === selectedIndex }, p.id) : null), selectedIndex >= 0 && selectedIndex < pieces.length && ((0, jsx_runtime_1.jsx)("use", { xlinkHref: pieces[selectedIndex].id }, void 0))] }), void 0));
41
- const PieSvgHover = ({ pieces, onMouse }) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ className: "position-absolute z-global-nav", style: { inset: px(chartPadding) }, viewBox: `-${const_1.radiusRelative} -${const_1.radiusRelative} ` + `${const_1.radiusRelative * 2} ${const_1.radiusRelative * 2}` }, { children: pieces.map(p => p.path ? (0, jsx_runtime_1.jsx)(PiePieceHover, { piece: p, onMouse: onMouse }, p.id) : null) }), void 0));
42
- const Pie = ({ pieces, popoverContent: PopoverContent }) => {
20
+ const PieSvg = ({ pieces, selectedIndex, radiusRelative }) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ className: "position-absolute", style: { inset: px(chartPadding) }, viewBox: `-${radiusRelative} -${radiusRelative} ` + `${radiusRelative * 2} ${radiusRelative * 2}` }, { children: [pieces.map((p, index) => p.path ? (0, jsx_runtime_1.jsx)(PiePieceSvg, { piece: p, selected: index === selectedIndex }, p.id) : null), selectedIndex >= 0 && selectedIndex < pieces.length && ((0, jsx_runtime_1.jsx)("use", { xlinkHref: pieces[selectedIndex].id }, void 0))] }), void 0));
21
+ const PieSvgHover = ({ pieces, onMouse, radiusRelative }) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ className: "position-absolute z-global-nav", style: { inset: px(chartPadding) }, viewBox: `-${radiusRelative} -${radiusRelative} ` + `${radiusRelative * 2} ${radiusRelative * 2}` }, { children: pieces.map(p => p.path ? (0, jsx_runtime_1.jsx)(PiePieceHover, { piece: p, onMouse: onMouse }, p.id) : null) }), void 0));
22
+ const Pie = ({ pieces, popoverContent: PopoverContent, content: PieContent, radiusRelative, hideTitles, }) => {
43
23
  const [selectedIndex, setSelectedIndex] = (0, react_1.useState)(-1);
44
24
  const [rect, ref] = (0, use_client_rect_1.useClientRect)();
45
25
  const onMouse = (0, react_1.useCallback)((id, isEnter) => {
@@ -62,20 +42,20 @@ const Pie = ({ pieces, popoverContent: PopoverContent }) => {
62
42
  const triggersStyles = (0, react_1.useMemo)(() => container.height
63
43
  ? pieces.map(p => p.points
64
44
  ? {
65
- top: px((container.height * (const_1.radiusRelative + p.points[4][1])) /
66
- (const_1.radiusRelative * 2)),
67
- left: px((container.height * (const_1.radiusRelative + p.points[4][0])) /
68
- (const_1.radiusRelative * 2) +
45
+ top: px((container.height * (radiusRelative + p.points[4][1])) /
46
+ (radiusRelative * 2)),
47
+ left: px((container.height * (radiusRelative + p.points[4][0])) /
48
+ (radiusRelative * 2) +
69
49
  20),
70
50
  }
71
51
  : { top: '', left: '' })
72
- : [], [pieces, container]);
73
- return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, style: container.styles, className: "position-relative" }, { children: pieces.every(p => !p.path) ? ((0, jsx_runtime_1.jsx)(design_system_1.Stack, Object.assign({ className: "h-100", justifyContent: "center", alignItems: "center" }, { children: "No Data" }), void 0)) : ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [triggersStyles
52
+ : [], [pieces, container, radiusRelative]);
53
+ return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, style: container.styles, className: "position-relative" }, { children: pieces.every(p => !p.path) ? ((0, jsx_runtime_1.jsx)(design_system_1.Stack, Object.assign({ className: "h-100", justifyContent: "center", alignItems: "center" }, { children: "No Data" }), void 0)) : ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [triggersStyles
74
54
  .filter(ts => !!ts.left && !!ts.top)
75
55
  .map((ts, ind) => {
76
56
  var _a, _b, _c;
77
- return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: ts, className: "position-absolute" }, { children: (0, jsx_runtime_1.jsx)(design_system_1.Popover, Object.assign({ portal: true, trigger: (0, jsx_runtime_1.jsx)("span", { children: " " }, void 0), open: selectedIndex === ind, direction: "rb", padding: "s", width: "auto" }, { children: selectedIndex === ind && ((0, jsx_runtime_1.jsxs)(design_system_1.Stack, Object.assign({ direction: "column" }, { children: [(0, jsx_runtime_1.jsxs)(design_system_1.Stack, Object.assign({ alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)(design_system_1.StatusLight, { color: pieces[ind].color }, void 0), (0, jsx_runtime_1.jsx)(design_system_1.BodyText, Object.assign({ size: "small", bold: true }, { children: pieces[ind].title }), void 0)] }), void 0), !!PopoverContent && ((0, jsx_runtime_1.jsx)(design_system_1.Stack.Item, Object.assign({ className: "m-l-1" }, { children: (0, jsx_runtime_1.jsx)(PopoverContent, { index: ind, data: (_a = pieces[ind]) === null || _a === void 0 ? void 0 : _a.data, text: (_b = pieces[ind]) === null || _b === void 0 ? void 0 : _b.text, value: (_c = pieces[ind]) === null || _c === void 0 ? void 0 : _c.value }, void 0) }), void 0))] }), void 0)) }), void 0) }), ts.left + ts.top));
78
- }), (0, jsx_runtime_1.jsx)(PieSvg, { pieces: pieces, selectedIndex: selectedIndex }, void 0), (0, jsx_runtime_1.jsx)(PieSvgHover, { pieces: pieces, onMouse: onMouse }, void 0)] }, void 0)) }), void 0));
57
+ return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: ts, className: "position-absolute" }, { children: (0, jsx_runtime_1.jsx)(design_system_1.Popover, Object.assign({ portal: true, trigger: (0, jsx_runtime_1.jsx)("span", { children: " " }, void 0), open: selectedIndex === ind, direction: "rb", padding: "s", width: "auto" }, { children: selectedIndex === ind && ((0, jsx_runtime_1.jsxs)(design_system_1.Stack, Object.assign({ direction: "column" }, { children: [!hideTitles && ((0, jsx_runtime_1.jsxs)(design_system_1.Stack, Object.assign({ alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)(design_system_1.StatusLight, { color: pieces[ind].color }, void 0), (0, jsx_runtime_1.jsx)(design_system_1.BodyText, Object.assign({ size: "small", bold: true }, { children: pieces[ind].title }), void 0)] }), void 0)), !!PopoverContent && ((0, jsx_runtime_1.jsx)(design_system_1.Stack.Item, Object.assign({ className: "m-l-1" }, { children: (0, jsx_runtime_1.jsx)(PopoverContent, { index: ind, data: (_a = pieces[ind]) === null || _a === void 0 ? void 0 : _a.data, text: (_b = pieces[ind]) === null || _b === void 0 ? void 0 : _b.text, value: (_c = pieces[ind]) === null || _c === void 0 ? void 0 : _c.value }, void 0) }), void 0))] }), void 0)) }), void 0) }), ts.left + ts.top));
58
+ }), !!PieContent && (0, jsx_runtime_1.jsx)(PieContent, {}, void 0), (0, jsx_runtime_1.jsx)(PieSvg, { pieces: pieces, selectedIndex: selectedIndex, radiusRelative: radiusRelative }, void 0), (0, jsx_runtime_1.jsx)(PieSvgHover, { pieces: pieces, onMouse: onMouse, radiusRelative: radiusRelative }, void 0)] }, void 0)) }), void 0));
79
59
  };
80
60
  exports.Pie = Pie;
81
61
  //# sourceMappingURL=pie.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"pie.js","sourceRoot":"","sources":["../../../../../src/components/charts/pie-chart/components/pie.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"pie.js","sourceRoot":"","sources":["../../../../../src/components/charts/pie-chart/components/pie.tsx"],"names":[],"mappings":"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"}
@@ -1,11 +1,12 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  declare const _default: {
3
3
  title: string;
4
- component: React.FC<import("./utils/interface").PieChartProps<any>>;
4
+ component: import("react").FC<import("./utils/interface").PieChartProps<any>>;
5
5
  parameters: {};
6
6
  };
7
7
  export default _default;
8
8
  export declare const pieChart5AutoColor: () => JSX.Element;
9
+ export declare const pieChartWithContent: () => JSX.Element;
9
10
  export declare const pieChart1CustomColor: () => JSX.Element;
10
11
  export declare const pieChartNoData: () => JSX.Element;
11
12
  //# sourceMappingURL=pie-chart.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"pie-chart.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/pie-chart/pie-chart.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAG1B,wBAIE;AAEF,eAAO,MAAM,kBAAkB,mBAY9B,CAAC;AAEF,eAAO,MAAM,oBAAoB,mBAMhC,CAAC;AAEF,eAAO,MAAM,cAAc,mBAAkE,CAAC"}
1
+ {"version":3,"file":"pie-chart.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/pie-chart/pie-chart.stories.tsx"],"names":[],"mappings":";;;;;;AAGA,wBAIE;AAEF,eAAO,MAAM,kBAAkB,mBAY9B,CAAC;AAEF,eAAO,MAAM,mBAAmB,mBAiB/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,mBAMhC,CAAC;AAEF,eAAO,MAAM,cAAc,mBAAkE,CAAC"}
@@ -1,8 +1,9 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.pieChartNoData = exports.pieChart1CustomColor = exports.pieChart5AutoColor = void 0;
3
+ exports.pieChartNoData = exports.pieChart1CustomColor = exports.pieChartWithContent = exports.pieChart5AutoColor = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const index_1 = require("./index");
6
+ const design_system_1 = require("@servicetitan/design-system");
6
7
  exports.default = {
7
8
  title: 'Marketing UI/charts/PieChart',
8
9
  component: index_1.PieChart,
@@ -16,6 +17,11 @@ const pieChart5AutoColor = () => ((0, jsx_runtime_1.jsx)(index_1.PieChart, { tit
16
17
  { title: 'amet', value: 22 },
17
18
  ] }, void 0));
18
19
  exports.pieChart5AutoColor = pieChart5AutoColor;
20
+ const pieChartWithContent = () => ((0, jsx_runtime_1.jsx)(index_1.PieChart, { title: "Pie Chart", height: 300, sections: [
21
+ { title: 'New Customer', value: 61 },
22
+ { title: 'Existing Customer', value: 90 },
23
+ ], content: () => ((0, jsx_runtime_1.jsxs)(design_system_1.Stack, Object.assign({ className: "h-100", justifyContent: "center", alignItems: "center", direction: "column" }, { children: [(0, jsx_runtime_1.jsx)(design_system_1.BodyText, Object.assign({ bold: true }, { children: "244" }), void 0), (0, jsx_runtime_1.jsx)(design_system_1.Eyebrow, Object.assign({ size: "small" }, { children: "Total Leads" }), void 0)] }), void 0)), radiusRelative: 45, hideTitles: true }, void 0));
24
+ exports.pieChartWithContent = pieChartWithContent;
19
25
  const pieChart1CustomColor = () => ((0, jsx_runtime_1.jsx)(index_1.PieChart, { title: "Pie Chart", height: 250, sections: [{ title: 'lorem', value: 99, color: '#ffe278' }] }, void 0));
20
26
  exports.pieChart1CustomColor = pieChart1CustomColor;
21
27
  const pieChartNoData = () => (0, jsx_runtime_1.jsx)(index_1.PieChart, { title: "Pie Chart", height: 250, sections: [] }, void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"pie-chart.stories.js","sourceRoot":"","sources":["../../../../src/components/charts/pie-chart/pie-chart.stories.tsx"],"names":[],"mappings":";;;;AACA,mCAAmC;AAEnC,kBAAe;IACX,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,gBAAQ;IACnB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEK,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,CACpC,uBAAC,gBAAQ,IACL,KAAK,EAAC,WAAW,EACjB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE;QACN,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;QAC7B,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;QAC7B,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;QAC7B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;QAC3B,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;KAC/B,WACH,CACL,CAAC;AAZW,QAAA,kBAAkB,sBAY7B;AAEK,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAAC,CACtC,uBAAC,gBAAQ,IACL,KAAK,EAAC,WAAW,EACjB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,WAC7D,CACL,CAAC;AANW,QAAA,oBAAoB,wBAM/B;AAEK,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,uBAAC,gBAAQ,IAAC,KAAK,EAAC,WAAW,EAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,WAAI,CAAC;AAAjF,QAAA,cAAc,kBAAmE"}
1
+ {"version":3,"file":"pie-chart.stories.js","sourceRoot":"","sources":["../../../../src/components/charts/pie-chart/pie-chart.stories.tsx"],"names":[],"mappings":";;;;AAAA,mCAAmC;AACnC,+DAAuE;AAEvE,kBAAe;IACX,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,gBAAQ;IACnB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEK,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,CACpC,uBAAC,gBAAQ,IACL,KAAK,EAAC,WAAW,EACjB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE;QACN,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;QAC7B,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;QAC7B,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;QAC7B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;QAC3B,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;KAC/B,WACH,CACL,CAAC;AAZW,QAAA,kBAAkB,sBAY7B;AAEK,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,CACrC,uBAAC,gBAAQ,IACL,KAAK,EAAC,WAAW,EACjB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE;QACN,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,EAAE;QACpC,EAAE,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,EAAE,EAAE;KAC5C,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,CACX,wBAAC,qBAAK,kBAAC,SAAS,EAAC,OAAO,EAAC,cAAc,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,iBACnF,uBAAC,wBAAQ,kBAAC,IAAI,uCAAe,EAC7B,uBAAC,uBAAO,kBAAC,IAAI,EAAC,OAAO,yCAAsB,aACvC,CACX,EACD,cAAc,EAAE,EAAE,EAClB,UAAU,iBACZ,CACL,CAAC;AAjBW,QAAA,mBAAmB,uBAiB9B;AAEK,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAAC,CACtC,uBAAC,gBAAQ,IACL,KAAK,EAAC,WAAW,EACjB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,WAC7D,CACL,CAAC;AANW,QAAA,oBAAoB,wBAM/B;AAEK,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,uBAAC,gBAAQ,IAAC,KAAK,EAAC,WAAW,EAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,WAAI,CAAC;AAAjF,QAAA,cAAc,kBAAmE"}
@@ -1,4 +1,4 @@
1
1
  import { PieChartSection, PiePiece } from './interface';
2
- export declare const radiusRelative = 50;
3
- export declare const convertSessionsToPieces: <T>(sections: PieChartSection<T>[]) => PiePiece<T>[];
2
+ export declare const radiusRelativeDefault = 50;
3
+ export declare const convertSessionsToPieces: <T>(sections: PieChartSection<T>[], radiusRelative: number) => PiePiece<T>[];
4
4
  //# sourceMappingURL=const.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../../../../src/components/charts/pie-chart/utils/const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,eAAe,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGrE,eAAO,MAAM,cAAc,KAAK,CAAC;AAgCjC,eAAO,MAAM,uBAAuB,sDA+DnC,CAAC"}
1
+ {"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../../../../src/components/charts/pie-chart/utils/const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,eAAe,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGrE,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAgCxC,eAAO,MAAM,uBAAuB,sDAEhB,MAAM,kBAkEzB,CAAC"}
@@ -1,11 +1,11 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.convertSessionsToPieces = exports.radiusRelative = void 0;
3
+ exports.convertSessionsToPieces = exports.radiusRelativeDefault = void 0;
4
4
  const accounting_1 = require("accounting");
5
- exports.radiusRelative = 50;
5
+ exports.radiusRelativeDefault = 50;
6
6
  const radiusInt = 20;
7
- const radiusExt = exports.radiusRelative - 5; // need to have some space to stroke selected piece
8
- const radiusMid = (3 * exports.radiusRelative) / 4;
7
+ const getRadiusExt = (radiusRelative) => radiusRelative - 5; // need to have some space to stroke selected piece
8
+ const getRadiusMid = (radiusRelative) => (3 * radiusRelative) / 4;
9
9
  const angleInitial = -0.5;
10
10
  const lowestOpacity = 0.1;
11
11
  const formatValue = (val) => {
@@ -19,16 +19,18 @@ const formatValue = (val) => {
19
19
  const valueDecimal = Math.max(Math.floor(val * 10) - valueMain * 10, 1);
20
20
  return `0.${valueDecimal}%`;
21
21
  };
22
- const convertPointsToPath = (points, wideAngle) => `M ${points[3][0]},${points[3][1]} ` +
22
+ const convertPointsToPath = (points, wideAngle, radiusExt) => `M ${points[3][0]},${points[3][1]} ` +
23
23
  `L ${points[0][0]},${points[0][1]} ` +
24
24
  `A ${radiusExt},${radiusExt} 0 ${wideAngle ? 1 : 0} 1 ${points[1][0]},${points[1][1]} ` +
25
25
  `L ${points[2][0]},${points[2][1]} ` +
26
26
  `A ${radiusInt},${radiusInt} 0 ${wideAngle ? 1 : 0} 0 ${points[3][0]},${points[3][1]} ` +
27
27
  `L ${points[0][0]},${points[0][1]} `;
28
- const convertSessionsToPieces = (sections) => {
28
+ const convertSessionsToPieces = (sections, radiusRelative) => {
29
29
  const total = sections.reduce((sum, curr) => sum + curr.value, 0);
30
30
  const opacityStep = (1 - lowestOpacity) / (Math.max(sections.length, 2) - 1);
31
31
  let angleSum = 0;
32
+ const radiusExt = getRadiusExt(radiusRelative);
33
+ const radiusMid = getRadiusMid(radiusRelative);
32
34
  const pieces = sections
33
35
  .slice()
34
36
  .sort((a, b) => b.value - a.value)
@@ -60,7 +62,7 @@ const convertSessionsToPieces = (sections) => {
60
62
  value: s.value,
61
63
  points,
62
64
  path: points
63
- ? convertPointsToPath(points, angleEnd - angleStart >= Math.PI)
65
+ ? convertPointsToPath(points, angleEnd - angleStart >= Math.PI, radiusExt)
64
66
  : undefined,
65
67
  };
66
68
  });
@@ -1 +1 @@
1
- {"version":3,"file":"const.js","sourceRoot":"","sources":["../../../../../src/components/charts/pie-chart/utils/const.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"const.js","sourceRoot":"","sources":["../../../../../src/components/charts/pie-chart/utils/const.ts"],"names":[],"mappings":"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"}
@@ -1,11 +1,11 @@
1
- import React from 'react';
1
+ import { FC } from 'react';
2
2
  export interface PieChartSection<T> {
3
3
  title: string;
4
4
  value: number;
5
5
  color?: string;
6
6
  data?: T;
7
7
  }
8
- export declare type PieChartPopoverContentType<T = any> = React.FC<{
8
+ export declare type PieChartPopoverContentType<T = any> = FC<{
9
9
  index: number;
10
10
  value: number;
11
11
  data?: T;
@@ -15,8 +15,11 @@ export interface PieChartProps<T = any> {
15
15
  title: string;
16
16
  sections: PieChartSection<T>[];
17
17
  popoverContent?: PieChartPopoverContentType<T>;
18
+ content?: FC<T>;
18
19
  height?: number;
19
20
  width?: number;
21
+ radiusRelative?: number;
22
+ hideTitles?: boolean;
20
23
  }
21
24
  export declare type PiecePoint = [number, number];
22
25
  export declare type PiecePoints = [PiecePoint, PiecePoint, PiecePoint, PiecePoint, PiecePoint];
@@ -1 +1 @@
1
- {"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../../../src/components/charts/pie-chart/utils/interface.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,eAAe,CAAC,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,CAAC,CAAC;CACZ;AAED,oBAAY,0BAA0B,CAAC,CAAC,GAAG,GAAG,IAAI,KAAK,CAAC,EAAE,CAAC;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,CAAC,CAAC;IACT,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,cAAc,CAAC,EAAE,0BAA0B,CAAC,CAAC,CAAC,CAAC;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,oBAAY,UAAU,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,oBAAY,WAAW,GAAG,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;AAEvF,MAAM,WAAW,QAAQ,CAAC,CAAC,GAAG,SAAS;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,CAAC,CAAC;IACT,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB"}
1
+ {"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../../../src/components/charts/pie-chart/utils/interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,MAAM,WAAW,eAAe,CAAC,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,CAAC,CAAC;CACZ;AAED,oBAAY,0BAA0B,CAAC,CAAC,GAAG,GAAG,IAAI,EAAE,CAAC;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,CAAC,CAAC;IACT,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,cAAc,CAAC,EAAE,0BAA0B,CAAC,CAAC,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,oBAAY,UAAU,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,oBAAY,WAAW,GAAG,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;AAEvF,MAAM,WAAW,QAAQ,CAAC,CAAC,GAAG,SAAS;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,CAAC,CAAC;IACT,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB"}
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import { Component } from 'react';
2
2
  import 'react-image-crop/dist/ReactCrop.css';
3
3
  interface ImageCropperProps {
4
4
  file: File;
@@ -7,7 +7,7 @@ interface ImageCropperProps {
7
7
  height: number;
8
8
  };
9
9
  }
10
- export declare class ImageCropper extends React.Component<ImageCropperProps> {
10
+ export declare class ImageCropper extends Component<ImageCropperProps> {
11
11
  private src?;
12
12
  private crop?;
13
13
  private image?;
@@ -1 +1 @@
1
- {"version":3,"file":"image-cropper.d.ts","sourceRoot":"","sources":["../../../src/components/image-cropper/image-cropper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,qCAAqC,CAAC;AAE7C,UAAU,iBAAiB;IACvB,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,EAAE;QACF,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAClB,CAAC;CACL;AAED,qBACa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;IACpD,OAAO,CAAC,GAAG,CAAC,CAAS;IACrB,OAAO,CAAC,IAAI,CAAC,CAAO;IACpB,OAAO,CAAC,KAAK,CAAC,CAAmB;gBAEjC,KAAK,EAAE,iBAAiB;IAKpC,aAAa,SAAU,MAAM,YAAY,MAAM,+BA2CxC;IAGP,iBAAiB,eAA2D;IAE5E,oBAAoB,aAIlB;IAEF,MAAM;IAaN,OAAO,CAAC,YAAY,CAAsC;IAG1D,OAAO,CAAC,iBAAiB,CAWvB;CACL"}
1
+ {"version":3,"file":"image-cropper.d.ts","sourceRoot":"","sources":["../../../src/components/image-cropper/image-cropper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,OAAO,qCAAqC,CAAC;AAE7C,UAAU,iBAAiB;IACvB,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,EAAE;QACF,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAClB,CAAC;CACL;AAED,qBACa,YAAa,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IAC9C,OAAO,CAAC,GAAG,CAAC,CAAS;IACrB,OAAO,CAAC,IAAI,CAAC,CAAO;IACpB,OAAO,CAAC,KAAK,CAAC,CAAmB;gBAEjC,KAAK,EAAE,iBAAiB;IAKpC,aAAa,SAAU,MAAM,YAAY,MAAM,+BA2CxC;IAGP,iBAAiB,eAA2D;IAE5E,oBAAoB,aAIlB;IAEF,MAAM;IAaN,OAAO,CAAC,YAAY,CAAsC;IAG1D,OAAO,CAAC,iBAAiB,CAWvB;CACL"}
@@ -14,12 +14,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
14
14
  Object.defineProperty(exports, "__esModule", { value: true });
15
15
  exports.ImageCropper = void 0;
16
16
  const jsx_runtime_1 = require("react/jsx-runtime");
17
- const react_1 = __importDefault(require("react"));
17
+ const react_1 = require("react");
18
18
  const mobx_1 = require("mobx");
19
19
  const mobx_react_1 = require("mobx-react");
20
20
  const react_image_crop_1 = __importDefault(require("react-image-crop"));
21
21
  require("react-image-crop/dist/ReactCrop.css");
22
- let ImageCropper = class ImageCropper extends react_1.default.Component {
22
+ let ImageCropper = class ImageCropper extends react_1.Component {
23
23
  constructor(props) {
24
24
  super(props);
25
25
  Object.defineProperty(this, "src", {
@@ -1 +1 @@
1
- {"version":3,"file":"image-cropper.js","sourceRoot":"","sources":["../../../src/components/image-cropper/image-cropper.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"image-cropper.js","sourceRoot":"","sources":["../../../src/components/image-cropper/image-cropper.tsx"],"names":[],"mappings":"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"}
@@ -8,13 +8,10 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
8
8
  step((generator = generator.apply(thisArg, _arguments || [])).next());
9
9
  });
10
10
  };
11
- var __importDefault = (this && this.__importDefault) || function (mod) {
12
- return (mod && mod.__esModule) ? mod : { "default": mod };
13
- };
14
11
  Object.defineProperty(exports, "__esModule", { value: true });
15
12
  exports.basic = void 0;
16
13
  const jsx_runtime_1 = require("react/jsx-runtime");
17
- const react_1 = __importDefault(require("react"));
14
+ const react_1 = require("react");
18
15
  const image_cropper_1 = require("./image-cropper");
19
16
  exports.default = {
20
17
  title: 'Marketing UI/ImageCropper/ImageCropper',
@@ -22,9 +19,9 @@ exports.default = {
22
19
  parameters: {},
23
20
  };
24
21
  const BasicExample = () => {
25
- const [imageToEdit, setImageToEdit] = react_1.default.useState();
26
- const [croppedImage, setCroppedImage] = react_1.default.useState();
27
- const imageCropper = react_1.default.useRef(null);
22
+ const [imageToEdit, setImageToEdit] = (0, react_1.useState)();
23
+ const [croppedImage, setCroppedImage] = (0, react_1.useState)();
24
+ const imageCropper = (0, react_1.useRef)(null);
28
25
  const handleFileChange = (e) => {
29
26
  var _a;
30
27
  const file = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
@@ -48,7 +45,7 @@ const BasicExample = () => {
48
45
  setCroppedImage(reader.result);
49
46
  };
50
47
  });
51
- return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", { type: "file", accept: "image/png, image/jpeg", onChange: handleFileChange }, void 0), imageToEdit && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: { marginTop: 30 } }, { children: [(0, jsx_runtime_1.jsx)("button", Object.assign({ onClick: handleSave }, { children: "Save cropped image" }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: { marginTop: 30 } }, { children: (0, jsx_runtime_1.jsx)(image_cropper_1.ImageCropper, { file: imageToEdit, ref: imageCropper, crop: { width: 300, height: 300 } }, void 0) }), void 0)] }), void 0)), croppedImage && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: { marginTop: 30 } }, { children: [(0, jsx_runtime_1.jsx)("a", Object.assign({ href: croppedImage, download: imageToEdit === null || imageToEdit === void 0 ? void 0 : imageToEdit.name }, { children: "Download" }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: { marginTop: 30 } }, { children: (0, jsx_runtime_1.jsx)("img", { src: croppedImage }, void 0) }), void 0)] }), void 0))] }, void 0));
48
+ return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", { type: "file", accept: "image/png, image/jpeg", onChange: handleFileChange }, void 0), imageToEdit && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: { marginTop: 30 } }, { children: [(0, jsx_runtime_1.jsx)("button", Object.assign({ onClick: handleSave }, { children: "Save cropped image" }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: { marginTop: 30 } }, { children: (0, jsx_runtime_1.jsx)(image_cropper_1.ImageCropper, { file: imageToEdit, ref: imageCropper, crop: { width: 300, height: 300 } }, void 0) }), void 0)] }), void 0)), croppedImage && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: { marginTop: 30 } }, { children: [(0, jsx_runtime_1.jsx)("a", Object.assign({ href: croppedImage, download: imageToEdit === null || imageToEdit === void 0 ? void 0 : imageToEdit.name }, { children: "Download" }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: { marginTop: 30 } }, { children: (0, jsx_runtime_1.jsx)("img", { src: croppedImage }, void 0) }), void 0)] }), void 0))] }, void 0));
52
49
  };
53
50
  const basic = () => (0, jsx_runtime_1.jsx)(BasicExample, {}, void 0);
54
51
  exports.basic = basic;
@@ -1 +1 @@
1
- {"version":3,"file":"image-cropper.stories.js","sourceRoot":"","sources":["../../../src/components/image-cropper/image-cropper.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,mDAA+C;AAE/C,kBAAe;IACX,KAAK,EAAE,wCAAwC;IAC/C,SAAS,EAAE,4BAAY;IACvB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,YAAY,GAAa,GAAG,EAAE;IAChC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,eAAK,CAAC,QAAQ,EAAQ,CAAC;IAC7D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,eAAK,CAAC,QAAQ,EAAU,CAAC;IAEjE,MAAM,YAAY,GAAG,eAAK,CAAC,MAAM,CAAe,IAAI,CAAC,CAAC;IAEtD,MAAM,gBAAgB,GAAG,CAAC,CAAsC,EAAE,EAAE;;QAChE,MAAM,IAAI,GAAG,MAAA,CAAC,CAAC,MAAM,CAAC,KAAK,0CAAG,CAAC,CAAC,CAAC;QACjC,IAAI,CAAC,IAAI,EAAE;YACP,OAAO;SACV;QAED,cAAc,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAS,EAAE;;QAC1B,IAAI,CAAC,WAAW,EAAE;YACd,OAAO;SACV;QACD,MAAM,IAAI,GAAG,MAAM,CAAA,MAAA,YAAY,CAAC,OAAO,0CAAE,aAAa,CAAC,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA,CAAC;QAC3F,IAAI,CAAC,IAAI,EAAE;YACP,OAAO;SACV;QACD,MAAM,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;QAChC,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC3B,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE;YACjB,eAAe,CAAC,MAAM,CAAC,MAAgB,CAAC,CAAC;QAC7C,CAAC,CAAC;IACN,CAAC,CAAA,CAAC;IAEF,OAAO,CACH,wBAAC,eAAK,CAAC,QAAQ,eACX,kCAAO,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,uBAAuB,EAAC,QAAQ,EAAE,gBAAgB,WAAI,EAC/E,WAAW,IAAI,CACZ,+CAAK,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,iBACzB,iDAAQ,OAAO,EAAE,UAAU,gDAA6B,EACxD,8CAAK,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,gBACzB,uBAAC,4BAAY,IACT,IAAI,EAAE,WAAW,EACjB,GAAG,EAAE,YAAY,EACjB,IAAI,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,WACnC,YACA,aACJ,CACT,EACA,YAAY,IAAI,CACb,+CAAK,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,iBACzB,4CAAG,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,sCAE9C,EACJ,8CAAK,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,gBACzB,gCAAK,GAAG,EAAE,YAAY,WAAI,YACxB,aACJ,CACT,YACY,CACpB,CAAC;AACN,CAAC,CAAC;AAEK,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,uBAAC,YAAY,aAAG,CAAC;AAA/B,QAAA,KAAK,SAA0B"}
1
+ {"version":3,"file":"image-cropper.stories.js","sourceRoot":"","sources":["../../../src/components/image-cropper/image-cropper.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,iCAAoE;AACpE,mDAA+C;AAE/C,kBAAe;IACX,KAAK,EAAE,wCAAwC;IAC/C,SAAS,EAAE,4BAAY;IACvB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,YAAY,GAAO,GAAG,EAAE;IAC1B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,GAAQ,CAAC;IACvD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAC;IAE3D,MAAM,YAAY,GAAG,IAAA,cAAM,EAAe,IAAI,CAAC,CAAC;IAEhD,MAAM,gBAAgB,GAAG,CAAC,CAAgC,EAAE,EAAE;;QAC1D,MAAM,IAAI,GAAG,MAAA,CAAC,CAAC,MAAM,CAAC,KAAK,0CAAG,CAAC,CAAC,CAAC;QACjC,IAAI,CAAC,IAAI,EAAE;YACP,OAAO;SACV;QAED,cAAc,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAS,EAAE;;QAC1B,IAAI,CAAC,WAAW,EAAE;YACd,OAAO;SACV;QACD,MAAM,IAAI,GAAG,MAAM,CAAA,MAAA,YAAY,CAAC,OAAO,0CAAE,aAAa,CAAC,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA,CAAC;QAC3F,IAAI,CAAC,IAAI,EAAE;YACP,OAAO;SACV;QACD,MAAM,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;QAChC,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC3B,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE;YACjB,eAAe,CAAC,MAAM,CAAC,MAAgB,CAAC,CAAC;QAC7C,CAAC,CAAC;IACN,CAAC,CAAA,CAAC;IAEF,OAAO,CACH,wBAAC,gBAAQ,eACL,kCAAO,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,uBAAuB,EAAC,QAAQ,EAAE,gBAAgB,WAAI,EAC/E,WAAW,IAAI,CACZ,+CAAK,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,iBACzB,iDAAQ,OAAO,EAAE,UAAU,gDAA6B,EACxD,8CAAK,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,gBACzB,uBAAC,4BAAY,IACT,IAAI,EAAE,WAAW,EACjB,GAAG,EAAE,YAAY,EACjB,IAAI,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,WACnC,YACA,aACJ,CACT,EACA,YAAY,IAAI,CACb,+CAAK,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,iBACzB,4CAAG,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,sCAE9C,EACJ,8CAAK,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,gBACzB,gCAAK,GAAG,EAAE,YAAY,WAAI,YACxB,aACJ,CACT,YACM,CACd,CAAC;AACN,CAAC,CAAC;AAEK,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,uBAAC,YAAY,aAAG,CAAC;AAA/B,QAAA,KAAK,SAA0B"}
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import { FC } from 'react';
2
2
  import { BodyTextPropsStrict } from '@servicetitan/design-system';
3
3
  import { NumberFormatter } from '../../utils/formatters';
4
4
  interface StatDiffProps {
@@ -9,8 +9,9 @@ interface StatDiffProps {
9
9
  inverted?: boolean;
10
10
  neutral?: boolean;
11
11
  className?: string;
12
+ diffPercentOnly?: boolean;
12
13
  }
13
- export declare const StatDiff: React.FC<StatDiffProps>;
14
+ export declare const StatDiff: FC<StatDiffProps>;
14
15
  export interface StatCardProps {
15
16
  title: string;
16
17
  description?: string;
@@ -25,7 +26,8 @@ export interface StatCardProps {
25
26
  fill?: boolean;
26
27
  valueOnly?: boolean;
27
28
  className?: string;
29
+ diffPercentOnly?: boolean;
28
30
  }
29
- export declare const StatCard: React.FC<StatCardProps>;
31
+ export declare const StatCard: FC<StatCardProps>;
30
32
  export {};
31
33
  //# sourceMappingURL=stat-card.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"stat-card.d.ts","sourceRoot":"","sources":["../../../src/components/stat/stat-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEH,mBAAmB,EAItB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAe,eAAe,EAAE,MAAM,wBAAwB,CAAC;AA0BtE,UAAU,aAAa;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACnC,MAAM,EAAE,eAAe,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyC5C,CAAC;AAEF,MAAM,WAAW,aAAa;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8C5C,CAAC"}
1
+ {"version":3,"file":"stat-card.d.ts","sourceRoot":"","sources":["../../../src/components/stat/stat-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAEH,mBAAmB,EAItB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAe,eAAe,EAAE,MAAM,wBAAwB,CAAC;AA0BtE,UAAU,aAAa;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACnC,MAAM,EAAE,eAAe,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAgDtC,CAAC;AAEF,MAAM,WAAW,aAAa;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAgDtC,CAAC"}
@@ -43,7 +43,7 @@ const formatDifferencePercentage = (value, isPlus) => {
43
43
  }
44
44
  return (isPlus ? '+' : '-') + (0, formatters_1.formatValue)(value, 'percent-100');
45
45
  };
46
- const StatDiff = ({ value, prev, size, format, inverted, neutral, className, }) => {
46
+ const StatDiff = ({ value, prev, size, format, inverted, neutral, className, diffPercentOnly = false, }) => {
47
47
  const percents = format === 'percent';
48
48
  const [absDiff, diffPercent, isIncrease] = calculateDiff(value !== null && value !== void 0 ? value : 0, prev !== null && prev !== void 0 ? prev : 0, percents);
49
49
  const diff = absDiff === 0 ? '' : isIncrease ? '▲ ' : '▼ ';
@@ -52,9 +52,15 @@ const StatDiff = ({ value, prev, size, format, inverted, neutral, className, })
52
52
  text += formatDifferencePercentage(absDiff, isIncrease);
53
53
  }
54
54
  else {
55
- text += formatDifference(absDiff, isIncrease, format);
56
- if (diffPercent !== 0) {
57
- text += ` (${formatDifferencePercentage(diffPercent, isIncrease)})`;
55
+ const diffPercentage = formatDifferencePercentage(diffPercent, isIncrease);
56
+ if (diffPercentOnly) {
57
+ text += `${diffPercentage}`;
58
+ }
59
+ else {
60
+ text += `${formatDifference(absDiff, isIncrease, format)}`;
61
+ if (diffPercent !== 0) {
62
+ text += ` (${diffPercentage})`;
63
+ }
58
64
  }
59
65
  }
60
66
  return ((0, jsx_runtime_1.jsxs)(design_system_1.BodyText, Object.assign({ className: (0, classnames_1.default)(Styles.statDiff, {
@@ -64,14 +70,14 @@ const StatDiff = ({ value, prev, size, format, inverted, neutral, className, })
64
70
  }, className), size: size !== null && size !== void 0 ? size : 'small' }, { children: [(0, jsx_runtime_1.jsx)("span", { children: diff }, void 0), value === undefined ? '\u00A0' : text] }), void 0));
65
71
  };
66
72
  exports.StatDiff = StatDiff;
67
- const StatCard = ({ title, description, value, percent, money, rate, prev, clean, inverted, neutral, fill, valueOnly, className, }) => {
73
+ const StatCard = ({ title, description, value, percent, money, rate, prev, clean, inverted, neutral, fill, valueOnly, className, diffPercentOnly = false, }) => {
68
74
  const format = money ? 'money' : percent ? 'percent' : rate ? 'rate' : 'number';
69
75
  const val = value === undefined ? '\u00A0' : (0, formatters_1.formatValue)(value, format);
70
76
  const eyebrow = (0, jsx_runtime_1.jsx)(design_system_1.Eyebrow, Object.assign({ className: (0, classnames_1.default)(Styles.title, 'ta-center') }, { children: title }), void 0);
71
77
  return ((0, jsx_runtime_1.jsxs)(design_system_1.Stack, Object.assign({ direction: "column", alignItems: "center", className: (0, classnames_1.default)('p-y-3', {
72
78
  'bg-white border-radius-2 border': !clean,
73
79
  'flex-grow-1 flex-basis-0': fill,
74
- }, className) }, { children: [description ? (0, jsx_runtime_1.jsx)(design_system_1.Tooltip, Object.assign({ text: description }, { children: eyebrow }), void 0) : eyebrow, (0, jsx_runtime_1.jsx)(design_system_1.BodyText, Object.assign({ className: "fs-6-i ff-display" }, { children: val }), void 0), !valueOnly && ((0, jsx_runtime_1.jsx)(exports.StatDiff, { value: value, prev: prev, format: format, inverted: inverted, neutral: neutral }, void 0))] }), void 0));
80
+ }, className) }, { children: [description ? (0, jsx_runtime_1.jsx)(design_system_1.Tooltip, Object.assign({ text: description }, { children: eyebrow }), void 0) : eyebrow, (0, jsx_runtime_1.jsx)(design_system_1.BodyText, Object.assign({ className: "fs-6-i ff-display" }, { children: val }), void 0), !valueOnly && ((0, jsx_runtime_1.jsx)(exports.StatDiff, { value: value, prev: prev, format: format, inverted: inverted, neutral: neutral, diffPercentOnly: diffPercentOnly }, void 0))] }), void 0));
75
81
  };
76
82
  exports.StatCard = StatCard;
77
83
  //# sourceMappingURL=stat-card.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"stat-card.js","sourceRoot":"","sources":["../../../src/components/stat/stat-card.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"stat-card.js","sourceRoot":"","sources":["../../../src/components/stat/stat-card.tsx"],"names":[],"mappings":"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"}
@@ -1,11 +1,12 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  declare const _default: {
3
3
  title: string;
4
- component: React.FC<import("./stat-card").StatCardProps>;
4
+ component: import("react").FC<import("./stat-card").StatCardProps>;
5
5
  parameters: {};
6
6
  };
7
7
  export default _default;
8
8
  export declare const statCardNumber: () => JSX.Element;
9
+ export declare const statDiffNumberPercentOnly: () => JSX.Element;
9
10
  export declare const statCardMoney: () => JSX.Element;
10
11
  export declare const statCardPercentInverted: () => JSX.Element;
11
12
  export declare const statCardRate: () => JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"stat-cards.stories.d.ts","sourceRoot":"","sources":["../../../src/components/stat/stat-cards.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAG1B,wBAIE;AAIF,eAAO,MAAM,cAAc,mBAA+D,CAAC;AAC3F,eAAO,MAAM,aAAa,mBAAuE,CAAC;AAClG,eAAO,MAAM,uBAAuB,mBAElC,CAAC;AACH,eAAO,MAAM,YAAY,mBAAiE,CAAC"}
1
+ {"version":3,"file":"stat-cards.stories.d.ts","sourceRoot":"","sources":["../../../src/components/stat/stat-cards.stories.tsx"],"names":[],"mappings":";;;;;;AAGA,wBAIE;AAIF,eAAO,MAAM,cAAc,mBAA+D,CAAC;AAC3F,eAAO,MAAM,yBAAyB,mBAEpC,CAAC;AACH,eAAO,MAAM,aAAa,mBAAuE,CAAC;AAClG,eAAO,MAAM,uBAAuB,mBAElC,CAAC;AACH,eAAO,MAAM,YAAY,mBAAiE,CAAC"}
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.statCardRate = exports.statCardPercentInverted = exports.statCardMoney = exports.statCardNumber = void 0;
3
+ exports.statCardRate = exports.statCardPercentInverted = exports.statCardMoney = exports.statDiffNumberPercentOnly = exports.statCardNumber = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const stat_card_1 = require("./stat-card");
6
6
  exports.default = {
@@ -10,6 +10,7 @@ exports.default = {
10
10
  };
11
11
  const w = (cb) => () => (0, jsx_runtime_1.jsx)("div", Object.assign({ style: { width: '400px' } }, { children: cb() }), void 0);
12
12
  exports.statCardNumber = w(() => (0, jsx_runtime_1.jsx)(stat_card_1.StatCard, { title: "number", value: 133, prev: 1000 }, void 0));
13
+ exports.statDiffNumberPercentOnly = w(() => ((0, jsx_runtime_1.jsx)(stat_card_1.StatCard, { title: "number", value: 133, prev: 1000, diffPercentOnly: true }, void 0)));
13
14
  exports.statCardMoney = w(() => (0, jsx_runtime_1.jsx)(stat_card_1.StatCard, { title: "money", value: 10000, prev: 11000, money: true }, void 0));
14
15
  exports.statCardPercentInverted = w(() => ((0, jsx_runtime_1.jsx)(stat_card_1.StatCard, { title: "percent", value: 0.27, prev: 0.27333, percent: true, inverted: true }, void 0)));
15
16
  exports.statCardRate = w(() => (0, jsx_runtime_1.jsx)(stat_card_1.StatCard, { title: "rate", value: 5.5, prev: 4.5, rate: true }, void 0));
@@ -1 +1 @@
1
- {"version":3,"file":"stat-cards.stories.js","sourceRoot":"","sources":["../../../src/components/stat/stat-cards.stories.tsx"],"names":[],"mappings":";;;;AACA,2CAAuC;AAEvC,kBAAe;IACX,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,oBAAQ;IACnB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,GAAG,CAAC,EAA4B,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,8CAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,gBAAG,EAAE,EAAE,YAAO,CAAC;AAElF,QAAA,cAAc,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,uBAAC,oBAAQ,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,WAAI,CAAC,CAAC;AAC9E,QAAA,aAAa,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,uBAAC,oBAAQ,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,iBAAG,CAAC,CAAC;AACrF,QAAA,uBAAuB,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAC3C,uBAAC,oBAAQ,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,QAAC,QAAQ,iBAAG,CAC5E,CAAC,CAAC;AACU,QAAA,YAAY,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,uBAAC,oBAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,iBAAG,CAAC,CAAC"}
1
+ {"version":3,"file":"stat-cards.stories.js","sourceRoot":"","sources":["../../../src/components/stat/stat-cards.stories.tsx"],"names":[],"mappings":";;;;AACA,2CAAuC;AAEvC,kBAAe;IACX,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,oBAAQ;IACnB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,GAAG,CAAC,EAAsB,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,8CAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,gBAAG,EAAE,EAAE,YAAO,CAAC;AAE5E,QAAA,cAAc,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,uBAAC,oBAAQ,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,WAAI,CAAC,CAAC;AAC9E,QAAA,yBAAyB,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAC7C,uBAAC,oBAAQ,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,eAAe,iBAAG,CACtE,CAAC,CAAC;AACU,QAAA,aAAa,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,uBAAC,oBAAQ,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,iBAAG,CAAC,CAAC;AACrF,QAAA,uBAAuB,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAC3C,uBAAC,oBAAQ,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,QAAC,QAAQ,iBAAG,CAC5E,CAAC,CAAC;AACU,QAAA,YAAY,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,uBAAC,oBAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,iBAAG,CAAC,CAAC"}