@cloudscape-design/components 3.0.0

package/annotation-context/annotation/styles.css.js

@@ -0,0 +1,29 @@
+
+    import './styles.scoped.css';
+    export default {
+  "arrow": "awsui_arrow_1hpp3_1xfu7_93",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_1xfu7_97",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_1xfu7_97",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1xfu7_128",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1xfu7_128",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1xfu7_131",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1xfu7_131",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1xfu7_134",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1xfu7_134",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1xfu7_137",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1xfu7_137",
+  "annotation": "awsui_annotation_1hpp3_1xfu7_145",
+  "next-button": "awsui_next-button_1hpp3_1xfu7_146",
+  "previous-button": "awsui_previous-button_1hpp3_1xfu7_147",
+  "finish-button": "awsui_finish-button_1hpp3_1xfu7_148",
+  "header": "awsui_header_1hpp3_1xfu7_149",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_1xfu7_150",
+  "content": "awsui_content_1hpp3_1xfu7_151",
+  "description": "awsui_description_1hpp3_1xfu7_155",
+  "actionBar": "awsui_actionBar_1hpp3_1xfu7_160",
+  "stepCounter": "awsui_stepCounter_1hpp3_1xfu7_167",
+  "divider": "awsui_divider_1hpp3_1xfu7_171",
+  "hotspot": "awsui_hotspot_1hpp3_1xfu7_175",
+  "icon": "awsui_icon_1hpp3_1xfu7_213"
+};
+  

package/annotation-context/annotation/styles.scoped.css

@@ -0,0 +1,267 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* Style used for links in slots/components that are text heavy, to help links stand out among 
+surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_arrow_1hpp3_1xfu7_93:not(#\9) {
+  width: 20px;
+  height: 10px;
+}
+.awsui_arrow-outer_1hpp3_1xfu7_97:not(#\9), .awsui_arrow-inner_1hpp3_1xfu7_97:not(#\9) {
+  position: absolute;
+  overflow: hidden;
+  width: 20px;
+  height: 10px;
+  top: 0;
+  left: 0;
+}
+.awsui_arrow-outer_1hpp3_1xfu7_97:not(#\9)::after, .awsui_arrow-inner_1hpp3_1xfu7_97:not(#\9)::after {
+  content: "";
+  box-sizing: border-box;
+  display: inline-block;
+  position: absolute;
+  border-radius: 2px 0 0 0;
+  bottom: 0;
+  left: 0;
+  width: 14px;
+  height: 14px;
+  transform: rotate(45deg);
+  transform-origin: 0 100%;
+}
+.awsui_arrow-outer_1hpp3_1xfu7_97:not(#\9)::after {
+  background-color: #0972d3;
+  background-color: var(--color-border-status-info-546i7i, #0972d3);
+}
+.awsui_arrow-inner_1hpp3_1xfu7_97:not(#\9) {
+  top: 2px;
+}
+.awsui_arrow-inner_1hpp3_1xfu7_97:not(#\9)::after {
+  border-radius: 1px 0 0 0;
+  background-color: #f2f8fd;
+  background-color: var(--color-background-status-info-usb30e, #f2f8fd);
+}
+.awsui_arrow-position-right-top_1hpp3_1xfu7_128 > .awsui_arrow-outer_1hpp3_1xfu7_97:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_1xfu7_128 > .awsui_arrow-outer_1hpp3_1xfu7_97:not(#\9)::after {
+  box-shadow: -0.71px 0.71px 4px -2px rgba(0, 7, 22, 0.12);
+  box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-3se70f, rgba(0, 7, 22, 0.12));
+}
+.awsui_arrow-position-left-top_1hpp3_1xfu7_131 > .awsui_arrow-outer_1hpp3_1xfu7_97:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_1xfu7_131 > .awsui_arrow-outer_1hpp3_1xfu7_97:not(#\9)::after {
+  box-shadow: 0.71px -0.71px 4px -2px rgba(0, 7, 22, 0.12);
+  box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-3se70f, rgba(0, 7, 22, 0.12));
+}
+.awsui_arrow-position-top-center_1hpp3_1xfu7_134 > .awsui_arrow-outer_1hpp3_1xfu7_97:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_1xfu7_134 > .awsui_arrow-outer_1hpp3_1xfu7_97:not(#\9)::after {
+  box-shadow: -0.71px -0.71px 4px -2px rgba(0, 7, 22, 0.12);
+  box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-3se70f, rgba(0, 7, 22, 0.12));
+}
+.awsui_arrow-position-bottom-center_1hpp3_1xfu7_137 > .awsui_arrow-outer_1hpp3_1xfu7_97:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_1xfu7_137 > .awsui_arrow-outer_1hpp3_1xfu7_97:not(#\9)::after {
+  box-shadow: 0.71px 0.71px 4px -2px rgba(0, 7, 22, 0.12);
+  box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-3se70f, rgba(0, 7, 22, 0.12));
+}
+
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_annotation_1hpp3_1xfu7_145:not(#\9),
+.awsui_next-button_1hpp3_1xfu7_146:not(#\9),
+.awsui_previous-button_1hpp3_1xfu7_147:not(#\9),
+.awsui_finish-button_1hpp3_1xfu7_148:not(#\9),
+.awsui_header_1hpp3_1xfu7_149:not(#\9),
+.awsui_step-counter-content_1hpp3_1xfu7_150:not(#\9),
+.awsui_content_1hpp3_1xfu7_151:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_description_1hpp3_1xfu7_155:not(#\9) {
+  overflow: hidden;
+  margin-top: 4px;
+  margin-top: var(--space-xxs-ynfts5, 4px);
+}
+
+.awsui_actionBar_1hpp3_1xfu7_160:not(#\9) {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  position: relative;
+}
+
+.awsui_stepCounter_1hpp3_1xfu7_167:not(#\9) {
+  margin-right: 20px;
+}
+
+.awsui_divider_1hpp3_1xfu7_171:not(#\9) {
+  border-bottom: 2px solid #e9ebed;
+  border-bottom: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
+}
+
+.awsui_hotspot_1hpp3_1xfu7_175:not(#\9) {
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+  border-collapse: separate;
+  border-spacing: 0;
+  caption-side: top;
+  cursor: auto;
+  direction: ltr;
+  empty-cells: show;
+  font-family: serif;
+  font-size: medium;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-hyphens: none;
+      -ms-hyphens: none;
+          hyphens: none;
+  letter-spacing: normal;
+  list-style: disc outside none;
+  tab-size: 8;
+  text-align: left;
+  text-align-last: auto;
+  text-indent: 0;
+  text-shadow: none;
+  text-transform: none;
+  visibility: visible;
+  white-space: normal;
+  widows: 2;
+  word-spacing: normal;
+  box-sizing: border-box;
+  font-size: 14px;
+  font-size: var(--font-body-m-size-sregvd, 14px);
+  line-height: 22px;
+  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
+  color: #000716;
+  color: var(--color-text-body-default-ajf1h5, #000716);
+  font-weight: 400;
+  font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
+  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  background: transparent;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  scroll-margin: 40px 0 0 0;
+  scroll-margin: var(--awsui-content-scroll-margin-ujkcpl, 40px 0 0 0);
+  width: 16px;
+  height: 16px;
+}
+.awsui_hotspot_1hpp3_1xfu7_175:not(#\9):focus {
+  outline: none;
+}
+.awsui_hotspot_1hpp3_1xfu7_175[data-awsui-focus-visible=true]:not(#\9):focus {
+  position: relative;
+}
+.awsui_hotspot_1hpp3_1xfu7_175[data-awsui-focus-visible=true]:not(#\9):focus {
+  outline: 2px dotted transparent;
+  outline-offset: calc(2px - 1px);
+}
+.awsui_hotspot_1hpp3_1xfu7_175[data-awsui-focus-visible=true]:not(#\9):focus::before {
+  content: " ";
+  display: block;
+  position: absolute;
+  left: calc(-1 * 2px);
+  top: calc(-1 * 2px);
+  width: calc(100% + 2 * 2px);
+  height: calc(100% + 2 * 2px);
+  border-radius: 4px;
+  border-radius: var(--border-control-focus-ring-radius-circle-qztqvf, 4px);
+  box-shadow: 0 0 0 2px #0972d3;
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
+}
+.awsui_hotspot_1hpp3_1xfu7_175 > .awsui_icon_1hpp3_1xfu7_213:not(#\9) {
+  position: relative;
+  stroke: #0972d3;
+  stroke: var(--color-text-link-default-5f186r, #0972d3);
+}
+.awsui_hotspot_1hpp3_1xfu7_175:not(#\9):hover > .awsui_icon_1hpp3_1xfu7_213 {
+  stroke: #033160;
+  stroke: var(--color-text-link-hover-kololx, #033160);
+}
+.awsui_hotspot_1hpp3_1xfu7_175:not(#\9):active > .awsui_icon_1hpp3_1xfu7_213 {
+  stroke: #0972d3;
+  stroke: var(--color-text-link-default-5f186r, #0972d3);
+}

package/annotation-context/annotation/styles.selectors.js

@@ -0,0 +1,30 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "arrow": "awsui_arrow_1hpp3_1xfu7_93",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_1xfu7_97",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_1xfu7_97",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1xfu7_128",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1xfu7_128",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1xfu7_131",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1xfu7_131",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1xfu7_134",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1xfu7_134",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1xfu7_137",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1xfu7_137",
+  "annotation": "awsui_annotation_1hpp3_1xfu7_145",
+  "next-button": "awsui_next-button_1hpp3_1xfu7_146",
+  "previous-button": "awsui_previous-button_1hpp3_1xfu7_147",
+  "finish-button": "awsui_finish-button_1hpp3_1xfu7_148",
+  "header": "awsui_header_1hpp3_1xfu7_149",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_1xfu7_150",
+  "content": "awsui_content_1hpp3_1xfu7_151",
+  "description": "awsui_description_1hpp3_1xfu7_155",
+  "actionBar": "awsui_actionBar_1hpp3_1xfu7_160",
+  "stepCounter": "awsui_stepCounter_1hpp3_1xfu7_167",
+  "divider": "awsui_divider_1hpp3_1xfu7_171",
+  "hotspot": "awsui_hotspot_1hpp3_1xfu7_175",
+  "icon": "awsui_icon_1hpp3_1xfu7_213"
+};
+  

package/annotation-context/context.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { HotspotProps } from '../hotspot/interfaces';
+import { AnnotationContextProps } from './interfaces';
+export interface HotspotContext {
+    getContentForId(id: string, direction: HotspotProps['direction']): JSX.Element | null;
+    registerHotspot(id: string): void;
+    unregisterHotspot(id: string): void;
+    currentStepIndex: number;
+    currentTutorial: AnnotationContextProps.Tutorial | null;
+    onStartTutorial: AnnotationContextProps['onStartTutorial'];
+    onExitTutorial: AnnotationContextProps['onExitTutorial'];
+}
+export declare const hotspotContext: React.Context<HotspotContext>;
+//# sourceMappingURL=context.d.ts.map

package/annotation-context/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/annotation-context/context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAEtD,MAAM,WAAW,cAAc;IAC7B,eAAe,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,CAAC,WAAW,CAAC,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IACtF,eAAe,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,iBAAiB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,sBAAsB,CAAC,QAAQ,GAAG,IAAI,CAAC;IACxD,eAAe,EAAE,sBAAsB,CAAC,iBAAiB,CAAC,CAAC;IAC3D,cAAc,EAAE,sBAAsB,CAAC,gBAAgB,CAAC,CAAC;CAC1D;AAYD,eAAO,MAAM,cAAc,+BAAsD,CAAC"}

package/annotation-context/context.js

@@ -0,0 +1,14 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+var defaultContext = {
+    getContentForId: function () { return null; },
+    registerHotspot: function () { },
+    unregisterHotspot: function () { },
+    currentStepIndex: 0,
+    currentTutorial: null,
+    onStartTutorial: function () { },
+    onExitTutorial: function () { }
+};
+export var hotspotContext = React.createContext(defaultContext);
+//# sourceMappingURL=context.js.map

package/annotation-context/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/annotation-context/context.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,IAAM,cAAc,GAAmB;IACrC,eAAe,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;IAC3B,eAAe,gBAAI,CAAC;IACpB,iBAAiB,gBAAI,CAAC;IACtB,gBAAgB,EAAE,CAAC;IACnB,eAAe,EAAE,IAAI;IACrB,eAAe,gBAAI,CAAC;IACpB,cAAc,gBAAI,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAiB,cAAc,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 { HotspotProps } from '../hotspot/interfaces';\nimport { AnnotationContextProps } from './interfaces';\n\nexport interface HotspotContext {\n  getContentForId(id: string, direction: HotspotProps['direction']): JSX.Element | null;\n  registerHotspot(id: string): void;\n  unregisterHotspot(id: string): void;\n  currentStepIndex: number;\n  currentTutorial: AnnotationContextProps.Tutorial | null;\n  onStartTutorial: AnnotationContextProps['onStartTutorial'];\n  onExitTutorial: AnnotationContextProps['onExitTutorial'];\n}\n\nconst defaultContext: HotspotContext = {\n  getContentForId: () => null,\n  registerHotspot() {},\n  unregisterHotspot() {},\n  currentStepIndex: 0,\n  currentTutorial: null,\n  onStartTutorial() {},\n  onExitTutorial() {},\n};\n\nexport const hotspotContext = React.createContext<HotspotContext>(defaultContext);\n"]}

package/annotation-context/index.d.ts

@@ -0,0 +1,15 @@
+import { AnnotationContextProps } from './interfaces';
+export { AnnotationContextProps };
+export declare function getStepInfo(annotations: readonly AnnotationContextProps.Task[], index: number): {
+    task: import("..").TutorialPanelProps.Task;
+    step: import("..").TutorialPanelProps.Step;
+    localIndex: number;
+    taskIndex: number;
+} | {
+    task: undefined;
+    step: undefined;
+    localIndex: number;
+    taskIndex: number;
+};
+export default function AnnotationContext({ currentTutorial, children, onStepChange, onFinish: onFinishHandler, onStartTutorial, onExitTutorial, i18nStrings, }: AnnotationContextProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/annotation-context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/annotation-context/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAOtD,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAElC,wBAAgB,WAAW,CAAC,WAAW,EAAE,SAAS,sBAAsB,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM;;;;;;;;;;EAa7F;AAKD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,eAAe,EACf,QAAQ,EACR,YAAY,EACZ,QAAQ,EAAE,eAAe,EACzB,eAAe,EACf,cAAc,EACd,WAAW,GACZ,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAsOtC"}

package/annotation-context/index.js

@@ -0,0 +1,208 @@
+import { __assign, __rest } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { OpenAnnotation } from './annotation/open-annotation';
+import { ClosedAnnotation } from './annotation/closed-annotation';
+import { hotspotContext } from './context';
+import { fireNonCancelableEvent } from '../internal/events';
+import { useTelemetry } from '../internal/hooks/use-telemetry';
+import { applyDisplayName } from '../internal/utils/apply-display-name';
+export function getStepInfo(annotations, index) {
+    if (index >= 0) {
+        var taskIndex = 0;
+        for (var _i = 0, annotations_1 = annotations; _i < annotations_1.length; _i++) {
+            var task = annotations_1[_i];
+            if (task.steps.length <= index) {
+                index -= task.steps.length;
+                taskIndex++;
+                continue;
+            }
+            return { task: task, step: task.steps[index], localIndex: index, taskIndex: taskIndex };
+        }
+    }
+    return { task: undefined, step: undefined, localIndex: 0, taskIndex: 0 };
+}
+// constant empty array to keep hook dependency stable
+var emptyTasks = [];
+export default function AnnotationContext(_a) {
+    var _b, _c, _d, _e;
+    var currentTutorial = _a.currentTutorial, children = _a.children, onStepChange = _a.onStepChange, onFinishHandler = _a.onFinish, onStartTutorial = _a.onStartTutorial, onExitTutorial = _a.onExitTutorial, i18nStrings = _a.i18nStrings;
+    useTelemetry('AnnotationContext');
+    var _f = useState(true), open = _f[0], setOpen = _f[1];
+    var _g = useState(0), currentStepIndex = _g[0], setCurrentStepIndex = _g[1];
+    useEffect(function () {
+        // When a tutorial is started, we reset the progress to the first step.
+        setCurrentStepIndex(0);
+        setOpen(true);
+    }, [currentTutorial, setOpen]);
+    var _h = useState({}), availableHotspots = _h[0], setAvailableHotspots = _h[1];
+    // availableHotspots is mirrored in this ref to prevent endless loops
+    // in between registerHotspot and unregisterHotspot callbacks.
+    var availableHotspotsRef = useRef(availableHotspots);
+    var annotations = currentTutorial ? currentTutorial.tasks : emptyTasks;
+    var _j = getStepInfo(annotations, currentStepIndex), task = _j.task, step = _j.step, localIndex = _j.localIndex, taskIndex = _j.taskIndex;
+    var currentId = step === null || step === void 0 ? void 0 : step.hotspotId;
+    var totalStepCount = annotations.map(function (a) { return a.steps.length; }).reduce(function (a, b) { return a + b; }, 0);
+    var id2index = useMemo(function () {
+        var mapping = {};
+        var counter = 0;
+        for (var _i = 0, annotations_2 = annotations; _i < annotations_2.length; _i++) {
+            var annotation = annotations_2[_i];
+            for (var _a = 0, _b = annotation.steps; _a < _b.length; _a++) {
+                var step_1 = _b[_a];
+                if (mapping[step_1.hotspotId] === undefined) {
+                    mapping[step_1.hotspotId] = counter;
+                }
+                counter++;
+            }
+        }
+        return mapping;
+    }, [annotations]);
+    var openNextStep = useCallback(function () {
+        var newStepIndex = Math.min(currentStepIndex + 1, totalStepCount);
+        setCurrentStepIndex(newStepIndex);
+        fireNonCancelableEvent(onStepChange, { step: newStepIndex, reason: 'next' });
+    }, [currentStepIndex, onStepChange, totalStepCount]);
+    var openPreviousStep = useCallback(function () {
+        var newStepIndex = Math.max(currentStepIndex - 1, 0);
+        setCurrentStepIndex(newStepIndex);
+        fireNonCancelableEvent(onStepChange, { step: newStepIndex, reason: 'previous' });
+    }, [onStepChange, currentStepIndex]);
+    var onFinish = useCallback(function () { return fireNonCancelableEvent(onFinishHandler); }, [onFinishHandler]);
+    /**
+     * If the currently open hotspot disappears from the page (e.g. because of a react-router navigation),
+     * this Effect detects the nearest available hotspot and changes to it. This allows us to e.g. automatically
+     * advance to the first step on the new page (or the last step on the previous page, in case the user
+     * navigates back).
+     */
+    var isCurrentHotspotAvailable = currentId ? availableHotspots[currentId] : null;
+    useEffect(function () {
+        if (!currentId || availableHotspotsRef.current[currentId]) {
+            return;
+        }
+        var findNearestHotspot = function () {
+            var nearestHotspot = undefined;
+            var nearestDistance = Infinity;
+            for (var _i = 0, _a = Object.keys(availableHotspotsRef.current); _i < _a.length; _i++) {
+                var hotspotId = _a[_i];
+                var distanceFromCurrentHotspot = Math.abs(id2index[hotspotId] - currentStepIndex);
+                if (distanceFromCurrentHotspot < nearestDistance) {
+                    nearestDistance = distanceFromCurrentHotspot;
+                    nearestHotspot = hotspotId;
+                }
+            }
+            return nearestHotspot;
+        };
+        var nearestHotspot = findNearestHotspot();
+        if (nearestHotspot) {
+            var newStepIndex = id2index[nearestHotspot];
+            setCurrentStepIndex(newStepIndex);
+            setOpen(true);
+            fireNonCancelableEvent(onStepChange, { step: newStepIndex, reason: 'auto-fallback' });
+        }
+    }, [annotations, isCurrentHotspotAvailable, currentId, currentStepIndex, id2index, onStepChange]);
+    var onDismiss = useCallback(function () {
+        setOpen(false);
+    }, [setOpen]);
+    var onOpen = useCallback(function (stepIndex) {
+        setCurrentStepIndex(stepIndex);
+        fireNonCancelableEvent(onStepChange, { step: stepIndex, reason: 'open' });
+        setOpen(true);
+    }, [onStepChange, setOpen]);
+    var idOfPreviousHotspot = (_b = getStepInfo(annotations, currentStepIndex - 1).step) === null || _b === void 0 ? void 0 : _b.hotspotId;
+    var idOfNextHotspot = (_c = getStepInfo(annotations, currentStepIndex + 1).step) === null || _c === void 0 ? void 0 : _c.hotspotId;
+    var previousHotspotIsAvailable = (_d = (idOfPreviousHotspot !== undefined && availableHotspots[idOfPreviousHotspot])) !== null && _d !== void 0 ? _d : false;
+    var nextHotspotIsAvailable = (_e = (idOfNextHotspot !== undefined && availableHotspots[idOfNextHotspot])) !== null && _e !== void 0 ? _e : false;
+    var getContentForId = useCallback(function (id, direction) {
+        if (currentTutorial === null || currentTutorial === void 0 ? void 0 : currentTutorial.completed) {
+            return null;
+        }
+        var globalStepIndex = id2index[id];
+        if (globalStepIndex === undefined) {
+            // This hotspot is not used in the current tutorial.
+            return null;
+        }
+        if (!task || !step || !open || id !== currentId) {
+            return (React.createElement(ClosedAnnotation, { globalStepIndex: globalStepIndex, i18nStrings: i18nStrings, onOpen: onOpen, focusOnRender: id === currentId }));
+        }
+        return (React.createElement(OpenAnnotation, { i18nStrings: i18nStrings, direction: direction, title: i18nStrings.taskTitle(taskIndex, task.title), content: step.content, alert: step.warningAlert, showPreviousButton: currentStepIndex !== 0, showFinishButton: currentStepIndex + 1 === totalStepCount, taskLocalStepIndex: localIndex, totalLocalSteps: task.steps.length, nextButtonEnabled: nextHotspotIsAvailable, onNextButtonClick: openNextStep, onFinish: onFinish, previousButtonEnabled: previousHotspotIsAvailable, onPreviousButtonClick: openPreviousStep, onDismiss: onDismiss }));
+    }, [
+        id2index,
+        currentTutorial,
+        task,
+        step,
+        open,
+        currentId,
+        currentStepIndex,
+        i18nStrings,
+        taskIndex,
+        localIndex,
+        totalStepCount,
+        nextHotspotIsAvailable,
+        openNextStep,
+        onFinish,
+        previousHotspotIsAvailable,
+        openPreviousStep,
+        onDismiss,
+        onOpen,
+    ]);
+    var registerHotspot = useCallback(function (id) {
+        var _a;
+        if (!id2index || id2index[id] === undefined) {
+            // This hotspot is not used in the current tutorial.
+            return;
+        }
+        /*
+          To ensure that all hotspots are immediately known to all triggered useEffects, we
+          need to update the availableHotspotsRef BEFORE the setAvailableHotspots calls, since
+          they will be batched and delayed until after the useEffects are run.
+        */
+        availableHotspotsRef.current = __assign(__assign({}, availableHotspotsRef.current), (_a = {}, _a[id] = true, _a));
+        setAvailableHotspots(function (availableHotspots) {
+            var _a;
+            if (availableHotspots[id]) {
+                return availableHotspots;
+            }
+            return __assign(__assign({}, availableHotspots), (_a = {}, _a[id] = true, _a));
+        });
+    }, 
+    // We need to react on id2index changes for registering new hotspots when the map changes.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [id2index]);
+    var unregisterHotspot = useCallback(function (id) {
+        if (!availableHotspotsRef.current[id]) {
+            // Prevents unnecessary re-renders.
+            return;
+        }
+        /*
+          To ensure that all hotspots are immediately known to all triggered useEffects, we
+          need to update the availableHotspotsRef BEFORE the setAvailableHotspots calls, since
+          they will be batched and delayed until after the useEffects are run.
+        */
+        availableHotspotsRef.current = removeKey(id, availableHotspotsRef.current);
+        setAvailableHotspots(function (availableHotspots) {
+            if (!availableHotspots[id]) {
+                return availableHotspots;
+            }
+            return removeKey(id, availableHotspots);
+        });
+    }, []);
+    var context = {
+        getContentForId: getContentForId,
+        registerHotspot: registerHotspot,
+        unregisterHotspot: unregisterHotspot,
+        onStartTutorial: onStartTutorial,
+        onExitTutorial: onExitTutorial,
+        currentStepIndex: currentStepIndex,
+        currentTutorial: currentTutorial
+    };
+    return React.createElement(hotspotContext.Provider, { value: context }, children);
+}
+applyDisplayName(AnnotationContext, 'AnnotationContext');
+function removeKey(key, object) {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    var _a = object, _b = key, _ = _a[_b], remainingObject = __rest(_a, [typeof _b === "symbol" ? _b : _b + ""]);
+    return remainingObject;
+}
+//# sourceMappingURL=index.js.map

package/annotation-context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/annotation-context/index.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, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { OpenAnnotation } from './annotation/open-annotation';\nimport { ClosedAnnotation } from './annotation/closed-annotation';\nimport { AnnotationContextProps } from './interfaces';\nimport { HotspotContext, hotspotContext } from './context';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { HotspotProps } from '../hotspot/interfaces';\nimport { useTelemetry } from '../internal/hooks/use-telemetry';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\n\nexport { AnnotationContextProps };\n\nexport function getStepInfo(annotations: readonly AnnotationContextProps.Task[], index: number) {\n  if (index >= 0) {\n    let taskIndex = 0;\n    for (const task of annotations) {\n      if (task.steps.length <= index) {\n        index -= task.steps.length;\n        taskIndex++;\n        continue;\n      }\n      return { task, step: task.steps[index], localIndex: index, taskIndex };\n    }\n  }\n  return { task: undefined, step: undefined, localIndex: 0, taskIndex: 0 };\n}\n\n// constant empty array to keep hook dependency stable\nconst emptyTasks: ReadonlyArray<AnnotationContextProps.Task> = [];\n\nexport default function AnnotationContext({\n  currentTutorial,\n  children,\n  onStepChange,\n  onFinish: onFinishHandler,\n  onStartTutorial,\n  onExitTutorial,\n  i18nStrings,\n}: AnnotationContextProps): JSX.Element {\n  useTelemetry('AnnotationContext');\n\n  const [open, setOpen] = useState(true);\n\n  const [currentStepIndex, setCurrentStepIndex] = useState(0);\n  useEffect(() => {\n    // When a tutorial is started, we reset the progress to the first step.\n    setCurrentStepIndex(0);\n    setOpen(true);\n  }, [currentTutorial, setOpen]);\n\n  const [availableHotspots, setAvailableHotspots] = useState<Record<string, true | undefined>>({});\n  // availableHotspots is mirrored in this ref to prevent endless loops\n  // in between registerHotspot and unregisterHotspot callbacks.\n  const availableHotspotsRef = useRef<Record<string, true | undefined>>(availableHotspots);\n\n  const annotations = currentTutorial ? currentTutorial.tasks : emptyTasks;\n  const { task, step, localIndex, taskIndex } = getStepInfo(annotations, currentStepIndex);\n  const currentId = step?.hotspotId;\n  const totalStepCount = annotations.map(a => a.steps.length).reduce((a, b) => a + b, 0);\n\n  const id2index = useMemo(() => {\n    const mapping: Record<string, number> = {};\n\n    let counter = 0;\n    for (const annotation of annotations) {\n      for (const step of annotation.steps) {\n        if (mapping[step.hotspotId] === undefined) {\n          mapping[step.hotspotId] = counter;\n        }\n        counter++;\n      }\n    }\n\n    return mapping;\n  }, [annotations]);\n\n  const openNextStep = useCallback(() => {\n    const newStepIndex = Math.min(currentStepIndex + 1, totalStepCount);\n    setCurrentStepIndex(newStepIndex);\n    fireNonCancelableEvent(onStepChange, { step: newStepIndex, reason: 'next' });\n  }, [currentStepIndex, onStepChange, totalStepCount]);\n\n  const openPreviousStep = useCallback(() => {\n    const newStepIndex = Math.max(currentStepIndex - 1, 0);\n    setCurrentStepIndex(newStepIndex);\n    fireNonCancelableEvent(onStepChange, { step: newStepIndex, reason: 'previous' });\n  }, [onStepChange, currentStepIndex]);\n\n  const onFinish = useCallback(() => fireNonCancelableEvent(onFinishHandler), [onFinishHandler]);\n\n  /**\n   * If the currently open hotspot disappears from the page (e.g. because of a react-router navigation),\n   * this Effect detects the nearest available hotspot and changes to it. This allows us to e.g. automatically\n   * advance to the first step on the new page (or the last step on the previous page, in case the user\n   * navigates back).\n   */\n  const isCurrentHotspotAvailable = currentId ? availableHotspots[currentId] : null;\n  useEffect(() => {\n    if (!currentId || availableHotspotsRef.current[currentId]) {\n      return;\n    }\n\n    const findNearestHotspot = () => {\n      let nearestHotspot: string | undefined = undefined;\n      let nearestDistance = Infinity;\n      for (const hotspotId of Object.keys(availableHotspotsRef.current)) {\n        const distanceFromCurrentHotspot = Math.abs(id2index[hotspotId] - currentStepIndex);\n        if (distanceFromCurrentHotspot < nearestDistance) {\n          nearestDistance = distanceFromCurrentHotspot;\n          nearestHotspot = hotspotId;\n        }\n      }\n      return nearestHotspot;\n    };\n\n    const nearestHotspot = findNearestHotspot();\n    if (nearestHotspot) {\n      const newStepIndex = id2index[nearestHotspot];\n      setCurrentStepIndex(newStepIndex);\n      setOpen(true);\n      fireNonCancelableEvent(onStepChange, { step: newStepIndex, reason: 'auto-fallback' });\n    }\n  }, [annotations, isCurrentHotspotAvailable, currentId, currentStepIndex, id2index, onStepChange]);\n\n  const onDismiss = useCallback(() => {\n    setOpen(false);\n  }, [setOpen]);\n\n  const onOpen = useCallback(\n    (stepIndex: number) => {\n      setCurrentStepIndex(stepIndex);\n      fireNonCancelableEvent(onStepChange, { step: stepIndex, reason: 'open' });\n      setOpen(true);\n    },\n    [onStepChange, setOpen]\n  );\n\n  const idOfPreviousHotspot = getStepInfo(annotations, currentStepIndex - 1).step?.hotspotId;\n  const idOfNextHotspot = getStepInfo(annotations, currentStepIndex + 1).step?.hotspotId;\n  const previousHotspotIsAvailable =\n    (idOfPreviousHotspot !== undefined && availableHotspots[idOfPreviousHotspot]) ?? false;\n  const nextHotspotIsAvailable = (idOfNextHotspot !== undefined && availableHotspots[idOfNextHotspot]) ?? false;\n\n  const getContentForId = useCallback(\n    (id: string, direction: HotspotProps['direction']) => {\n      if (currentTutorial?.completed) {\n        return null;\n      }\n\n      const globalStepIndex = id2index[id];\n      if (globalStepIndex === undefined) {\n        // This hotspot is not used in the current tutorial.\n        return null;\n      }\n\n      if (!task || !step || !open || id !== currentId) {\n        return (\n          <ClosedAnnotation\n            globalStepIndex={globalStepIndex}\n            i18nStrings={i18nStrings}\n            onOpen={onOpen}\n            focusOnRender={id === currentId}\n          />\n        );\n      }\n\n      return (\n        <OpenAnnotation\n          i18nStrings={i18nStrings}\n          direction={direction}\n          title={i18nStrings.taskTitle(taskIndex, task.title)}\n          content={step.content}\n          alert={step.warningAlert}\n          showPreviousButton={currentStepIndex !== 0}\n          showFinishButton={currentStepIndex + 1 === totalStepCount}\n          taskLocalStepIndex={localIndex}\n          totalLocalSteps={task.steps.length}\n          nextButtonEnabled={nextHotspotIsAvailable}\n          onNextButtonClick={openNextStep}\n          onFinish={onFinish}\n          previousButtonEnabled={previousHotspotIsAvailable}\n          onPreviousButtonClick={openPreviousStep}\n          onDismiss={onDismiss}\n        />\n      );\n    },\n    [\n      id2index,\n      currentTutorial,\n      task,\n      step,\n      open,\n      currentId,\n      currentStepIndex,\n      i18nStrings,\n      taskIndex,\n      localIndex,\n      totalStepCount,\n      nextHotspotIsAvailable,\n      openNextStep,\n      onFinish,\n      previousHotspotIsAvailable,\n      openPreviousStep,\n      onDismiss,\n      onOpen,\n    ]\n  );\n\n  const registerHotspot = useCallback(\n    (id: string) => {\n      if (!id2index || id2index[id] === undefined) {\n        // This hotspot is not used in the current tutorial.\n        return;\n      }\n\n      /*\n        To ensure that all hotspots are immediately known to all triggered useEffects, we\n        need to update the availableHotspotsRef BEFORE the setAvailableHotspots calls, since\n        they will be batched and delayed until after the useEffects are run.\n      */\n      availableHotspotsRef.current = { ...availableHotspotsRef.current, [id]: true } as const;\n\n      setAvailableHotspots(availableHotspots => {\n        if (availableHotspots[id]) {\n          return availableHotspots;\n        }\n\n        return { ...availableHotspots, [id]: true } as const;\n      });\n    },\n    // We need to react on id2index changes for registering new hotspots when the map changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [id2index]\n  );\n\n  const unregisterHotspot = useCallback((id: string) => {\n    if (!availableHotspotsRef.current[id]) {\n      // Prevents unnecessary re-renders.\n      return;\n    }\n\n    /*\n      To ensure that all hotspots are immediately known to all triggered useEffects, we\n      need to update the availableHotspotsRef BEFORE the setAvailableHotspots calls, since\n      they will be batched and delayed until after the useEffects are run.\n    */\n    availableHotspotsRef.current = removeKey(id, availableHotspotsRef.current);\n\n    setAvailableHotspots(availableHotspots => {\n      if (!availableHotspots[id]) {\n        return availableHotspots;\n      }\n\n      return removeKey(id, availableHotspots);\n    });\n  }, []);\n\n  const context: HotspotContext = {\n    getContentForId,\n    registerHotspot,\n    unregisterHotspot,\n    onStartTutorial,\n    onExitTutorial,\n    currentStepIndex,\n    currentTutorial,\n  };\n\n  return <hotspotContext.Provider value={context}>{children}</hotspotContext.Provider>;\n}\n\napplyDisplayName(AnnotationContext, 'AnnotationContext');\n\nfunction removeKey<T extends Record<string, any>>(key: keyof T, object: T) {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { [key]: _, ...remainingObject } = object;\n  return remainingObject;\n}\n"]}