@cloudscape-design/components 3.0.318 → 3.0.320

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 (174) hide show
  1. package/annotation-context/annotation/styles.css.js +24 -24
  2. package/annotation-context/annotation/styles.scoped.css +30 -30
  3. package/annotation-context/annotation/styles.selectors.js +24 -24
  4. package/app-layout/drawer/interfaces.d.ts +0 -7
  5. package/app-layout/drawer/interfaces.d.ts.map +1 -1
  6. package/app-layout/drawer/interfaces.js.map +1 -1
  7. package/app-layout/drawer/resizable-drawer.d.ts.map +1 -1
  8. package/app-layout/drawer/resizable-drawer.js +3 -3
  9. package/app-layout/drawer/resizable-drawer.js.map +1 -1
  10. package/app-layout/notifications/styles.css.js +3 -3
  11. package/app-layout/notifications/styles.scoped.css +7 -7
  12. package/app-layout/notifications/styles.selectors.js +3 -3
  13. package/app-layout/runtime-api.d.ts.map +1 -1
  14. package/app-layout/runtime-api.js +5 -2
  15. package/app-layout/runtime-api.js.map +1 -1
  16. package/app-layout/styles.css.js +17 -13
  17. package/app-layout/styles.scoped.css +44 -13
  18. package/app-layout/styles.selectors.js +17 -13
  19. package/app-layout/utils/interfaces.d.ts +10 -0
  20. package/app-layout/utils/interfaces.d.ts.map +1 -0
  21. package/app-layout/utils/interfaces.js +2 -0
  22. package/app-layout/utils/interfaces.js.map +1 -0
  23. package/app-layout/utils/use-drawer-focus-control.d.ts.map +1 -1
  24. package/app-layout/utils/use-drawer-focus-control.js +8 -3
  25. package/app-layout/utils/use-drawer-focus-control.js.map +1 -1
  26. package/app-layout/utils/use-keyboard-events.d.ts +4 -0
  27. package/app-layout/utils/use-keyboard-events.d.ts.map +1 -0
  28. package/{split-panel → app-layout}/utils/use-keyboard-events.js +10 -11
  29. package/app-layout/utils/use-keyboard-events.js.map +1 -0
  30. package/app-layout/utils/use-pointer-events.d.ts +3 -0
  31. package/app-layout/utils/use-pointer-events.d.ts.map +1 -0
  32. package/{split-panel → app-layout}/utils/use-pointer-events.js +15 -8
  33. package/app-layout/utils/use-pointer-events.js.map +1 -0
  34. package/app-layout/utils/use-resize.d.ts +16 -0
  35. package/app-layout/utils/use-resize.d.ts.map +1 -0
  36. package/app-layout/utils/use-resize.js +84 -0
  37. package/app-layout/utils/use-resize.js.map +1 -0
  38. package/app-layout/visual-refresh/context.d.ts +11 -6
  39. package/app-layout/visual-refresh/context.d.ts.map +1 -1
  40. package/app-layout/visual-refresh/context.js +26 -7
  41. package/app-layout/visual-refresh/context.js.map +1 -1
  42. package/app-layout/visual-refresh/drawers.d.ts +1 -33
  43. package/app-layout/visual-refresh/drawers.d.ts.map +1 -1
  44. package/app-layout/visual-refresh/drawers.js +14 -7
  45. package/app-layout/visual-refresh/drawers.js.map +1 -1
  46. package/app-layout/visual-refresh/styles.css.js +69 -68
  47. package/app-layout/visual-refresh/styles.scoped.css +294 -298
  48. package/app-layout/visual-refresh/styles.selectors.js +69 -68
  49. package/app-layout/visual-refresh/trigger-button.d.ts.map +1 -1
  50. package/app-layout/visual-refresh/trigger-button.js +1 -2
  51. package/app-layout/visual-refresh/trigger-button.js.map +1 -1
  52. package/area-chart/{model/async-store.d.ts → async-store/index.d.ts} +1 -1
  53. package/area-chart/async-store/index.d.ts.map +1 -0
  54. package/area-chart/{model/async-store.js → async-store/index.js} +1 -1
  55. package/area-chart/async-store/index.js.map +1 -0
  56. package/area-chart/elements/area-chart-legend.d.ts.map +1 -1
  57. package/area-chart/elements/area-chart-legend.js +1 -1
  58. package/area-chart/elements/area-chart-legend.js.map +1 -1
  59. package/area-chart/elements/data-series.js +1 -1
  60. package/area-chart/elements/data-series.js.map +1 -1
  61. package/area-chart/elements/highlighted-point.js +1 -1
  62. package/area-chart/elements/highlighted-point.js.map +1 -1
  63. package/area-chart/elements/use-highlight-details.d.ts.map +1 -1
  64. package/area-chart/elements/use-highlight-details.js +3 -1
  65. package/area-chart/elements/use-highlight-details.js.map +1 -1
  66. package/area-chart/elements/vertical-marker.js +1 -1
  67. package/area-chart/elements/vertical-marker.js.map +1 -1
  68. package/area-chart/model/index.d.ts +1 -1
  69. package/area-chart/model/index.d.ts.map +1 -1
  70. package/area-chart/model/index.js.map +1 -1
  71. package/area-chart/model/interactions-store.d.ts +1 -1
  72. package/area-chart/model/interactions-store.d.ts.map +1 -1
  73. package/area-chart/model/interactions-store.js +1 -1
  74. package/area-chart/model/interactions-store.js.map +1 -1
  75. package/area-chart/model/use-chart-model.d.ts.map +1 -1
  76. package/area-chart/model/use-chart-model.js +1 -1
  77. package/area-chart/model/use-chart-model.js.map +1 -1
  78. package/attribute-editor/interfaces.d.ts +1 -1
  79. package/attribute-editor/interfaces.d.ts.map +1 -1
  80. package/attribute-editor/interfaces.js.map +1 -1
  81. package/content-layout/styles.css.js +7 -7
  82. package/content-layout/styles.scoped.css +13 -13
  83. package/content-layout/styles.selectors.js +7 -7
  84. package/expandable-section/expandable-section-container.js +2 -2
  85. package/expandable-section/expandable-section-container.js.map +1 -1
  86. package/expandable-section/interfaces.d.ts +3 -1
  87. package/expandable-section/interfaces.d.ts.map +1 -1
  88. package/expandable-section/interfaces.js.map +1 -1
  89. package/expandable-section/internal.d.ts.map +1 -1
  90. package/expandable-section/internal.js +4 -2
  91. package/expandable-section/internal.js.map +1 -1
  92. package/flashbar/styles.css.js +45 -45
  93. package/flashbar/styles.scoped.css +169 -169
  94. package/flashbar/styles.selectors.js +45 -45
  95. package/internal/environment.js +1 -1
  96. package/internal/generated/custom-css-properties/index.js +39 -39
  97. package/internal/generated/custom-css-properties/index.js.map +1 -1
  98. package/internal/manifest.json +1 -1
  99. package/internal/plugins/drawers-controller.d.ts +5 -0
  100. package/internal/plugins/drawers-controller.d.ts.map +1 -1
  101. package/internal/plugins/drawers-controller.js.map +1 -1
  102. package/mixed-line-bar-chart/data-series.d.ts.map +1 -1
  103. package/mixed-line-bar-chart/data-series.js +8 -2
  104. package/mixed-line-bar-chart/data-series.js.map +1 -1
  105. package/package.json +1 -1
  106. package/split-panel/index.d.ts.map +1 -1
  107. package/split-panel/index.js +3 -3
  108. package/split-panel/index.js.map +1 -1
  109. package/split-panel/interfaces.d.ts +0 -7
  110. package/split-panel/interfaces.d.ts.map +1 -1
  111. package/split-panel/interfaces.js.map +1 -1
  112. package/split-panel/styles.css.js +56 -59
  113. package/split-panel/styles.scoped.css +77 -93
  114. package/split-panel/styles.selectors.js +56 -59
  115. package/table/body-cell/td-element.d.ts +1 -1
  116. package/table/body-cell/td-element.d.ts.map +1 -1
  117. package/table/body-cell/td-element.js +1 -1
  118. package/table/body-cell/td-element.js.map +1 -1
  119. package/table/header-cell/index.d.ts +1 -1
  120. package/table/header-cell/index.d.ts.map +1 -1
  121. package/table/header-cell/index.js +1 -1
  122. package/table/header-cell/index.js.map +1 -1
  123. package/table/internal.js +2 -2
  124. package/table/internal.js.map +1 -1
  125. package/table/sticky-columns/index.d.ts +2 -0
  126. package/table/sticky-columns/index.d.ts.map +1 -0
  127. package/table/sticky-columns/index.js +4 -0
  128. package/table/sticky-columns/index.js.map +1 -0
  129. package/table/{use-sticky-columns.d.ts → sticky-columns/use-sticky-columns.d.ts} +1 -1
  130. package/table/sticky-columns/use-sticky-columns.d.ts.map +1 -0
  131. package/table/{use-sticky-columns.js → sticky-columns/use-sticky-columns.js} +3 -3
  132. package/table/sticky-columns/use-sticky-columns.js.map +1 -0
  133. package/table/sticky-scrollbar/index.d.ts +2 -0
  134. package/table/sticky-scrollbar/index.d.ts.map +1 -0
  135. package/table/sticky-scrollbar/index.js +4 -0
  136. package/table/sticky-scrollbar/index.js.map +1 -0
  137. package/table/sticky-scrollbar/sticky-scrollbar.d.ts.map +1 -0
  138. package/table/{sticky-scrollbar.js → sticky-scrollbar/sticky-scrollbar.js} +2 -2
  139. package/table/sticky-scrollbar/sticky-scrollbar.js.map +1 -0
  140. package/table/sticky-scrollbar/styles.css.js +9 -0
  141. package/table/sticky-scrollbar/styles.scoped.css +22 -0
  142. package/table/sticky-scrollbar/styles.selectors.js +10 -0
  143. package/table/sticky-scrollbar/use-sticky-scrollbar.d.ts.map +1 -0
  144. package/table/{use-sticky-scrollbar.js → sticky-scrollbar/use-sticky-scrollbar.js} +3 -3
  145. package/table/sticky-scrollbar/use-sticky-scrollbar.js.map +1 -0
  146. package/table/styles.css.js +32 -36
  147. package/table/styles.scoped.css +40 -59
  148. package/table/styles.selectors.js +32 -36
  149. package/table/thead.d.ts +1 -1
  150. package/table/thead.d.ts.map +1 -1
  151. package/table/thead.js +1 -1
  152. package/table/thead.js.map +1 -1
  153. package/table/utils.d.ts +1 -1
  154. package/table/utils.d.ts.map +1 -1
  155. package/table/utils.js.map +1 -1
  156. package/wizard/styles.css.js +31 -31
  157. package/wizard/styles.scoped.css +63 -63
  158. package/wizard/styles.selectors.js +31 -31
  159. package/area-chart/model/async-store.d.ts.map +0 -1
  160. package/area-chart/model/async-store.js.map +0 -1
  161. package/split-panel/utils/use-keyboard-events.d.ts +0 -4
  162. package/split-panel/utils/use-keyboard-events.d.ts.map +0 -1
  163. package/split-panel/utils/use-keyboard-events.js.map +0 -1
  164. package/split-panel/utils/use-pointer-events.d.ts +0 -3
  165. package/split-panel/utils/use-pointer-events.d.ts.map +0 -1
  166. package/split-panel/utils/use-pointer-events.js.map +0 -1
  167. package/table/sticky-scrollbar.d.ts.map +0 -1
  168. package/table/sticky-scrollbar.js.map +0 -1
  169. package/table/use-sticky-columns.d.ts.map +0 -1
  170. package/table/use-sticky-columns.js.map +0 -1
  171. package/table/use-sticky-scrollbar.d.ts.map +0 -1
  172. package/table/use-sticky-scrollbar.js.map +0 -1
  173. /package/table/{sticky-scrollbar.d.ts → sticky-scrollbar/sticky-scrollbar.d.ts} +0 -0
  174. /package/table/{use-sticky-scrollbar.d.ts → sticky-scrollbar/use-sticky-scrollbar.d.ts} +0 -0
@@ -2,73 +2,74 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "background": "awsui_background_hyvsj_kjwsu_93",
6
- "scrolling-background": "awsui_scrolling-background_hyvsj_kjwsu_96",
7
- "sticky-background": "awsui_sticky-background_hyvsj_kjwsu_102",
8
- "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_kjwsu_110",
9
- "breadcrumbs": "awsui_breadcrumbs_hyvsj_kjwsu_123",
10
- "has-sticky-background": "awsui_has-sticky-background_hyvsj_kjwsu_133",
11
- "drawers-container": "awsui_drawers-container_hyvsj_kjwsu_145",
12
- "has-open-drawer": "awsui_has-open-drawer_hyvsj_kjwsu_157",
13
- "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_kjwsu_191",
14
- "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_kjwsu_196",
15
- "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_kjwsu_214",
16
- "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_kjwsu_246",
17
- "drawers-trigger": "awsui_drawers-trigger_hyvsj_kjwsu_246",
18
- "drawer": "awsui_drawer_hyvsj_kjwsu_145",
19
- "drawer-close-button": "awsui_drawer-close-button_hyvsj_kjwsu_297",
20
- "drawer-content": "awsui_drawer-content_hyvsj_kjwsu_302",
21
- "is-drawer-open": "awsui_is-drawer-open_hyvsj_kjwsu_307",
22
- "content": "awsui_content_hyvsj_kjwsu_341",
23
- "layout": "awsui_layout_hyvsj_kjwsu_362",
24
- "has-max-content-width": "awsui_has-max-content-width_hyvsj_kjwsu_445",
25
- "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_kjwsu_460",
26
- "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_kjwsu_477",
27
- "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_kjwsu_509",
28
- "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_kjwsu_512",
29
- "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_kjwsu_522",
30
- "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_kjwsu_525",
31
- "content-first-child-header": "awsui_content-first-child-header_hyvsj_kjwsu_528",
32
- "has-header": "awsui_has-header_hyvsj_kjwsu_528",
33
- "content-first-child-main": "awsui_content-first-child-main_hyvsj_kjwsu_549",
34
- "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_kjwsu_549",
35
- "has-split-panel": "awsui_has-split-panel_hyvsj_kjwsu_592",
36
- "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_kjwsu_592",
37
- "block-body-scroll": "awsui_block-body-scroll_hyvsj_kjwsu_608",
38
- "unfocusable": "awsui_unfocusable_hyvsj_kjwsu_613",
39
- "container": "awsui_container_hyvsj_kjwsu_623",
40
- "is-navigation-open": "awsui_is-navigation-open_hyvsj_kjwsu_648",
41
- "is-tools-open": "awsui_is-tools-open_hyvsj_kjwsu_651",
42
- "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_kjwsu_651",
43
- "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_kjwsu_651",
44
- "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_kjwsu_660",
45
- "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_kjwsu_676",
46
- "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_kjwsu_680",
47
- "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_kjwsu_684",
48
- "navigation-container": "awsui_navigation-container_hyvsj_kjwsu_693",
49
- "show-navigation": "awsui_show-navigation_hyvsj_kjwsu_737",
50
- "animating": "awsui_animating_hyvsj_kjwsu_759",
51
- "showButtons": "awsui_showButtons_hyvsj_kjwsu_1",
52
- "navigation": "awsui_navigation_hyvsj_kjwsu_693",
53
- "openNavigation": "awsui_openNavigation_hyvsj_kjwsu_1",
54
- "animated-content": "awsui_animated-content_hyvsj_kjwsu_820",
55
- "hide-navigation": "awsui_hide-navigation_hyvsj_kjwsu_829",
56
- "notifications": "awsui_notifications_hyvsj_kjwsu_839",
57
- "sticky-notifications": "awsui_sticky-notifications_hyvsj_kjwsu_845",
58
- "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_kjwsu_862",
59
- "position-bottom": "awsui_position-bottom_hyvsj_kjwsu_908",
60
- "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_kjwsu_1",
61
- "split-panel-side": "awsui_split-panel-side_hyvsj_kjwsu_937",
62
- "position-side": "awsui_position-side_hyvsj_kjwsu_965",
63
- "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_kjwsu_1",
64
- "tools-container": "awsui_tools-container_hyvsj_kjwsu_1002",
65
- "tools": "awsui_tools_hyvsj_kjwsu_1002",
66
- "openTools": "awsui_openTools_hyvsj_kjwsu_1",
67
- "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_kjwsu_1096",
68
- "hide-tools": "awsui_hide-tools_hyvsj_kjwsu_1106",
69
- "show-tools": "awsui_show-tools_hyvsj_kjwsu_1118",
70
- "has-tools-form": "awsui_has-tools-form_hyvsj_kjwsu_1096",
71
- "trigger": "awsui_trigger_hyvsj_kjwsu_1185",
72
- "selected": "awsui_selected_hyvsj_kjwsu_1224"
5
+ "background": "awsui_background_hyvsj_hfd5p_93",
6
+ "scrolling-background": "awsui_scrolling-background_hyvsj_hfd5p_96",
7
+ "sticky-background": "awsui_sticky-background_hyvsj_hfd5p_102",
8
+ "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_hfd5p_110",
9
+ "breadcrumbs": "awsui_breadcrumbs_hyvsj_hfd5p_123",
10
+ "has-sticky-background": "awsui_has-sticky-background_hyvsj_hfd5p_133",
11
+ "drawers-container": "awsui_drawers-container_hyvsj_hfd5p_145",
12
+ "has-open-drawer": "awsui_has-open-drawer_hyvsj_hfd5p_157",
13
+ "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_hfd5p_191",
14
+ "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_hfd5p_196",
15
+ "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_hfd5p_214",
16
+ "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_hfd5p_246",
17
+ "drawers-trigger": "awsui_drawers-trigger_hyvsj_hfd5p_246",
18
+ "drawer": "awsui_drawer_hyvsj_hfd5p_145",
19
+ "drawer-close-button": "awsui_drawer-close-button_hyvsj_hfd5p_295",
20
+ "drawer-content": "awsui_drawer-content_hyvsj_hfd5p_300",
21
+ "drawer-slider": "awsui_drawer-slider_hyvsj_hfd5p_305",
22
+ "is-drawer-open": "awsui_is-drawer-open_hyvsj_hfd5p_312",
23
+ "content": "awsui_content_hyvsj_hfd5p_337",
24
+ "layout": "awsui_layout_hyvsj_hfd5p_358",
25
+ "has-max-content-width": "awsui_has-max-content-width_hyvsj_hfd5p_441",
26
+ "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_hfd5p_456",
27
+ "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_hfd5p_473",
28
+ "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_hfd5p_505",
29
+ "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_hfd5p_508",
30
+ "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_hfd5p_518",
31
+ "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_hfd5p_521",
32
+ "content-first-child-header": "awsui_content-first-child-header_hyvsj_hfd5p_524",
33
+ "has-header": "awsui_has-header_hyvsj_hfd5p_524",
34
+ "content-first-child-main": "awsui_content-first-child-main_hyvsj_hfd5p_545",
35
+ "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_hfd5p_545",
36
+ "has-split-panel": "awsui_has-split-panel_hyvsj_hfd5p_588",
37
+ "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_hfd5p_588",
38
+ "block-body-scroll": "awsui_block-body-scroll_hyvsj_hfd5p_604",
39
+ "unfocusable": "awsui_unfocusable_hyvsj_hfd5p_609",
40
+ "container": "awsui_container_hyvsj_hfd5p_619",
41
+ "is-navigation-open": "awsui_is-navigation-open_hyvsj_hfd5p_644",
42
+ "is-tools-open": "awsui_is-tools-open_hyvsj_hfd5p_647",
43
+ "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_hfd5p_647",
44
+ "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_hfd5p_647",
45
+ "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_hfd5p_656",
46
+ "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_hfd5p_672",
47
+ "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_hfd5p_676",
48
+ "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_hfd5p_680",
49
+ "navigation-container": "awsui_navigation-container_hyvsj_hfd5p_689",
50
+ "show-navigation": "awsui_show-navigation_hyvsj_hfd5p_733",
51
+ "animating": "awsui_animating_hyvsj_hfd5p_755",
52
+ "showButtons": "awsui_showButtons_hyvsj_hfd5p_1",
53
+ "navigation": "awsui_navigation_hyvsj_hfd5p_689",
54
+ "openNavigation": "awsui_openNavigation_hyvsj_hfd5p_1",
55
+ "animated-content": "awsui_animated-content_hyvsj_hfd5p_816",
56
+ "hide-navigation": "awsui_hide-navigation_hyvsj_hfd5p_825",
57
+ "notifications": "awsui_notifications_hyvsj_hfd5p_835",
58
+ "sticky-notifications": "awsui_sticky-notifications_hyvsj_hfd5p_841",
59
+ "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_hfd5p_858",
60
+ "position-bottom": "awsui_position-bottom_hyvsj_hfd5p_904",
61
+ "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_hfd5p_1",
62
+ "split-panel-side": "awsui_split-panel-side_hyvsj_hfd5p_933",
63
+ "position-side": "awsui_position-side_hyvsj_hfd5p_961",
64
+ "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_hfd5p_1",
65
+ "tools-container": "awsui_tools-container_hyvsj_hfd5p_998",
66
+ "tools": "awsui_tools_hyvsj_hfd5p_998",
67
+ "openTools": "awsui_openTools_hyvsj_hfd5p_1",
68
+ "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_hfd5p_1092",
69
+ "hide-tools": "awsui_hide-tools_hyvsj_hfd5p_1102",
70
+ "show-tools": "awsui_show-tools_hyvsj_hfd5p_1114",
71
+ "has-tools-form": "awsui_has-tools-form_hyvsj_hfd5p_1092",
72
+ "trigger": "awsui_trigger_hyvsj_hfd5p_1181",
73
+ "selected": "awsui_selected_hyvsj_hfd5p_1220"
73
74
  };
74
75
 
@@ -1 +1 @@
1
- {"version":3,"file":"trigger-button.d.ts","sourceRoot":"lib/default/","sources":["app-layout/visual-refresh/trigger-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;;AA4BD,wBAA+C"}
1
+ {"version":3,"file":"trigger-button.d.ts","sourceRoot":"lib/default/","sources":["app-layout/visual-refresh/trigger-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;;AA2BD,wBAA+C"}
@@ -8,8 +8,7 @@ function TriggerButton({ ariaLabel, className, iconName, iconSvg, onClick, selec
8
8
  return (React.createElement("button", { "aria-expanded": false, "aria-haspopup": true, "aria-label": ariaLabel, className: clsx(styles.trigger, {
9
9
  [styles.selected]: selected,
10
10
  }, className), onClick: onClick, ref: ref, type: "button" },
11
- iconName && !iconSvg && React.createElement(Icon, { name: iconName }),
12
- iconSvg));
11
+ React.createElement(Icon, { name: iconName, svg: iconSvg })));
13
12
  }
14
13
  export default React.forwardRef(TriggerButton);
15
14
  //# sourceMappingURL=trigger-button.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"trigger-button.js","sourceRoot":"lib/default/","sources":["app-layout/visual-refresh/trigger-button.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,IAAI,MAAM,qBAAqB,CAAC;AACvC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAarC,SAAS,aAAa,CACpB,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,GAAG,KAAK,EAAsB,EAC1F,GAA+B;IAE/B,OAAO,CACL,iDACiB,KAAK,mBACL,IAAI,gBACP,SAAS,EACrB,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,OAAO,EACd;YACE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;SAC5B,EACD,SAAS,CACV,EACD,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAmC,EACxC,IAAI,EAAC,QAAQ;QAEZ,QAAQ,IAAI,CAAC,OAAO,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,GAAI;QAChD,OAAO,CACD,CACV,CAAC;AACJ,CAAC;AAED,eAAe,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport Icon from '../../icon/internal';\nimport styles from './styles.css.js';\nimport { ButtonProps } from '../../button/interfaces';\nimport { IconProps } from '../../icon/interfaces';\n\nexport interface TriggerButtonProps {\n ariaLabel?: string;\n className?: string;\n iconName?: IconProps.Name;\n iconSvg?: React.ReactNode;\n onClick: React.MouseEventHandler<HTMLButtonElement>;\n selected?: boolean;\n}\n\nfunction TriggerButton(\n { ariaLabel, className, iconName, iconSvg, onClick, selected = false }: TriggerButtonProps,\n ref: React.Ref<ButtonProps.Ref>\n) {\n return (\n <button\n aria-expanded={false}\n aria-haspopup={true}\n aria-label={ariaLabel}\n className={clsx(\n styles.trigger,\n {\n [styles.selected]: selected,\n },\n className\n )}\n onClick={onClick}\n ref={ref as React.Ref<HTMLButtonElement>}\n type=\"button\"\n >\n {iconName && !iconSvg && <Icon name={iconName} />}\n {iconSvg}\n </button>\n );\n}\n\nexport default React.forwardRef(TriggerButton);\n"]}
1
+ {"version":3,"file":"trigger-button.js","sourceRoot":"lib/default/","sources":["app-layout/visual-refresh/trigger-button.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,IAAI,MAAM,qBAAqB,CAAC;AACvC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAarC,SAAS,aAAa,CACpB,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,GAAG,KAAK,EAAsB,EAC1F,GAA+B;IAE/B,OAAO,CACL,iDACiB,KAAK,mBACL,IAAI,gBACP,SAAS,EACrB,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,OAAO,EACd;YACE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;SAC5B,EACD,SAAS,CACV,EACD,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAmC,EACxC,IAAI,EAAC,QAAQ;QAEb,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,GAAI,CAC/B,CACV,CAAC;AACJ,CAAC;AAED,eAAe,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport Icon from '../../icon/internal';\nimport styles from './styles.css.js';\nimport { ButtonProps } from '../../button/interfaces';\nimport { IconProps } from '../../icon/interfaces';\n\nexport interface TriggerButtonProps {\n ariaLabel?: string;\n className?: string;\n iconName?: IconProps.Name;\n iconSvg?: React.ReactNode;\n onClick: React.MouseEventHandler<HTMLButtonElement>;\n selected?: boolean;\n}\n\nfunction TriggerButton(\n { ariaLabel, className, iconName, iconSvg, onClick, selected = false }: TriggerButtonProps,\n ref: React.Ref<ButtonProps.Ref>\n) {\n return (\n <button\n aria-expanded={false}\n aria-haspopup={true}\n aria-label={ariaLabel}\n className={clsx(\n styles.trigger,\n {\n [styles.selected]: selected,\n },\n className\n )}\n onClick={onClick}\n ref={ref as React.Ref<HTMLButtonElement>}\n type=\"button\"\n >\n <Icon name={iconName} svg={iconSvg} />\n </button>\n );\n}\n\nexport default React.forwardRef(TriggerButton);\n"]}
@@ -17,4 +17,4 @@ export default class AsyncStore<S> implements ReadonlyAsyncStore<S> {
17
17
  export declare function useReaction<S, R>(store: ReadonlyAsyncStore<S>, selector: Selector<S, R>, effect: Listener<R>): void;
18
18
  export declare function useSelector<S, R>(store: ReadonlyAsyncStore<S>, selector: Selector<S, R>): R;
19
19
  export {};
20
- //# sourceMappingURL=async-store.d.ts.map
20
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["area-chart/async-store/index.ts"],"names":[],"mappings":"AAMA,KAAK,QAAQ,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC;AACtC,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,KAAK,GAAG,CAAC;AAEnD,MAAM,WAAW,kBAAkB,CAAC,CAAC;IACnC,GAAG,IAAI,CAAC,CAAC;IACT,SAAS,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC;IAC1E,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;CAC5C;AAED,MAAM,CAAC,OAAO,OAAO,UAAU,CAAC,CAAC,CAAE,YAAW,kBAAkB,CAAC,CAAC,CAAC;IACjE,MAAM,EAAE,CAAC,CAAC;IACV,UAAU,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,CAAM;gBAEzC,KAAK,EAAE,CAAC;IAIpB,GAAG,IAAI,CAAC;IAIR,GAAG,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,GAAG,IAAI;IAe9B,SAAS,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI;IAMzE,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAG,IAAI;CAU3C;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,CAYnH;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAc3F"}
@@ -58,4 +58,4 @@ export function useSelector(store, selector) {
58
58
  }
59
59
  return state;
60
60
  }
61
- //# sourceMappingURL=async-store.js.map
61
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["area-chart/async-store/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAWhE,MAAM,CAAC,OAAO,OAAO,UAAU;IAI7B,YAAY,KAAQ;QAFpB,eAAU,GAAwC,EAAE,CAAC;QAGnD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACtB,CAAC;IAED,GAAG;QACD,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,GAAG,CAAC,EAAmB;QACrB,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC;QAC9B,MAAM,QAAQ,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC;QAE/B,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;QAEvB,uBAAuB,CAAC,GAAG,EAAE;YAC3B,KAAK,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,IAAI,IAAI,CAAC,UAAU,EAAE;gBAClD,IAAI,QAAQ,CAAC,SAAS,CAAC,KAAK,QAAQ,CAAC,QAAQ,CAAC,EAAE;oBAC9C,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;iBAC/B;aACF;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,SAAS,CAAI,QAAwB,EAAE,QAAqB;QAC1D,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;QAE3C,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC1C,CAAC;IAED,WAAW,CAAC,QAAuB;QACjC,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YAC3D,MAAM,CAAC,EAAE,cAAc,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YAElD,IAAI,cAAc,KAAK,QAAQ,EAAE;gBAC/B,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;gBACjC,MAAM;aACP;SACF;IACH,CAAC;CACF;AAED,MAAM,UAAU,WAAW,CAAO,KAA4B,EAAE,QAAwB,EAAE,MAAmB;IAC3G,eAAe,CACb,GAAG,EAAE;QACH,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,CACpE,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC,CAChD,CAAC;QACF,OAAO,WAAW,CAAC;IACrB,CAAC;IACD,qEAAqE;IACrE,uDAAuD;IACvD,CAAC,KAAK,CAAC,CACR,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CAAO,KAA4B,EAAE,QAAwB;IACtF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAI,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;IAE7D,WAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,EAAE;QACtC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC,CAAC;IAEH,6FAA6F;IAC7F,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IACrC,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,KAAK,EAAE;QAC7C,OAAO,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC;KAC9B;IAED,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useLayoutEffect, useState } from 'react';\nimport { unstable_batchedUpdates } from 'react-dom';\nimport { usePrevious } from '../../internal/hooks/use-previous';\n\ntype Selector<S, R> = (state: S) => R;\ntype Listener<S> = (state: S, prevState: S) => any;\n\nexport interface ReadonlyAsyncStore<S> {\n get(): S;\n subscribe<R>(selector: Selector<S, R>, listener: Listener<S>): () => void;\n unsubscribe(listener: Listener<any>): void;\n}\n\nexport default class AsyncStore<S> implements ReadonlyAsyncStore<S> {\n _state: S;\n _listeners: [Selector<S, any>, Listener<any>][] = [];\n\n constructor(state: S) {\n this._state = state;\n }\n\n get(): S {\n return this._state;\n }\n\n set(cb: (state: S) => S): void {\n const prevState = this._state;\n const newState = cb(prevState);\n\n this._state = newState;\n\n unstable_batchedUpdates(() => {\n for (const [selector, listener] of this._listeners) {\n if (selector(prevState) !== selector(newState)) {\n listener(newState, prevState);\n }\n }\n });\n }\n\n subscribe<R>(selector: Selector<S, R>, listener: Listener<S>): () => void {\n this._listeners.push([selector, listener]);\n\n return () => this.unsubscribe(listener);\n }\n\n unsubscribe(listener: Listener<any>): void {\n for (let index = 0; index < this._listeners.length; index++) {\n const [, storedListener] = this._listeners[index];\n\n if (storedListener === listener) {\n this._listeners.splice(index, 1);\n break;\n }\n }\n }\n}\n\nexport function useReaction<S, R>(store: ReadonlyAsyncStore<S>, selector: Selector<S, R>, effect: Listener<R>): void {\n useLayoutEffect(\n () => {\n const unsubscribe = store.subscribe(selector, (newState, prevState) =>\n effect(selector(newState), selector(prevState))\n );\n return unsubscribe;\n },\n // ignoring selector and effect as they are expected to stay constant\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [store]\n );\n}\n\nexport function useSelector<S, R>(store: ReadonlyAsyncStore<S>, selector: Selector<S, R>): R {\n const [state, setState] = useState<R>(selector(store.get()));\n\n useReaction(store, selector, newState => {\n setState(newState);\n });\n\n // When store changes we need the state to be updated synchronously to avoid inconsistencies.\n const prevStore = usePrevious(store);\n if (prevStore !== null && prevStore !== store) {\n return selector(store.get());\n }\n\n return state;\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"area-chart-legend.d.ts","sourceRoot":"lib/default/","sources":["area-chart/elements/area-chart-legend.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;;AAEtC,wBAA+D;AAE/D,iBAAS,eAAe,CAAC,CAAC,SAAS,cAAc,CAAC,SAAS,EAAE,EAC3D,KAAK,EACL,WAAW,EACX,SAAS,EACT,gBAAgB,GACjB,EAAE;IACD,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACrB,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,eAsBA"}
1
+ {"version":3,"file":"area-chart-legend.d.ts","sourceRoot":"lib/default/","sources":["area-chart/elements/area-chart-legend.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;;AAGtC,wBAA+D;AAE/D,iBAAS,eAAe,CAAC,CAAC,SAAS,cAAc,CAAC,SAAS,EAAE,EAC3D,KAAK,EACL,WAAW,EACX,SAAS,EACT,gBAAgB,GACjB,EAAE;IACD,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACrB,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,eAsBA"}
@@ -2,7 +2,7 @@
2
2
  // SPDX-License-Identifier: Apache-2.0
3
3
  import React, { memo, useMemo } from 'react';
4
4
  import ChartLegend from '../../internal/components/chart-legend';
5
- import { useSelector } from '../model/async-store';
5
+ import { useSelector } from '../async-store';
6
6
  export default memo(AreaChartLegend);
7
7
  function AreaChartLegend({ model, legendTitle, ariaLabel, plotContainerRef, }) {
8
8
  const legendItems = useMemo(() => model.series.map(s => {
@@ -1 +1 @@
1
- {"version":3,"file":"area-chart-legend.js","sourceRoot":"lib/default/","sources":["area-chart/elements/area-chart-legend.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAG7C,OAAO,WAAW,MAAM,wCAAwC,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGnD,eAAe,IAAI,CAAC,eAAe,CAA2B,CAAC;AAE/D,SAAS,eAAe,CAAqC,EAC3D,KAAK,EACL,WAAW,EACX,SAAS,EACT,gBAAgB,GAMjB;IACC,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CACH,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;QACnB,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAChE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;IAC7D,CAAC,CAAC,EACJ,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAElF,OAAO,CACL,oBAAC,WAAW,IACV,MAAM,EAAE,WAAW,EACnB,iBAAiB,EAAE,YAAY,EAC/B,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAAC,iBAAiB,EACnD,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { memo, useMemo } from 'react';\n\nimport { AreaChartProps } from '../interfaces';\nimport ChartLegend from '../../internal/components/chart-legend';\nimport { useSelector } from '../model/async-store';\nimport { ChartModel } from '../model';\n\nexport default memo(AreaChartLegend) as typeof AreaChartLegend;\n\nfunction AreaChartLegend<T extends AreaChartProps.DataTypes>({\n model,\n legendTitle,\n ariaLabel,\n plotContainerRef,\n}: {\n model: ChartModel<T>;\n plotContainerRef: React.RefObject<HTMLDivElement>;\n legendTitle?: string;\n ariaLabel?: string;\n}) {\n const legendItems = useMemo(\n () =>\n model.series.map(s => {\n const { title, color, markerType } = model.getInternalSeries(s);\n return { label: title, color, type: markerType, datum: s };\n }),\n [model]\n );\n\n const legendSeries = useSelector(model.interactions, state => state.legendSeries);\n\n return (\n <ChartLegend\n series={legendItems}\n highlightedSeries={legendSeries}\n onHighlightChange={model.handlers.onLegendHighlight}\n legendTitle={legendTitle}\n ariaLabel={ariaLabel}\n plotContainerRef={plotContainerRef}\n />\n );\n}\n"]}
1
+ {"version":3,"file":"area-chart-legend.js","sourceRoot":"lib/default/","sources":["area-chart/elements/area-chart-legend.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAG7C,OAAO,WAAW,MAAM,wCAAwC,CAAC;AAEjE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,eAAe,IAAI,CAAC,eAAe,CAA2B,CAAC;AAE/D,SAAS,eAAe,CAAqC,EAC3D,KAAK,EACL,WAAW,EACX,SAAS,EACT,gBAAgB,GAMjB;IACC,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CACH,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;QACnB,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAChE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;IAC7D,CAAC,CAAC,EACJ,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAElF,OAAO,CACL,oBAAC,WAAW,IACV,MAAM,EAAE,WAAW,EACnB,iBAAiB,EAAE,YAAY,EAC/B,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAAC,iBAAiB,EACnD,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { memo, useMemo } from 'react';\n\nimport { AreaChartProps } from '../interfaces';\nimport ChartLegend from '../../internal/components/chart-legend';\nimport { ChartModel } from '../model';\nimport { useSelector } from '../async-store';\n\nexport default memo(AreaChartLegend) as typeof AreaChartLegend;\n\nfunction AreaChartLegend<T extends AreaChartProps.DataTypes>({\n model,\n legendTitle,\n ariaLabel,\n plotContainerRef,\n}: {\n model: ChartModel<T>;\n plotContainerRef: React.RefObject<HTMLDivElement>;\n legendTitle?: string;\n ariaLabel?: string;\n}) {\n const legendItems = useMemo(\n () =>\n model.series.map(s => {\n const { title, color, markerType } = model.getInternalSeries(s);\n return { label: title, color, type: markerType, datum: s };\n }),\n [model]\n );\n\n const legendSeries = useSelector(model.interactions, state => state.legendSeries);\n\n return (\n <ChartLegend\n series={legendItems}\n highlightedSeries={legendSeries}\n onHighlightChange={model.handlers.onLegendHighlight}\n legendTitle={legendTitle}\n ariaLabel={ariaLabel}\n plotContainerRef={plotContainerRef}\n />\n );\n}\n"]}
@@ -6,7 +6,7 @@ import { useUniqueId } from '../../internal/hooks/use-unique-id';
6
6
  import AreaSeries from './area-series';
7
7
  import ThresholdSeries from './threshold-series';
8
8
  import styles from '../styles.css.js';
9
- import { useSelector } from '../model/async-store';
9
+ import { useSelector } from '../async-store';
10
10
  export default memo(DataSeries);
11
11
  function DataSeries({ model }) {
12
12
  const chartAreaClipPath = useUniqueId('awsui-area-chart__chart-area-');
@@ -1 +1 @@
1
- {"version":3,"file":"data-series.js","sourceRoot":"lib/default/","sources":["area-chart/elements/data-series.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { memo } from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport AreaSeries from './area-series';\nimport ThresholdSeries from './threshold-series';\nimport { AreaChartProps } from '../interfaces';\nimport { ChartModel } from '../model';\n\nimport styles from '../styles.css.js';\nimport { useSelector } from '../model/async-store';\n\nexport default memo(DataSeries) as typeof DataSeries;\n\nfunction DataSeries<T extends AreaChartProps.DataTypes>({ model }: { model: ChartModel<T> }) {\n const chartAreaClipPath = useUniqueId('awsui-area-chart__chart-area-');\n\n const highlightedX = useSelector(model.interactions, state => state.highlightedX);\n const highlightedSeries = useSelector(model.interactions, state => state.highlightedSeries);\n const useHighlightDimmed = !highlightedX;\n\n // Iterating series in the reversed order so that SVG paths overlap correctly.\n const seriesData: [AreaChartProps.Series<T>, ChartModel.PlotPoint<T>[]][] = [];\n for (let seriesIndex = model.series.length - 1; seriesIndex >= 0; seriesIndex--) {\n if (model.computed.plot.sx[seriesIndex]) {\n seriesData.push([model.series[seriesIndex], model.computed.plot.sx[seriesIndex] || []]);\n }\n }\n\n return (\n <>\n <defs aria-hidden=\"true\">\n <clipPath id={chartAreaClipPath}>\n <rect x={0} y={0} width={model.width} height={model.height} />\n </clipPath>\n </defs>\n <g role=\"group\">\n {seriesData.map(([series, data]) => {\n const isHighlighted = series === highlightedSeries;\n const isDimmed = !!highlightedSeries && !isHighlighted;\n\n return (\n <g\n key={series.title}\n role=\"group\"\n aria-label={series.title}\n className={clsx(styles.series, styles[`series--${series.type}`], {\n [styles['series--highlighted']]: isHighlighted,\n [styles['series--dimmed']]: useHighlightDimmed && isDimmed,\n })}\n >\n {series.type === 'area' ? (\n <AreaSeries\n data={data}\n color={model.getInternalSeries(series).color}\n chartAreaClipPath={chartAreaClipPath}\n />\n ) : (\n <ThresholdSeries\n data={data}\n xScale={model.computed.xScale}\n color={model.getInternalSeries(series).color}\n chartAreaClipPath={chartAreaClipPath}\n />\n )}\n </g>\n );\n })}\n </g>\n </>\n );\n}\n"]}
1
+ {"version":3,"file":"data-series.js","sourceRoot":"lib/default/","sources":["area-chart/elements/data-series.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,eAAe,MAAM,oBAAoB,CAAC;AAIjD,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,eAAe,IAAI,CAAC,UAAU,CAAsB,CAAC;AAErD,SAAS,UAAU,CAAqC,EAAE,KAAK,EAA4B;IACzF,MAAM,iBAAiB,GAAG,WAAW,CAAC,+BAA+B,CAAC,CAAC;IAEvE,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAClF,MAAM,iBAAiB,GAAG,WAAW,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAC5F,MAAM,kBAAkB,GAAG,CAAC,YAAY,CAAC;IAEzC,8EAA8E;IAC9E,MAAM,UAAU,GAA4D,EAAE,CAAC;IAC/E,KAAK,IAAI,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,WAAW,IAAI,CAAC,EAAE,WAAW,EAAE,EAAE;QAC/E,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE;YACvC,UAAU,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;SACzF;KACF;IAED,OAAO,CACL;QACE,6CAAkB,MAAM;YACtB,kCAAU,EAAE,EAAE,iBAAiB;gBAC7B,8BAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,CACrD,CACN;QACP,2BAAG,IAAI,EAAC,OAAO,IACZ,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE;YACjC,MAAM,aAAa,GAAG,MAAM,KAAK,iBAAiB,CAAC;YACnD,MAAM,QAAQ,GAAG,CAAC,CAAC,iBAAiB,IAAI,CAAC,aAAa,CAAC;YAEvD,OAAO,CACL,2BACE,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,IAAI,EAAC,OAAO,gBACA,MAAM,CAAC,KAAK,EACxB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,WAAW,MAAM,CAAC,IAAI,EAAE,CAAC,EAAE;oBAC/D,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,aAAa;oBAC9C,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,IAAI,QAAQ;iBAC3D,CAAC,IAED,MAAM,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CACxB,oBAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,KAAK,EAC5C,iBAAiB,EAAE,iBAAiB,GACpC,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,eAAe,IACd,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM,EAC7B,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,KAAK,EAC5C,iBAAiB,EAAE,iBAAiB,GACpC,CACH,CACC,CACL,CAAC;QACJ,CAAC,CAAC,CACA,CACH,CACJ,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { memo } from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport AreaSeries from './area-series';\nimport ThresholdSeries from './threshold-series';\nimport { AreaChartProps } from '../interfaces';\nimport { ChartModel } from '../model';\n\nimport styles from '../styles.css.js';\nimport { useSelector } from '../async-store';\n\nexport default memo(DataSeries) as typeof DataSeries;\n\nfunction DataSeries<T extends AreaChartProps.DataTypes>({ model }: { model: ChartModel<T> }) {\n const chartAreaClipPath = useUniqueId('awsui-area-chart__chart-area-');\n\n const highlightedX = useSelector(model.interactions, state => state.highlightedX);\n const highlightedSeries = useSelector(model.interactions, state => state.highlightedSeries);\n const useHighlightDimmed = !highlightedX;\n\n // Iterating series in the reversed order so that SVG paths overlap correctly.\n const seriesData: [AreaChartProps.Series<T>, ChartModel.PlotPoint<T>[]][] = [];\n for (let seriesIndex = model.series.length - 1; seriesIndex >= 0; seriesIndex--) {\n if (model.computed.plot.sx[seriesIndex]) {\n seriesData.push([model.series[seriesIndex], model.computed.plot.sx[seriesIndex] || []]);\n }\n }\n\n return (\n <>\n <defs aria-hidden=\"true\">\n <clipPath id={chartAreaClipPath}>\n <rect x={0} y={0} width={model.width} height={model.height} />\n </clipPath>\n </defs>\n <g role=\"group\">\n {seriesData.map(([series, data]) => {\n const isHighlighted = series === highlightedSeries;\n const isDimmed = !!highlightedSeries && !isHighlighted;\n\n return (\n <g\n key={series.title}\n role=\"group\"\n aria-label={series.title}\n className={clsx(styles.series, styles[`series--${series.type}`], {\n [styles['series--highlighted']]: isHighlighted,\n [styles['series--dimmed']]: useHighlightDimmed && isDimmed,\n })}\n >\n {series.type === 'area' ? (\n <AreaSeries\n data={data}\n color={model.getInternalSeries(series).color}\n chartAreaClipPath={chartAreaClipPath}\n />\n ) : (\n <ThresholdSeries\n data={data}\n xScale={model.computed.xScale}\n color={model.getInternalSeries(series).color}\n chartAreaClipPath={chartAreaClipPath}\n />\n )}\n </g>\n );\n })}\n </g>\n </>\n );\n}\n"]}
@@ -2,7 +2,7 @@
2
2
  // SPDX-License-Identifier: Apache-2.0
3
3
  import React, { forwardRef, memo } from 'react';
4
4
  import HighlightedPoint from '../../internal/components/cartesian-chart/highlighted-point';
5
- import { useSelector } from '../model/async-store';
5
+ import { useSelector } from '../async-store';
6
6
  export default memo(forwardRef(AreaHighlightedPoint));
7
7
  function AreaHighlightedPoint({ model, ariaLabel, }, ref) {
8
8
  const highlightedPoint = useSelector(model.interactions, state => state.highlightedPoint);
@@ -1 +1 @@
1
- {"version":3,"file":"highlighted-point.js","sourceRoot":"lib/default/","sources":["area-chart/elements/highlighted-point.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,gBAAgB,MAAM,6DAA6D,CAAC;AAG3F,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,eAAe,IAAI,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC,CAAC;AAEtD,SAAS,oBAAoB,CAC3B,EACE,KAAK,EACL,SAAS,GAIV,EACD,GAA2B;IAE3B,MAAM,gBAAgB,GAAG,WAAW,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAC1F,MAAM,eAAe,GAAG,WAAW,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAExF,MAAM,KAAK,GAAG,gBAAgB;QAC5B,CAAC,CAAC;YACE,GAAG,EAAE,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC,IAAI,gBAAgB,CAAC,KAAK,CAAC,CAAC,EAAE;YAC9D,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;YAC5B,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,EAAE;YAC7B,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK;SAC7E;QACH,CAAC,CAAC,IAAI,CAAC;IAET,OAAO,CACL,oBAAC,gBAAgB,IACf,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,IAAI,EAClB,YAAY,EAAE,eAAe,GAC7B,CACH,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { forwardRef, memo } from 'react';\n\nimport HighlightedPoint from '../../internal/components/cartesian-chart/highlighted-point';\n\nimport { ChartModel } from '../model';\nimport { useSelector } from '../model/async-store';\n\nexport default memo(forwardRef(AreaHighlightedPoint));\n\nfunction AreaHighlightedPoint(\n {\n model,\n ariaLabel,\n }: {\n model: ChartModel<any>;\n ariaLabel?: string;\n },\n ref: React.Ref<SVGGElement>\n) {\n const highlightedPoint = useSelector(model.interactions, state => state.highlightedPoint);\n const isPopoverPinned = useSelector(model.interactions, state => state.isPopoverPinned);\n\n const point = highlightedPoint\n ? {\n key: `${highlightedPoint.index.x}:${highlightedPoint.index.s}`,\n x: highlightedPoint.scaled.x,\n y: highlightedPoint.scaled.y1,\n color: model.getInternalSeries(model.series[highlightedPoint.index.s]).color,\n }\n : null;\n\n return (\n <HighlightedPoint\n ref={ref}\n point={point}\n role=\"button\"\n ariaLabel={ariaLabel}\n ariaHasPopup={true}\n ariaExpanded={isPopoverPinned}\n />\n );\n}\n"]}
1
+ {"version":3,"file":"highlighted-point.js","sourceRoot":"lib/default/","sources":["area-chart/elements/highlighted-point.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,gBAAgB,MAAM,6DAA6D,CAAC;AAG3F,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,eAAe,IAAI,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC,CAAC;AAEtD,SAAS,oBAAoB,CAC3B,EACE,KAAK,EACL,SAAS,GAIV,EACD,GAA2B;IAE3B,MAAM,gBAAgB,GAAG,WAAW,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAC1F,MAAM,eAAe,GAAG,WAAW,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAExF,MAAM,KAAK,GAAG,gBAAgB;QAC5B,CAAC,CAAC;YACE,GAAG,EAAE,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC,IAAI,gBAAgB,CAAC,KAAK,CAAC,CAAC,EAAE;YAC9D,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;YAC5B,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,EAAE;YAC7B,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK;SAC7E;QACH,CAAC,CAAC,IAAI,CAAC;IAET,OAAO,CACL,oBAAC,gBAAgB,IACf,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,IAAI,EAClB,YAAY,EAAE,eAAe,GAC7B,CACH,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { forwardRef, memo } from 'react';\n\nimport HighlightedPoint from '../../internal/components/cartesian-chart/highlighted-point';\n\nimport { ChartModel } from '../model';\nimport { useSelector } from '../async-store';\n\nexport default memo(forwardRef(AreaHighlightedPoint));\n\nfunction AreaHighlightedPoint(\n {\n model,\n ariaLabel,\n }: {\n model: ChartModel<any>;\n ariaLabel?: string;\n },\n ref: React.Ref<SVGGElement>\n) {\n const highlightedPoint = useSelector(model.interactions, state => state.highlightedPoint);\n const isPopoverPinned = useSelector(model.interactions, state => state.isPopoverPinned);\n\n const point = highlightedPoint\n ? {\n key: `${highlightedPoint.index.x}:${highlightedPoint.index.s}`,\n x: highlightedPoint.scaled.x,\n y: highlightedPoint.scaled.y1,\n color: model.getInternalSeries(model.series[highlightedPoint.index.s]).color,\n }\n : null;\n\n return (\n <HighlightedPoint\n ref={ref}\n point={point}\n role=\"button\"\n ariaLabel={ariaLabel}\n ariaHasPopup={true}\n ariaExpanded={isPopoverPinned}\n />\n );\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"use-highlight-details.d.ts","sourceRoot":"lib/default/","sources":["area-chart/elements/use-highlight-details.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,qBAAqB,EAAE,MAAM,gDAAgD,CAAC;AAEvF,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,WAAW,gBAAgB;IAC/B,eAAe,EAAE,OAAO,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,aAAa,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAChD,YAAY,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAC/C,YAAY,EAAE,IAAI,GAAG,qBAAqB,CAAC;IAC3C,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,CAAC,SAAS,cAAc,CAAC,SAAS,EAAE,EAC9E,KAAK,EACL,cAAc,EACd,cAAc,EACd,oBAAoB,EACpB,gBAAgB,GACjB,EAAE;IACD,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACrB,cAAc,CAAC,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IACtD,cAAc,CAAC,EAAE,mBAAmB,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC3D,oBAAoB,CAAC,EAAE,mBAAmB,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IACjE,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,GAAG,IAAI,GAAG,gBAAgB,CAkD1B"}
1
+ {"version":3,"file":"use-highlight-details.d.ts","sourceRoot":"lib/default/","sources":["area-chart/elements/use-highlight-details.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,qBAAqB,EAAE,MAAM,gDAAgD,CAAC;AAEvF,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,WAAW,gBAAgB;IAC/B,eAAe,EAAE,OAAO,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,aAAa,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAChD,YAAY,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAC/C,YAAY,EAAE,IAAI,GAAG,qBAAqB,CAAC;IAC3C,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,CAAC,SAAS,cAAc,CAAC,SAAS,EAAE,EAC9E,KAAK,EACL,cAAc,EACd,cAAc,EACd,oBAAoB,EACpB,gBAAgB,GACjB,EAAE;IACD,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACrB,cAAc,CAAC,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IACtD,cAAc,CAAC,EAAE,mBAAmB,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC3D,oBAAoB,CAAC,EAAE,mBAAmB,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IACjE,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,GAAG,IAAI,GAAG,gBAAgB,CAkD1B"}
@@ -1,5 +1,7 @@
1
+ // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
+ // SPDX-License-Identifier: Apache-2.0
3
+ import { useSelector } from '../async-store';
1
4
  import { useInternalI18n } from '../../internal/i18n/context';
2
- import { useSelector } from '../model/async-store';
3
5
  export default function useHighlightDetails({ model, xTickFormatter, yTickFormatter, detailTotalFormatter, detailTotalLabel, }) {
4
6
  const i18n = useInternalI18n('area-chart');
5
7
  const hX = useSelector(model.interactions, state => state.highlightedX);
@@ -1 +1 @@
1
- {"version":3,"file":"use-highlight-details.js","sourceRoot":"lib/default/","sources":["area-chart/elements/use-highlight-details.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { CartesianChartProps } from '../../internal/components/cartesian-chart/interfaces';\nimport { ChartSeriesDetailItem } from '../../internal/components/chart-series-details';\nimport { useInternalI18n } from '../../internal/i18n/context';\nimport { AreaChartProps } from '../interfaces';\nimport { ChartModel } from '../model';\nimport { useSelector } from '../model/async-store';\n\nexport interface HighlightDetails {\n isPopoverPinned: boolean;\n highlightIndex: number;\n formattedX: string;\n seriesTitle: string;\n formattedY: number | string;\n seriesDetails: readonly ChartSeriesDetailItem[];\n totalDetails: readonly ChartSeriesDetailItem[];\n pointDetails: null | ChartSeriesDetailItem;\n activeLabel: string;\n}\n\nexport default function useHighlightDetails<T extends AreaChartProps.DataTypes>({\n model,\n xTickFormatter,\n yTickFormatter,\n detailTotalFormatter,\n detailTotalLabel,\n}: {\n model: ChartModel<T>;\n xTickFormatter?: CartesianChartProps.TickFormatter<T>;\n yTickFormatter?: CartesianChartProps.TickFormatter<number>;\n detailTotalFormatter?: CartesianChartProps.TickFormatter<number>;\n detailTotalLabel?: string;\n}): null | HighlightDetails {\n const i18n = useInternalI18n('area-chart');\n const hX = useSelector(model.interactions, state => state.highlightedX);\n const hPoint = useSelector(model.interactions, state => state.highlightedPoint);\n const isPopoverPinned = useSelector(model.interactions, state => state.isPopoverPinned);\n\n if (!hX) {\n return null;\n }\n\n const [firstPoint] = hX;\n const highlightIndex = firstPoint.index.x;\n const seriesPoints = [...model.computed.plot.xs[highlightIndex]];\n const detailsTotal = seriesPoints.reduce((total, point) => total + point.value, 0);\n const formattedX = xTickFormatter ? xTickFormatter(firstPoint.x) : firstPoint.x.toString();\n const seriesTitle = hPoint ? getInternalSeries(hPoint).title : '';\n const formattedY = hPoint ? getInternalSeries(hPoint).formatValue(hPoint.value, hPoint.x) : '';\n const seriesDetails = seriesPoints.map(point => {\n const { title, formatValue, color, markerType } = getInternalSeries(point);\n const isDimmed = Boolean(hPoint) && point !== hPoint;\n return { key: title, value: formatValue(point.value, point.x), color, markerType, isDimmed };\n });\n const totalDetails = [\n {\n key: i18n('i18nStrings.detailTotalLabel', detailTotalLabel) || '',\n value: detailTotalFormatter\n ? detailTotalFormatter(detailsTotal)\n : yTickFormatter\n ? yTickFormatter(detailsTotal)\n : detailsTotal,\n },\n ];\n const pointDetails = hPoint ? seriesDetails[hPoint.index.s] : null;\n const activeLabel = `${seriesTitle} ${formattedX} ${formattedY}, ${totalDetails[0].key} ${totalDetails[0].value}`;\n\n return {\n isPopoverPinned,\n highlightIndex,\n formattedX,\n seriesTitle,\n formattedY,\n activeLabel,\n seriesDetails,\n totalDetails,\n pointDetails,\n };\n\n function getInternalSeries(point: ChartModel.PlotPoint<T>) {\n return model.getInternalSeries(model.series[point.index.s]);\n }\n}\n"]}
1
+ {"version":3,"file":"use-highlight-details.js","sourceRoot":"lib/default/","sources":["area-chart/elements/use-highlight-details.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useSelector } from '../async-store';\nimport { CartesianChartProps } from '../../internal/components/cartesian-chart/interfaces';\nimport { ChartSeriesDetailItem } from '../../internal/components/chart-series-details';\nimport { useInternalI18n } from '../../internal/i18n/context';\nimport { AreaChartProps } from '../interfaces';\nimport { ChartModel } from '../model';\n\nexport interface HighlightDetails {\n isPopoverPinned: boolean;\n highlightIndex: number;\n formattedX: string;\n seriesTitle: string;\n formattedY: number | string;\n seriesDetails: readonly ChartSeriesDetailItem[];\n totalDetails: readonly ChartSeriesDetailItem[];\n pointDetails: null | ChartSeriesDetailItem;\n activeLabel: string;\n}\n\nexport default function useHighlightDetails<T extends AreaChartProps.DataTypes>({\n model,\n xTickFormatter,\n yTickFormatter,\n detailTotalFormatter,\n detailTotalLabel,\n}: {\n model: ChartModel<T>;\n xTickFormatter?: CartesianChartProps.TickFormatter<T>;\n yTickFormatter?: CartesianChartProps.TickFormatter<number>;\n detailTotalFormatter?: CartesianChartProps.TickFormatter<number>;\n detailTotalLabel?: string;\n}): null | HighlightDetails {\n const i18n = useInternalI18n('area-chart');\n const hX = useSelector(model.interactions, state => state.highlightedX);\n const hPoint = useSelector(model.interactions, state => state.highlightedPoint);\n const isPopoverPinned = useSelector(model.interactions, state => state.isPopoverPinned);\n\n if (!hX) {\n return null;\n }\n\n const [firstPoint] = hX;\n const highlightIndex = firstPoint.index.x;\n const seriesPoints = [...model.computed.plot.xs[highlightIndex]];\n const detailsTotal = seriesPoints.reduce((total, point) => total + point.value, 0);\n const formattedX = xTickFormatter ? xTickFormatter(firstPoint.x) : firstPoint.x.toString();\n const seriesTitle = hPoint ? getInternalSeries(hPoint).title : '';\n const formattedY = hPoint ? getInternalSeries(hPoint).formatValue(hPoint.value, hPoint.x) : '';\n const seriesDetails = seriesPoints.map(point => {\n const { title, formatValue, color, markerType } = getInternalSeries(point);\n const isDimmed = Boolean(hPoint) && point !== hPoint;\n return { key: title, value: formatValue(point.value, point.x), color, markerType, isDimmed };\n });\n const totalDetails = [\n {\n key: i18n('i18nStrings.detailTotalLabel', detailTotalLabel) || '',\n value: detailTotalFormatter\n ? detailTotalFormatter(detailsTotal)\n : yTickFormatter\n ? yTickFormatter(detailsTotal)\n : detailsTotal,\n },\n ];\n const pointDetails = hPoint ? seriesDetails[hPoint.index.s] : null;\n const activeLabel = `${seriesTitle} ${formattedX} ${formattedY}, ${totalDetails[0].key} ${totalDetails[0].value}`;\n\n return {\n isPopoverPinned,\n highlightIndex,\n formattedX,\n seriesTitle,\n formattedY,\n activeLabel,\n seriesDetails,\n totalDetails,\n pointDetails,\n };\n\n function getInternalSeries(point: ChartModel.PlotPoint<T>) {\n return model.getInternalSeries(model.series[point.index.s]);\n }\n}\n"]}
@@ -2,7 +2,7 @@
2
2
  // SPDX-License-Identifier: Apache-2.0
3
3
  import React, { memo } from 'react';
4
4
  import VerticalMarker from '../../internal/components/cartesian-chart/vertical-marker';
5
- import { useSelector } from '../model/async-store';
5
+ import { useSelector } from '../async-store';
6
6
  export default memo(AreaVerticalMarker);
7
7
  function AreaVerticalMarker({ model }) {
8
8
  const highlightedX = useSelector(model.interactions, state => state.highlightedX);
@@ -1 +1 @@
1
- {"version":3,"file":"vertical-marker.js","sourceRoot":"lib/default/","sources":["area-chart/elements/vertical-marker.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,cAAc,MAAM,2DAA2D,CAAC;AAIvF,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,eAAe,IAAI,CAAC,kBAAkB,CAA8B,CAAC;AAErE,SAAS,kBAAkB,CAAqC,EAAE,KAAK,EAA4B;IACjG,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAElF,MAAM,cAAc,GAAG,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QACxD,GAAG,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE;QACxC,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;QACjB,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE;QAClB,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK;KAClE,CAAC,CAAC,CAAC;IAEJ,OAAO,oBAAC,cAAc,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,cAAc,GAAI,CAAC;AAC1G,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { memo } from 'react';\n\nimport VerticalMarker from '../../internal/components/cartesian-chart/vertical-marker';\n\nimport { AreaChartProps } from '../interfaces';\nimport { ChartModel } from '../model';\nimport { useSelector } from '../model/async-store';\n\nexport default memo(AreaVerticalMarker) as typeof AreaVerticalMarker;\n\nfunction AreaVerticalMarker<T extends AreaChartProps.DataTypes>({ model }: { model: ChartModel<T> }) {\n const highlightedX = useSelector(model.interactions, state => state.highlightedX);\n\n const verticalMarker = (highlightedX || []).map(point => ({\n key: `${point.index.x}:${point.index.s}`,\n x: point.scaled.x,\n y: point.scaled.y1,\n color: model.getInternalSeries(model.series[point.index.s]).color,\n }));\n\n return <VerticalMarker height={model.height} points={verticalMarker} ref={model.refs.verticalMarker} />;\n}\n"]}
1
+ {"version":3,"file":"vertical-marker.js","sourceRoot":"lib/default/","sources":["area-chart/elements/vertical-marker.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,cAAc,MAAM,2DAA2D,CAAC;AAIvF,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,eAAe,IAAI,CAAC,kBAAkB,CAA8B,CAAC;AAErE,SAAS,kBAAkB,CAAqC,EAAE,KAAK,EAA4B;IACjG,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAElF,MAAM,cAAc,GAAG,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QACxD,GAAG,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE;QACxC,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;QACjB,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE;QAClB,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK;KAClE,CAAC,CAAC,CAAC;IAEJ,OAAO,oBAAC,cAAc,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,cAAc,GAAI,CAAC;AAC1G,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { memo } from 'react';\n\nimport VerticalMarker from '../../internal/components/cartesian-chart/vertical-marker';\n\nimport { AreaChartProps } from '../interfaces';\nimport { ChartModel } from '../model';\nimport { useSelector } from '../async-store';\n\nexport default memo(AreaVerticalMarker) as typeof AreaVerticalMarker;\n\nfunction AreaVerticalMarker<T extends AreaChartProps.DataTypes>({ model }: { model: ChartModel<T> }) {\n const highlightedX = useSelector(model.interactions, state => state.highlightedX);\n\n const verticalMarker = (highlightedX || []).map(point => ({\n key: `${point.index.x}:${point.index.s}`,\n x: point.scaled.x,\n y: point.scaled.y1,\n color: model.getInternalSeries(model.series[point.index.s]).color,\n }));\n\n return <VerticalMarker height={model.height} points={verticalMarker} ref={model.refs.verticalMarker} />;\n}\n"]}
@@ -2,9 +2,9 @@ import React from 'react';
2
2
  import { ChartSeriesMarkerType } from '../../internal/components/chart-series-marker';
3
3
  import { ChartScale, NumericChartScale } from '../../internal/components/cartesian-chart/scales';
4
4
  import { XDomain, YDomain } from '../../internal/components/cartesian-chart/interfaces';
5
- import { ReadonlyAsyncStore } from './async-store';
6
5
  import { AreaChartProps } from '../interfaces';
7
6
  import { ChartPlotRef } from '../../internal/components/chart-plot';
7
+ import { ReadonlyAsyncStore } from '../async-store';
8
8
  export interface ChartModel<T extends AreaChartProps.DataTypes> {
9
9
  height: number;
10
10
  width: number;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["area-chart/model/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["area-chart/model/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACjG,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,sDAAsD,CAAC;AACxF,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,cAAc,CAAC,SAAS;IAC5D,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,SAAS,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5C,SAAS,EAAE,SAAS,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/C,iBAAiB,CAAC,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;IAClF,QAAQ,EAAE,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IACtC,QAAQ,EAAE;QACR,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;QAC9D,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;QAC7D,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;QACjE,YAAY,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;QACnD,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,OAAO,GAAG,UAAU,KAAK,IAAI,CAAC;QACtF,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;QACtD,cAAc,EAAE,CAAC,MAAM,EAAE,SAAS,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC;QACtE,iBAAiB,EAAE,CAAC,MAAM,EAAE,IAAI,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;QACrE,gBAAgB,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;QACnD,eAAe,EAAE,MAAM,IAAI,CAAC;QAC5B,iBAAiB,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;QAClD,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;KACnD,CAAC;IACF,YAAY,EAAE,kBAAkB,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;IAClE,IAAI,EAAE;QACJ,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;QACpC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;QAC3C,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;QAChD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;KAC1C,CAAC;CACH;AAED,yBAAiB,UAAU,CAAC;IAC1B,UAAiB,aAAa,CAAC,CAAC,SAAS,cAAc,CAAC,SAAS;QAC/D,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;QACpB,OAAO,EAAE,OAAO,CAAC;QACjB,MAAM,EAAE,UAAU,CAAC;QACnB,MAAM,EAAE,iBAAiB,CAAC;QAC1B,MAAM,EAAE,cAAc,CAAC,SAAS,EAAE,CAAC;QACnC,MAAM,EAAE,MAAM,EAAE,CAAC;QACjB,IAAI,EAAE;YACJ,EAAE,EAAE,SAAS,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;YAC9B,EAAE,EAAE,SAAS,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;YAC9B,EAAE,EAAE,SAAS,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;SAC/B,CAAC;KACH;IAED,UAAiB,iBAAiB,CAAC,CAAC;QAClC,YAAY,EAAE,IAAI,GAAG,SAAS,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;QAC7C,gBAAgB,EAAE,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;QACtC,iBAAiB,EAAE,IAAI,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QACnD,YAAY,EAAE,IAAI,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QAC9C,eAAe,EAAE,OAAO,CAAC;KAC1B;IAED,UAAiB,cAAc,CAAC,CAAC;QAC/B,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QACjC,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,qBAAqB,CAAC;QAClC,WAAW,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;KACnD;IAED,UAAiB,SAAS,CAAC,CAAC;QAC1B,CAAC,EAAE,CAAC,CAAC;QACL,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,MAAM,EAAE;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,EAAE,EAAE,MAAM,CAAC;YAAC,EAAE,EAAE,MAAM,CAAA;SAAE,CAAC;QAC9C,KAAK,EAAE;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QAC3C,KAAK,EAAE,MAAM,CAAC;KACf;CACF"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["area-chart/model/index.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { ChartSeriesMarkerType } from '../../internal/components/chart-series-marker';\nimport { ChartScale, NumericChartScale } from '../../internal/components/cartesian-chart/scales';\nimport { XDomain, YDomain } from '../../internal/components/cartesian-chart/interfaces';\nimport { ReadonlyAsyncStore } from './async-store';\nimport { AreaChartProps } from '../interfaces';\nimport { ChartPlotRef } from '../../internal/components/chart-plot';\n\nexport interface ChartModel<T extends AreaChartProps.DataTypes> {\n height: number;\n width: number;\n series: readonly AreaChartProps.Series<T>[];\n allSeries: readonly AreaChartProps.Series<T>[];\n getInternalSeries(series: AreaChartProps.Series<T>): ChartModel.InternalSeries<T>;\n computed: ChartModel.ComputedProps<T>;\n handlers: {\n onSVGMouseMove: (event: React.MouseEvent<SVGElement>) => void;\n onSVGMouseOut: (event: React.MouseEvent<SVGElement>) => void;\n onSVGMouseDown: (event: React.MouseEvent<SVGSVGElement>) => void;\n onSVGKeyDown: (event: React.KeyboardEvent) => void;\n onSVGFocus: (event: React.FocusEvent<Element>, trigger: 'mouse' | 'keyboard') => void;\n onSVGBlur: (event: React.FocusEvent<Element>) => void;\n onFilterSeries: (series: readonly AreaChartProps.Series<T>[]) => void;\n onLegendHighlight: (series: null | AreaChartProps.Series<T>) => void;\n onPopoverDismiss: (outsideClick?: boolean) => void;\n onContainerBlur: () => void;\n onDocumentKeyDown: (event: KeyboardEvent) => void;\n onPopoverLeave: (event: React.MouseEvent) => void;\n };\n interactions: ReadonlyAsyncStore<ChartModel.InteractionsState<T>>;\n refs: {\n plot: React.RefObject<ChartPlotRef>;\n container: React.RefObject<HTMLDivElement>;\n verticalMarker: React.RefObject<SVGLineElement>;\n popoverRef: React.RefObject<HTMLElement>;\n };\n}\n\nexport namespace ChartModel {\n export interface ComputedProps<T extends AreaChartProps.DataTypes> {\n xDomain: XDomain<T>;\n yDomain: YDomain;\n xScale: ChartScale;\n yScale: NumericChartScale;\n xTicks: AreaChartProps.DataTypes[];\n yTicks: number[];\n plot: {\n xy: readonly PlotPoint<T>[][];\n xs: readonly PlotPoint<T>[][];\n sx: readonly PlotPoint<T>[][];\n };\n }\n\n export interface InteractionsState<T> {\n highlightedX: null | readonly PlotPoint<T>[];\n highlightedPoint: null | PlotPoint<T>;\n highlightedSeries: null | AreaChartProps.Series<T>;\n legendSeries: null | AreaChartProps.Series<T>;\n isPopoverPinned: boolean;\n }\n\n export interface InternalSeries<T> {\n series: AreaChartProps.Series<T>;\n title: string;\n color: string;\n markerType: ChartSeriesMarkerType;\n formatValue: (y: number, x: T) => string | number;\n }\n\n export interface PlotPoint<T> {\n x: T;\n y0: number;\n y1: number;\n scaled: { x: number; y0: number; y1: number };\n index: { x: number; y: number; s: number };\n value: number;\n }\n}\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["area-chart/model/index.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { ChartSeriesMarkerType } from '../../internal/components/chart-series-marker';\nimport { ChartScale, NumericChartScale } from '../../internal/components/cartesian-chart/scales';\nimport { XDomain, YDomain } from '../../internal/components/cartesian-chart/interfaces';\nimport { AreaChartProps } from '../interfaces';\nimport { ChartPlotRef } from '../../internal/components/chart-plot';\nimport { ReadonlyAsyncStore } from '../async-store';\n\nexport interface ChartModel<T extends AreaChartProps.DataTypes> {\n height: number;\n width: number;\n series: readonly AreaChartProps.Series<T>[];\n allSeries: readonly AreaChartProps.Series<T>[];\n getInternalSeries(series: AreaChartProps.Series<T>): ChartModel.InternalSeries<T>;\n computed: ChartModel.ComputedProps<T>;\n handlers: {\n onSVGMouseMove: (event: React.MouseEvent<SVGElement>) => void;\n onSVGMouseOut: (event: React.MouseEvent<SVGElement>) => void;\n onSVGMouseDown: (event: React.MouseEvent<SVGSVGElement>) => void;\n onSVGKeyDown: (event: React.KeyboardEvent) => void;\n onSVGFocus: (event: React.FocusEvent<Element>, trigger: 'mouse' | 'keyboard') => void;\n onSVGBlur: (event: React.FocusEvent<Element>) => void;\n onFilterSeries: (series: readonly AreaChartProps.Series<T>[]) => void;\n onLegendHighlight: (series: null | AreaChartProps.Series<T>) => void;\n onPopoverDismiss: (outsideClick?: boolean) => void;\n onContainerBlur: () => void;\n onDocumentKeyDown: (event: KeyboardEvent) => void;\n onPopoverLeave: (event: React.MouseEvent) => void;\n };\n interactions: ReadonlyAsyncStore<ChartModel.InteractionsState<T>>;\n refs: {\n plot: React.RefObject<ChartPlotRef>;\n container: React.RefObject<HTMLDivElement>;\n verticalMarker: React.RefObject<SVGLineElement>;\n popoverRef: React.RefObject<HTMLElement>;\n };\n}\n\nexport namespace ChartModel {\n export interface ComputedProps<T extends AreaChartProps.DataTypes> {\n xDomain: XDomain<T>;\n yDomain: YDomain;\n xScale: ChartScale;\n yScale: NumericChartScale;\n xTicks: AreaChartProps.DataTypes[];\n yTicks: number[];\n plot: {\n xy: readonly PlotPoint<T>[][];\n xs: readonly PlotPoint<T>[][];\n sx: readonly PlotPoint<T>[][];\n };\n }\n\n export interface InteractionsState<T> {\n highlightedX: null | readonly PlotPoint<T>[];\n highlightedPoint: null | PlotPoint<T>;\n highlightedSeries: null | AreaChartProps.Series<T>;\n legendSeries: null | AreaChartProps.Series<T>;\n isPopoverPinned: boolean;\n }\n\n export interface InternalSeries<T> {\n series: AreaChartProps.Series<T>;\n title: string;\n color: string;\n markerType: ChartSeriesMarkerType;\n formatValue: (y: number, x: T) => string | number;\n }\n\n export interface PlotPoint<T> {\n x: T;\n y0: number;\n y1: number;\n scaled: { x: number; y0: number; y1: number };\n index: { x: number; y: number; s: number };\n value: number;\n }\n}\n"]}
@@ -1,6 +1,6 @@
1
1
  import { ChartModel } from './index';
2
2
  import { AreaChartProps } from '../interfaces';
3
- import AsyncStore from './async-store';
3
+ import AsyncStore from '../async-store';
4
4
  export default class InteractionsStore<T extends AreaChartProps.DataTypes> extends AsyncStore<ChartModel.InteractionsState<T>> {
5
5
  series: readonly AreaChartProps.Series<T>[];
6
6
  plot: ChartModel.ComputedProps<T>['plot'];
@@ -1 +1 @@
1
- {"version":3,"file":"interactions-store.d.ts","sourceRoot":"lib/default/","sources":["area-chart/model/interactions-store.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,UAAU,MAAM,eAAe,CAAC;AAUvC,MAAM,CAAC,OAAO,OAAO,iBAAiB,CAAC,CAAC,SAAS,cAAc,CAAC,SAAS,CAAE,SAAQ,UAAU,CAC3F,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAChC;IACC,MAAM,EAAE,SAAS,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5C,IAAI,EAAE,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;gBAE9B,MAAM,EAAE,SAAS,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IAOlG,cAAc,CAAC,KAAK,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC;IAU7C,UAAU,CAAC,MAAM,EAAE,SAAS,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;IAUrD,mBAAmB;IAenB,eAAe,CAAC,CAAC,EAAE,IAAI,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAQlD,cAAc;IAQd,sBAAsB;IAOtB,UAAU;IAIV,UAAU;IAIV,YAAY;IAIZ,gBAAgB;IAIhB,oBAAoB,CAAC,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC;CAKlF"}
1
+ {"version":3,"file":"interactions-store.d.ts","sourceRoot":"lib/default/","sources":["area-chart/model/interactions-store.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,UAAU,MAAM,gBAAgB,CAAC;AAUxC,MAAM,CAAC,OAAO,OAAO,iBAAiB,CAAC,CAAC,SAAS,cAAc,CAAC,SAAS,CAAE,SAAQ,UAAU,CAC3F,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAChC;IACC,MAAM,EAAE,SAAS,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5C,IAAI,EAAE,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;gBAE9B,MAAM,EAAE,SAAS,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IAOlG,cAAc,CAAC,KAAK,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC;IAU7C,UAAU,CAAC,MAAM,EAAE,SAAS,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;IAUrD,mBAAmB;IAenB,eAAe,CAAC,CAAC,EAAE,IAAI,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAQlD,cAAc;IAQd,sBAAsB;IAOtB,UAAU;IAIV,UAAU;IAIV,YAAY;IAIZ,gBAAgB;IAIhB,oBAAoB,CAAC,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC;CAKlF"}
@@ -1,4 +1,4 @@
1
- import AsyncStore from './async-store';
1
+ import AsyncStore from '../async-store';
2
2
  const initialState = Object.freeze({
3
3
  highlightedX: null,
4
4
  highlightedPoint: null,
@@ -1 +1 @@
1
- {"version":3,"file":"interactions-store.js","sourceRoot":"lib/default/","sources":["area-chart/model/interactions-store.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { ChartModel } from './index';\nimport { AreaChartProps } from '../interfaces';\n\nimport AsyncStore from './async-store';\n\nconst initialState = Object.freeze({\n highlightedX: null,\n highlightedPoint: null,\n highlightedSeries: null,\n legendSeries: null,\n isPopoverPinned: false,\n});\n\nexport default class InteractionsStore<T extends AreaChartProps.DataTypes> extends AsyncStore<\n ChartModel.InteractionsState<T>\n> {\n series: readonly AreaChartProps.Series<T>[];\n plot: ChartModel.ComputedProps<T>['plot'];\n\n constructor(series: readonly AreaChartProps.Series<T>[], plot: ChartModel.ComputedProps<T>['plot']) {\n super(initialState);\n\n this.series = series;\n this.plot = plot;\n }\n\n highlightPoint(point: ChartModel.PlotPoint<T>) {\n this.set(state => ({\n ...state,\n highlightedX: this.plot.xy[point.index.x],\n highlightedPoint: point,\n highlightedSeries: this.series[point.index.s],\n legendSeries: this.series[point.index.s],\n }));\n }\n\n highlightX(points: readonly ChartModel.PlotPoint<T>[]) {\n this.set(state => ({\n ...state,\n highlightedX: points,\n highlightedPoint: null,\n highlightedSeries: null,\n legendSeries: null,\n }));\n }\n\n highlightFirstPoint() {\n this.set(state => {\n const series = state.legendSeries || state.highlightedSeries;\n const firstSeriesPoint = series && this._getFirstSeriesPoint(series);\n const point = state.highlightedPoint || firstSeriesPoint || this.plot.sx[0][0];\n return {\n ...state,\n highlightedX: this.plot.xy[point.index.x],\n highlightedPoint: point,\n highlightedSeries: this.series[point.index.s],\n legendSeries: this.series[point.index.s],\n };\n });\n }\n\n highlightSeries(s: null | AreaChartProps.Series<T>) {\n this.set(state => ({\n ...state,\n highlightedSeries: s,\n legendSeries: s,\n }));\n }\n\n clearHighlight() {\n this.set(state => ({\n ...state,\n highlightedX: null,\n highlightedPoint: null,\n highlightedSeries: null,\n }));\n }\n clearHighlightedLegend() {\n this.set(state => ({\n ...state,\n legendSeries: null,\n }));\n }\n\n clearState() {\n this.set(() => initialState);\n }\n\n pinPopover() {\n this.set(state => ({ ...state, isPopoverPinned: true }));\n }\n\n unpinPopover() {\n this.set(state => ({ ...state, isPopoverPinned: false }));\n }\n\n togglePopoverPin() {\n this.set(state => ({ ...state, isPopoverPinned: !state.isPopoverPinned }));\n }\n\n _getFirstSeriesPoint(s: AreaChartProps.Series<T>): null | ChartModel.PlotPoint<T> {\n const seriesIndex = this.series.indexOf(s);\n const [firstSeriesPoint] = this.plot.sx[seriesIndex] || [];\n return firstSeriesPoint || null;\n }\n}\n"]}
1
+ {"version":3,"file":"interactions-store.js","sourceRoot":"lib/default/","sources":["area-chart/model/interactions-store.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { ChartModel } from './index';\nimport { AreaChartProps } from '../interfaces';\nimport AsyncStore from '../async-store';\n\nconst initialState = Object.freeze({\n highlightedX: null,\n highlightedPoint: null,\n highlightedSeries: null,\n legendSeries: null,\n isPopoverPinned: false,\n});\n\nexport default class InteractionsStore<T extends AreaChartProps.DataTypes> extends AsyncStore<\n ChartModel.InteractionsState<T>\n> {\n series: readonly AreaChartProps.Series<T>[];\n plot: ChartModel.ComputedProps<T>['plot'];\n\n constructor(series: readonly AreaChartProps.Series<T>[], plot: ChartModel.ComputedProps<T>['plot']) {\n super(initialState);\n\n this.series = series;\n this.plot = plot;\n }\n\n highlightPoint(point: ChartModel.PlotPoint<T>) {\n this.set(state => ({\n ...state,\n highlightedX: this.plot.xy[point.index.x],\n highlightedPoint: point,\n highlightedSeries: this.series[point.index.s],\n legendSeries: this.series[point.index.s],\n }));\n }\n\n highlightX(points: readonly ChartModel.PlotPoint<T>[]) {\n this.set(state => ({\n ...state,\n highlightedX: points,\n highlightedPoint: null,\n highlightedSeries: null,\n legendSeries: null,\n }));\n }\n\n highlightFirstPoint() {\n this.set(state => {\n const series = state.legendSeries || state.highlightedSeries;\n const firstSeriesPoint = series && this._getFirstSeriesPoint(series);\n const point = state.highlightedPoint || firstSeriesPoint || this.plot.sx[0][0];\n return {\n ...state,\n highlightedX: this.plot.xy[point.index.x],\n highlightedPoint: point,\n highlightedSeries: this.series[point.index.s],\n legendSeries: this.series[point.index.s],\n };\n });\n }\n\n highlightSeries(s: null | AreaChartProps.Series<T>) {\n this.set(state => ({\n ...state,\n highlightedSeries: s,\n legendSeries: s,\n }));\n }\n\n clearHighlight() {\n this.set(state => ({\n ...state,\n highlightedX: null,\n highlightedPoint: null,\n highlightedSeries: null,\n }));\n }\n clearHighlightedLegend() {\n this.set(state => ({\n ...state,\n legendSeries: null,\n }));\n }\n\n clearState() {\n this.set(() => initialState);\n }\n\n pinPopover() {\n this.set(state => ({ ...state, isPopoverPinned: true }));\n }\n\n unpinPopover() {\n this.set(state => ({ ...state, isPopoverPinned: false }));\n }\n\n togglePopoverPin() {\n this.set(state => ({ ...state, isPopoverPinned: !state.isPopoverPinned }));\n }\n\n _getFirstSeriesPoint(s: AreaChartProps.Series<T>): null | ChartModel.PlotPoint<T> {\n const seriesIndex = this.series.indexOf(s);\n const [firstSeriesPoint] = this.plot.sx[seriesIndex] || [];\n return firstSeriesPoint || null;\n }\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"use-chart-model.d.ts","sourceRoot":"lib/default/","sources":["area-chart/model/use-chart-model.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAc,EAA8B,SAAS,EAAc,MAAM,OAAO,CAAC;AAKjF,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,sDAAsD,CAAC;AAMhH,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAQrC,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,cAAc,CAAC,SAAS;IACpE,cAAc,EAAE,SAAS,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACpD,aAAa,EAAE,SAAS,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACnD,gBAAgB,EAAE,CAAC,MAAM,EAAE,SAAS,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC;IACxE,iBAAiB,EAAE,IAAI,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACnD,oBAAoB,EAAE,CAAC,MAAM,EAAE,IAAI,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;CACpC;AAGD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,CAAC,SAAS,cAAc,CAAC,SAAS,EAAE,EACxE,cAAc,EAAE,SAAS,EACzB,aAAa,EAAE,MAAM,EACrB,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,EACpB,OAAO,EACP,OAAO,EACP,UAAU,EACV,UAAU,EACV,MAAM,EACN,KAAK,EACL,UAAU,GACX,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAsTvC"}
1
+ {"version":3,"file":"use-chart-model.d.ts","sourceRoot":"lib/default/","sources":["area-chart/model/use-chart-model.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAc,EAA8B,SAAS,EAAc,MAAM,OAAO,CAAC;AAKjF,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,sDAAsD,CAAC;AAKhH,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AASrC,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,cAAc,CAAC,SAAS;IACpE,cAAc,EAAE,SAAS,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACpD,aAAa,EAAE,SAAS,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACnD,gBAAgB,EAAE,CAAC,MAAM,EAAE,SAAS,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC;IACxE,iBAAiB,EAAE,IAAI,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACnD,oBAAoB,EAAE,CAAC,MAAM,EAAE,IAAI,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;CACpC;AAGD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,CAAC,SAAS,cAAc,CAAC,SAAS,EAAE,EACxE,cAAc,EAAE,SAAS,EACzB,aAAa,EAAE,MAAM,EACrB,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,EACpB,OAAO,EACP,OAAO,EACP,UAAU,EACV,UAAU,EACV,MAAM,EACN,KAAK,EACL,UAAU,GACX,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAsTvC"}
@@ -2,12 +2,12 @@ import { useEffect, useMemo, useRef } from 'react';
2
2
  import { findClosest, circleIndex } from './utils';
3
3
  import { nodeContains } from '../../internal/utils/dom';
4
4
  import { KeyCode } from '../../internal/keycode';
5
- import { useReaction } from './async-store';
6
5
  import computeChartProps from './compute-chart-props';
7
6
  import createSeriesDecorator from './create-series-decorator';
8
7
  import InteractionsStore from './interactions-store';
9
8
  import { useStableEventHandler } from '../../internal/hooks/use-stable-event-handler';
10
9
  import { throttle } from '../../internal/utils/throttle';
10
+ import { useReaction } from '../async-store';
11
11
  const MAX_HOVER_MARGIN = 6;
12
12
  const SVG_HOVER_THROTTLE = 25;
13
13
  const POPOVER_DEADZONE = 12;