@cloudscape-design/components 3.0.0

package/alert/styles.scoped.css

@@ -0,0 +1,340 @@
+/*
+ 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_alert_mx3cw_1g212_93:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_mx3cw_1g212_1 180ms ease-out;
+  animation: awsui_awsui-motion-fade-in_mx3cw_1g212_1 var(--motion-duration-show-paced-7wspqf, 180ms) var(--motion-easing-show-paced-wj4ybn, ease-out);
+}
+@keyframes awsui_awsui-motion-fade-in_mx3cw_1g212_1 {
+  from {
+    opacity: 0.2;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_alert_mx3cw_1g212_93:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_alert_mx3cw_1g212_93:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_1g212_93:not(#\9) {
+  animation: none;
+  transition: none;
+}
+
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_root_mx3cw_1g212_119: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);
+  word-wrap: break-word;
+  max-width: 100%;
+  overflow: hidden;
+  display: block;
+}
+.awsui_root_mx3cw_1g212_119.awsui_hidden_mx3cw_1g212_133:not(#\9) {
+  display: none;
+}
+
+.awsui_alert_mx3cw_1g212_93: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);
+  position: relative;
+  display: flex;
+  justify-content: flex-start;
+  align-items: flex-start;
+  border-radius: 12px;
+  border-radius: var(--border-alert-radius-ywuwjt, 12px);
+  border: 2px solid;
+  border: var(--border-field-width-idlekx, 2px) solid;
+  padding: 8px 16px;
+  padding: var(--space-alert-vertical-jbva6z, 8px) var(--space-alert-horizontal-ulbnu9, 16px);
+  background-color: #ffffff;
+  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
+}
+
+.awsui_body_mx3cw_1g212_156:not(#\9) {
+  display: flex;
+  flex: 1 1 0%;
+  min-width: 0;
+}
+
+.awsui_header_mx3cw_1g212_162:not(#\9) {
+  font-weight: 700;
+}
+
+.awsui_action_mx3cw_1g212_166:not(#\9) {
+  white-space: nowrap;
+  margin-left: 12px;
+  margin-left: var(--space-s-hv8c1d, 12px);
+}
+
+.awsui_action-button_mx3cw_1g212_171:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_text_mx3cw_1g212_175:not(#\9) {
+  padding: 2px 0;
+  padding: var(--border-field-width-idlekx, 2px) 0;
+  margin: 4px 4px;
+  margin: var(--space-scaled-xxs-95dhkm, 4px) var(--space-xxs-ynfts5, 4px);
+}
+.awsui_text_mx3cw_1g212_175.awsui_icon_mx3cw_1g212_179:not(#\9) {
+  margin-left: 0;
+}
+.awsui_text_mx3cw_1g212_175.awsui_message_mx3cw_1g212_182:not(#\9) {
+  margin-right: 4px;
+  margin-right: var(--space-alert-message-right-qop1p1, 4px);
+}
+.awsui_text_mx3cw_1g212_175.awsui_message_mx3cw_1g212_182 + .awsui_action_mx3cw_1g212_166:not(#\9) {
+  margin-left: 12px;
+  margin-left: var(--space-alert-action-left-hi50rw, 12px);
+}
+
+/* stylelint-disable selector-max-type */
+.awsui_root_mx3cw_1g212_119.awsui_breakpoint-default_mx3cw_1g212_190 > div > .awsui_alert_mx3cw_1g212_93 > .awsui_body_mx3cw_1g212_156:not(#\9) {
+  display: block;
+}
+.awsui_root_mx3cw_1g212_119.awsui_breakpoint-default_mx3cw_1g212_190 > div > .awsui_alert_mx3cw_1g212_93 > .awsui_body_mx3cw_1g212_156 > .awsui_action_mx3cw_1g212_166:not(#\9) {
+  margin-left: 4px;
+  margin-left: var(--space-xxs-ynfts5, 4px);
+  margin-bottom: 4px;
+  margin-bottom: var(--space-xxs-ynfts5, 4px);
+}
+
+/* stylelint-enable selector-max-type */
+.awsui_message_mx3cw_1g212_182:not(#\9) {
+  flex: 1 1 0%;
+  min-width: 0;
+}
+
+.awsui_content_mx3cw_1g212_204:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_dismiss_mx3cw_1g212_208:not(#\9) {
+  flex: 0 0 auto;
+  margin-right: calc(-1 * 4px);
+  margin-right: calc(-1 * var(--space-xxs-ynfts5, 4px));
+  margin-left: 12px;
+  margin-left: var(--space-s-hv8c1d, 12px);
+}
+
+.awsui_dismiss-button_mx3cw_1g212_214:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_icon_mx3cw_1g212_179:not(#\9) {
+  flex: 0 0 auto;
+}
+
+.awsui_type-error_mx3cw_1g212_222:not(#\9) {
+  border-color: #d91515;
+  border-color: var(--color-border-status-error-mfrddc, #d91515);
+  background-color: #fff7f7;
+  background-color: var(--color-background-status-error-pe1hux, #fff7f7);
+}
+.awsui_type-error_mx3cw_1g212_222 > .awsui_icon_mx3cw_1g212_179:not(#\9) {
+  color: #d91515;
+  color: var(--color-text-status-error-5sesl6, #d91515);
+}
+
+.awsui_type-warning_mx3cw_1g212_230:not(#\9) {
+  border-color: #7d8998;
+  border-color: var(--color-border-status-warning-hg85ut, #7d8998);
+  background-color: #ffffff;
+  background-color: var(--color-background-status-warning-zz4oi6, #ffffff);
+}
+.awsui_type-warning_mx3cw_1g212_230 > .awsui_icon_mx3cw_1g212_179:not(#\9) {
+  color: #d91515;
+  color: var(--color-text-status-warning-27nlyh, #d91515);
+}
+
+.awsui_type-success_mx3cw_1g212_238:not(#\9) {
+  border-color: #037f0c;
+  border-color: var(--color-border-status-success-cqi45f, #037f0c);
+  background-color: #f2fcf3;
+  background-color: var(--color-background-status-success-xnxxn4, #f2fcf3);
+}
+.awsui_type-success_mx3cw_1g212_238 > .awsui_icon_mx3cw_1g212_179:not(#\9) {
+  color: #037f0c;
+  color: var(--color-text-status-success-0fzhv9, #037f0c);
+}
+
+.awsui_type-info_mx3cw_1g212_246:not(#\9) {
+  border-color: #0972d3;
+  border-color: var(--color-border-status-info-546i7i, #0972d3);
+  background-color: #f2f8fd;
+  background-color: var(--color-background-status-info-usb30e, #f2f8fd);
+}
+.awsui_type-info_mx3cw_1g212_246 > .awsui_icon_mx3cw_1g212_179:not(#\9) {
+  color: #0972d3;
+  color: var(--color-text-status-info-utupcz, #0972d3);
+}

package/alert/styles.selectors.js

@@ -0,0 +1,25 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "alert": "awsui_alert_mx3cw_1g212_93",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1g212_1",
+  "root": "awsui_root_mx3cw_1g212_119",
+  "hidden": "awsui_hidden_mx3cw_1g212_133",
+  "body": "awsui_body_mx3cw_1g212_156",
+  "header": "awsui_header_mx3cw_1g212_162",
+  "action": "awsui_action_mx3cw_1g212_166",
+  "action-button": "awsui_action-button_mx3cw_1g212_171",
+  "text": "awsui_text_mx3cw_1g212_175",
+  "icon": "awsui_icon_mx3cw_1g212_179",
+  "message": "awsui_message_mx3cw_1g212_182",
+  "breakpoint-default": "awsui_breakpoint-default_mx3cw_1g212_190",
+  "content": "awsui_content_mx3cw_1g212_204",
+  "dismiss": "awsui_dismiss_mx3cw_1g212_208",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_1g212_214",
+  "type-error": "awsui_type-error_mx3cw_1g212_222",
+  "type-warning": "awsui_type-warning_mx3cw_1g212_230",
+  "type-success": "awsui_type-success_mx3cw_1g212_238",
+  "type-info": "awsui_type-info_mx3cw_1g212_246"
+};
+  

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

@@ -0,0 +1,5 @@
+export interface AnnotationIconProps {
+    open?: boolean;
+}
+export declare const AnnotationIcon: ({ open }: AnnotationIconProps) => JSX.Element;
+//# sourceMappingURL=annotation-icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"annotation-icon.d.ts","sourceRoot":"","sources":["../../../../src/annotation-context/annotation/annotation-icon.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,cAAc,aAAc,mBAAmB,gBAuC3D,CAAC"}

package/annotation-context/annotation/annotation-icon.js

@@ -0,0 +1,22 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import styles from './styles.css.js';
+export var AnnotationIcon = function (_a) {
+    var open = _a.open;
+    if (open) {
+        return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", focusable: "false", "aria-hidden": "true", className: styles.icon },
+            React.createElement("g", { fill: "none", fillRule: "evenodd", transform: "translate(1 1)" },
+                React.createElement("circle", { cx: "7", cy: "7", r: "7", strokeWidth: "2" }),
+                React.createElement("path", { strokeLinecap: "square", strokeWidth: "2.2", d: "M2.5,-1 L2.5,3", transform: "rotate(90 1.75 6.25)" }))));
+    }
+    else {
+        return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", focusable: "false", "aria-hidden": "true", className: styles.icon },
+            React.createElement("g", { fill: "none", fillRule: "evenodd", transform: "translate(1 1)" },
+                React.createElement("circle", { cx: "7", cy: "7", r: "7", strokeWidth: "2" }),
+                React.createElement("g", { strokeLinecap: "square", strokeWidth: "2.2", transform: "translate(4.5 5)" },
+                    React.createElement("path", { d: "M2.5,0 L2.5,4", transform: "rotate(90 2.5 2)" }),
+                    React.createElement("path", { d: "M2.5,0 L2.5,4" })))));
+    }
+};
+//# sourceMappingURL=annotation-icon.js.map

package/annotation-context/annotation/annotation-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"annotation-icon.js","sourceRoot":"","sources":["../../../../src/annotation-context/annotation/annotation-icon.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAMrC,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,EAA6B;QAA3B,IAAI,UAAA;IACnC,IAAI,IAAI,EAAE;QACR,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,SAAS,EAAC,OAAO,iBACL,MAAM,EAClB,SAAS,EAAE,MAAM,CAAC,IAAI;YAEtB,2BAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,SAAS,EAAC,gBAAgB;gBAC1D,gCAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,WAAW,EAAC,GAAG,GAAG;gBAC9C,8BAAM,aAAa,EAAC,QAAQ,EAAC,WAAW,EAAC,KAAK,EAAC,CAAC,EAAC,gBAAgB,EAAC,SAAS,EAAC,sBAAsB,GAAG,CACnG,CACA,CACP,CAAC;KACH;SAAM;QACL,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,SAAS,EAAC,OAAO,iBACL,MAAM,EAClB,SAAS,EAAE,MAAM,CAAC,IAAI;YAEtB,2BAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,SAAS,EAAC,gBAAgB;gBAC1D,gCAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,WAAW,EAAC,GAAG,GAAG;gBAC9C,2BAAG,aAAa,EAAC,QAAQ,EAAC,WAAW,EAAC,KAAK,EAAC,SAAS,EAAC,kBAAkB;oBACtE,8BAAM,CAAC,EAAC,eAAe,EAAC,SAAS,EAAC,kBAAkB,GAAG;oBACvD,8BAAM,CAAC,EAAC,eAAe,GAAG,CACxB,CACF,CACA,CACP,CAAC;KACH;AACH,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 styles from './styles.css.js';\n\nexport interface AnnotationIconProps {\n  open?: boolean;\n}\n\nexport const AnnotationIcon = ({ open }: AnnotationIconProps) => {\n  if (open) {\n    return (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n        focusable=\"false\"\n        aria-hidden=\"true\"\n        className={styles.icon}\n      >\n        <g fill=\"none\" fillRule=\"evenodd\" transform=\"translate(1 1)\">\n          <circle cx=\"7\" cy=\"7\" r=\"7\" strokeWidth=\"2\" />\n          <path strokeLinecap=\"square\" strokeWidth=\"2.2\" d=\"M2.5,-1 L2.5,3\" transform=\"rotate(90 1.75 6.25)\" />\n        </g>\n      </svg>\n    );\n  } else {\n    return (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n        focusable=\"false\"\n        aria-hidden=\"true\"\n        className={styles.icon}\n      >\n        <g fill=\"none\" fillRule=\"evenodd\" transform=\"translate(1 1)\">\n          <circle cx=\"7\" cy=\"7\" r=\"7\" strokeWidth=\"2\" />\n          <g strokeLinecap=\"square\" strokeWidth=\"2.2\" transform=\"translate(4.5 5)\">\n            <path d=\"M2.5,0 L2.5,4\" transform=\"rotate(90 2.5 2)\" />\n            <path d=\"M2.5,0 L2.5,4\" />\n          </g>\n        </g>\n      </svg>\n    );\n  }\n};\n"]}

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { HotspotProps } from '../../hotspot/interfaces';
+import { AnnotationContextProps } from '../interfaces';
+export interface AnnotationPopoverProps {
+    title: string;
+    content: React.ReactNode;
+    alert: React.ReactNode;
+    direction: HotspotProps['direction'];
+    nextButtonEnabled: boolean;
+    onNextButtonClick: () => void;
+    onFinish: () => void;
+    showPreviousButton: boolean;
+    previousButtonEnabled: boolean;
+    onPreviousButtonClick: () => void;
+    taskLocalStepIndex: number;
+    totalLocalSteps: number;
+    showFinishButton: boolean;
+    onDismiss: () => void;
+    trackRef: React.RefObject<HTMLElement>;
+    i18nStrings: AnnotationContextProps['i18nStrings'];
+}
+export declare function AnnotationPopover({ title, content, alert, direction, taskLocalStepIndex, totalLocalSteps, showPreviousButton, showFinishButton, onDismiss, nextButtonEnabled, onNextButtonClick, onFinish, trackRef, previousButtonEnabled, onPreviousButtonClick, i18nStrings, }: AnnotationPopoverProps): JSX.Element;
+//# sourceMappingURL=annotation-popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"annotation-popover.d.ts","sourceRoot":"","sources":["../../../../src/annotation-context/annotation/annotation-popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAS3C,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAKvD,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,SAAS,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IAErC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAE9B,QAAQ,EAAE,MAAM,IAAI,CAAC;IAErB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAElC,kBAAkB,EAAE,MAAM,CAAC;IAE3B,eAAe,EAAE,MAAM,CAAC;IAExB,gBAAgB,EAAE,OAAO,CAAC;IAE1B,SAAS,EAAE,MAAM,IAAI,CAAC;IAEtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAEvC,WAAW,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;CACpD;AASD,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,OAAO,EACP,KAAK,EAEL,SAAiB,EAEjB,kBAAkB,EAElB,eAAe,EAEf,kBAAkB,EAClB,gBAAgB,EAEhB,SAAS,EAET,iBAAiB,EACjB,iBAAiB,EAEjB,QAAQ,EAER,QAAQ,EAER,qBAAqB,EACrB,qBAAqB,EACrB,WAAW,GACZ,EAAE,sBAAsB,eAwGxB"}

package/annotation-context/annotation/annotation-popover.js

@@ -0,0 +1,45 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { useCallback } from 'react';
+import clsx from 'clsx';
+import styles from './styles.css.js';
+import InternalBox from '../../box/internal';
+import { InternalButton } from '../../button/internal';
+import InternalSpaceBetween from '../../space-between/internal';
+import PopoverContainer from '../../popover/container';
+import PopoverBody from '../../popover/body';
+import InternalAlert from '../../alert/internal';
+import { scrollElementIntoView } from '../../internal/utils/scrollable-containers';
+var arrow = function (position) { return (React.createElement("div", { className: clsx(styles.arrow, styles["arrow-position-".concat(position)]) },
+    React.createElement("div", { className: styles['arrow-outer'] }),
+    React.createElement("div", { className: styles['arrow-inner'] }))); };
+export function AnnotationPopover(_a) {
+    var title = _a.title, content = _a.content, alert = _a.alert, _b = _a.direction, direction = _b === void 0 ? 'top' : _b, taskLocalStepIndex = _a.taskLocalStepIndex, totalLocalSteps = _a.totalLocalSteps, showPreviousButton = _a.showPreviousButton, showFinishButton = _a.showFinishButton, onDismiss = _a.onDismiss, nextButtonEnabled = _a.nextButtonEnabled, onNextButtonClick = _a.onNextButtonClick, onFinish = _a.onFinish, trackRef = _a.trackRef, previousButtonEnabled = _a.previousButtonEnabled, onPreviousButtonClick = _a.onPreviousButtonClick, i18nStrings = _a.i18nStrings;
+    var preventDefault = useCallback(function (event) {
+        event.preventDefault();
+    }, []);
+    var dismissButtonRefCallback = useCallback(function (element) {
+        var _a;
+        if (element) {
+            element.focus({ preventScroll: true });
+            // Falls back to alignTop on IE11
+            scrollElementIntoView((_a = trackRef.current) !== null && _a !== void 0 ? _a : undefined);
+        }
+    }, [trackRef]);
+    return (React.createElement(PopoverContainer, { position: direction, trackRef: trackRef, trackKey: taskLocalStepIndex, arrow: arrow, zIndex: 1000 },
+        React.createElement("div", { onClick: preventDefault },
+            React.createElement(PopoverBody, { size: "medium", fixedWidth: false, dismissButton: true, dismissAriaLabel: i18nStrings.labelDismissAnnotation, header: React.createElement(InternalBox, { color: "text-body-secondary", fontSize: "body-s", margin: { top: 'xxxs' }, className: styles.header }, title), onDismiss: onDismiss, className: styles.annotation, variant: "annotation", overflowVisible: "content", dismissButtonRef: dismissButtonRefCallback },
+                React.createElement(InternalSpaceBetween, { size: "s" },
+                    React.createElement("div", { className: styles.description },
+                        React.createElement(InternalBox, { className: styles.content }, content)),
+                    alert && React.createElement(InternalAlert, { type: "warning" }, alert),
+                    React.createElement(InternalSpaceBetween, { size: "s" },
+                        React.createElement("div", { className: styles.divider }),
+                        React.createElement("div", { className: styles.actionBar },
+                            React.createElement("div", { className: styles.stepCounter },
+                                React.createElement(InternalBox, { className: styles['step-counter-content'], color: "text-body-secondary", fontSize: "body-s" }, i18nStrings.stepCounterText(taskLocalStepIndex !== null && taskLocalStepIndex !== void 0 ? taskLocalStepIndex : 0, totalLocalSteps !== null && totalLocalSteps !== void 0 ? totalLocalSteps : 0))),
+                            React.createElement(InternalSpaceBetween, { size: "xs", direction: "horizontal" },
+                                showPreviousButton && (React.createElement(InternalButton, { variant: "link", onClick: onPreviousButtonClick, disabled: !previousButtonEnabled, formAction: "none", ariaLabel: i18nStrings.previousButtonText, className: styles['previous-button'] }, i18nStrings.previousButtonText)),
+                                showFinishButton ? (React.createElement(InternalButton, { onClick: onFinish, formAction: "none", ariaLabel: i18nStrings.finishButtonText, className: styles['finish-button'] }, i18nStrings.finishButtonText)) : (React.createElement(InternalButton, { onClick: onNextButtonClick, disabled: !nextButtonEnabled, formAction: "none", ariaLabel: i18nStrings.nextButtonText, className: styles['next-button'] }, i18nStrings.nextButtonText))))))))));
+}
+//# sourceMappingURL=annotation-popover.js.map

package/annotation-context/annotation/annotation-popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"annotation-popover.js","sourceRoot":"","sources":["../../../../src/annotation-context/annotation/annotation-popover.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 } from 'react';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport InternalBox from '../../box/internal';\nimport { ButtonProps } from '../../button/interfaces';\nimport { InternalButton } from '../../button/internal';\nimport InternalSpaceBetween from '../../space-between/internal';\nimport PopoverContainer from '../../popover/container';\nimport PopoverBody from '../../popover/body';\nimport { HotspotProps } from '../../hotspot/interfaces';\nimport { AnnotationContextProps } from '../interfaces';\nimport InternalAlert from '../../alert/internal';\nimport { InternalPosition } from '../../popover/interfaces';\nimport { scrollElementIntoView } from '../../internal/utils/scrollable-containers';\n\nexport interface AnnotationPopoverProps {\n  title: string;\n  content: React.ReactNode;\n  alert: React.ReactNode;\n\n  direction: HotspotProps['direction'];\n\n  nextButtonEnabled: boolean;\n  onNextButtonClick: () => void;\n\n  onFinish: () => void;\n\n  showPreviousButton: boolean;\n  previousButtonEnabled: boolean;\n  onPreviousButtonClick: () => void;\n\n  taskLocalStepIndex: number;\n\n  totalLocalSteps: number;\n\n  showFinishButton: boolean;\n\n  onDismiss: () => void;\n\n  trackRef: React.RefObject<HTMLElement>;\n\n  i18nStrings: AnnotationContextProps['i18nStrings'];\n}\n\nconst arrow = (position: InternalPosition | null) => (\n  <div className={clsx(styles.arrow, styles[`arrow-position-${position}`])}>\n    <div className={styles['arrow-outer']} />\n    <div className={styles['arrow-inner']} />\n  </div>\n);\n\nexport function AnnotationPopover({\n  title,\n  content,\n  alert,\n\n  direction = 'top',\n\n  taskLocalStepIndex,\n\n  totalLocalSteps,\n\n  showPreviousButton,\n  showFinishButton,\n\n  onDismiss,\n\n  nextButtonEnabled,\n  onNextButtonClick,\n\n  onFinish,\n\n  trackRef,\n\n  previousButtonEnabled,\n  onPreviousButtonClick,\n  i18nStrings,\n}: AnnotationPopoverProps) {\n  const preventDefault = useCallback((event: React.MouseEvent) => {\n    event.preventDefault();\n  }, []);\n\n  const dismissButtonRefCallback = useCallback(\n    (element: ButtonProps.Ref) => {\n      if (element) {\n        element.focus({ preventScroll: true });\n        // Falls back to alignTop on IE11\n        scrollElementIntoView(trackRef.current ?? undefined);\n      }\n    },\n    [trackRef]\n  );\n\n  return (\n    <PopoverContainer\n      position={direction}\n      trackRef={trackRef}\n      trackKey={taskLocalStepIndex}\n      arrow={arrow}\n      zIndex={1000}\n    >\n      <div onClick={preventDefault}>\n        <PopoverBody\n          size=\"medium\"\n          fixedWidth={false}\n          dismissButton={true}\n          dismissAriaLabel={i18nStrings.labelDismissAnnotation}\n          header={\n            <InternalBox\n              color=\"text-body-secondary\"\n              fontSize=\"body-s\"\n              margin={{ top: 'xxxs' }}\n              className={styles.header}\n            >\n              {title}\n            </InternalBox>\n          }\n          onDismiss={onDismiss}\n          className={styles.annotation}\n          variant=\"annotation\"\n          overflowVisible=\"content\"\n          dismissButtonRef={dismissButtonRefCallback}\n        >\n          <InternalSpaceBetween size=\"s\">\n            <div className={styles.description}>\n              <InternalBox className={styles.content}>{content}</InternalBox>\n            </div>\n\n            {alert && <InternalAlert type=\"warning\">{alert}</InternalAlert>}\n\n            <InternalSpaceBetween size=\"s\">\n              <div className={styles.divider} />\n\n              <div className={styles.actionBar}>\n                <div className={styles.stepCounter}>\n                  <InternalBox className={styles['step-counter-content']} color=\"text-body-secondary\" fontSize=\"body-s\">\n                    {i18nStrings.stepCounterText(taskLocalStepIndex ?? 0, totalLocalSteps ?? 0)}\n                  </InternalBox>\n                </div>\n                <InternalSpaceBetween size=\"xs\" direction=\"horizontal\">\n                  {showPreviousButton && (\n                    <InternalButton\n                      variant=\"link\"\n                      onClick={onPreviousButtonClick}\n                      disabled={!previousButtonEnabled}\n                      formAction=\"none\"\n                      ariaLabel={i18nStrings.previousButtonText}\n                      className={styles['previous-button']}\n                    >\n                      {i18nStrings.previousButtonText}\n                    </InternalButton>\n                  )}\n\n                  {showFinishButton ? (\n                    <InternalButton\n                      onClick={onFinish}\n                      formAction=\"none\"\n                      ariaLabel={i18nStrings.finishButtonText}\n                      className={styles['finish-button']}\n                    >\n                      {i18nStrings.finishButtonText}\n                    </InternalButton>\n                  ) : (\n                    <InternalButton\n                      onClick={onNextButtonClick}\n                      disabled={!nextButtonEnabled}\n                      formAction=\"none\"\n                      ariaLabel={i18nStrings.nextButtonText}\n                      className={styles['next-button']}\n                    >\n                      {i18nStrings.nextButtonText}\n                    </InternalButton>\n                  )}\n                </InternalSpaceBetween>\n              </div>\n            </InternalSpaceBetween>\n          </InternalSpaceBetween>\n        </PopoverBody>\n      </div>\n    </PopoverContainer>\n  );\n}\n"]}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { AnnotationContextProps } from '../interfaces';
+export interface AnnotationTriggerProps {
+    open: boolean;
+    onClick: () => void;
+    i18nStrings: AnnotationContextProps['i18nStrings'];
+}
+declare const _default: React.ForwardRefExoticComponent<AnnotationTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export default _default;
+//# sourceMappingURL=annotation-trigger.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"annotation-trigger.d.ts","sourceRoot":"","sources":["../../../../src/annotation-context/annotation/annotation-trigger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAI3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAEvD,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,OAAO,CAAC;IAEd,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,WAAW,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;CACpD;;AAED,wBA0BG"}

package/annotation-context/annotation/annotation-trigger.js

@@ -0,0 +1,18 @@
+import { __assign } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { useCallback } from 'react';
+import styles from './styles.css.js';
+import { AnnotationIcon } from './annotation-icon';
+import useFocusVisible from '../../internal/hooks/focus-visible/index.js';
+export default React.forwardRef(function AnnotationTrigger(_a, ref) {
+    var open = _a.open, onClickHandler = _a.onClick, i18nStrings = _a.i18nStrings;
+    var focusVisible = useFocusVisible();
+    var onClick = useCallback(function (event) {
+        event.preventDefault();
+        onClickHandler();
+    }, [onClickHandler]);
+    return (React.createElement("button", __assign({ ref: ref, className: styles.hotspot, "aria-haspopup": "dialog", "aria-label": i18nStrings.labelHotspot(open), onClick: onClick }, focusVisible),
+        React.createElement(AnnotationIcon, { open: open })));
+});
+//# sourceMappingURL=annotation-trigger.js.map

package/annotation-context/annotation/annotation-trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"annotation-trigger.js","sourceRoot":"","sources":["../../../../src/annotation-context/annotation/annotation-trigger.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,eAAe,MAAM,6CAA6C,CAAC;AAW1E,eAAe,KAAK,CAAC,UAAU,CAA4C,SAAS,iBAAiB,CACnG,EAAsE,EACtE,GAAG;QADD,IAAI,UAAA,EAAW,cAAc,aAAA,EAAE,WAAW,iBAAA;IAG5C,IAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,IAAM,OAAO,GAAG,WAAW,CACzB,UAAC,KAAuB;QACtB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,cAAc,EAAE,CAAC;IACnB,CAAC,EACD,CAAC,cAAc,CAAC,CACjB,CAAC;IAEF,OAAO,CACL,yCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,MAAM,CAAC,OAAO,mBACX,QAAQ,gBACV,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,EAC1C,OAAO,EAAE,OAAO,IACZ,YAAY;QAEhB,oBAAC,cAAc,IAAC,IAAI,EAAE,IAAI,GAAI,CACvB,CACV,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useCallback } from 'react';\nimport styles from './styles.css.js';\nimport { AnnotationIcon } from './annotation-icon';\nimport useFocusVisible from '../../internal/hooks/focus-visible/index.js';\nimport { AnnotationContextProps } from '../interfaces';\n\nexport interface AnnotationTriggerProps {\n  open: boolean;\n\n  onClick: () => void;\n\n  i18nStrings: AnnotationContextProps['i18nStrings'];\n}\n\nexport default React.forwardRef<HTMLButtonElement, AnnotationTriggerProps>(function AnnotationTrigger(\n  { open, onClick: onClickHandler, i18nStrings }: AnnotationTriggerProps,\n  ref\n) {\n  const focusVisible = useFocusVisible();\n\n  const onClick = useCallback(\n    (event: React.MouseEvent) => {\n      event.preventDefault();\n      onClickHandler();\n    },\n    [onClickHandler]\n  );\n\n  return (\n    <button\n      ref={ref}\n      className={styles.hotspot}\n      aria-haspopup=\"dialog\"\n      aria-label={i18nStrings.labelHotspot(open)}\n      onClick={onClick}\n      {...focusVisible}\n    >\n      <AnnotationIcon open={open} />\n    </button>\n  );\n});\n"]}

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

@@ -0,0 +1,9 @@
+import { AnnotationContextProps } from '../interfaces';
+export interface AnnotationProps {
+    globalStepIndex: number;
+    onOpen: (stepId: number) => void;
+    i18nStrings: AnnotationContextProps['i18nStrings'];
+    focusOnRender: boolean;
+}
+export declare function ClosedAnnotation({ globalStepIndex, onOpen, i18nStrings, focusOnRender }: AnnotationProps): JSX.Element;
+//# sourceMappingURL=closed-annotation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"closed-annotation.d.ts","sourceRoot":"","sources":["../../../../src/annotation-context/annotation/closed-annotation.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAGvD,MAAM,WAAW,eAAe;IAC9B,eAAe,EAAE,MAAM,CAAC;IAExB,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjC,WAAW,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAEnD,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,eAAe,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,eAAe,eAaxG"}

package/annotation-context/annotation/closed-annotation.js

@@ -0,0 +1,18 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { useCallback, useEffect, useState } from 'react';
+import AnnotationTrigger from './annotation-trigger';
+export function ClosedAnnotation(_a) {
+    var globalStepIndex = _a.globalStepIndex, onOpen = _a.onOpen, i18nStrings = _a.i18nStrings, focusOnRender = _a.focusOnRender;
+    var _b = useState(null), hotspotRef = _b[0], setHotspotRef = _b[1];
+    var onClick = useCallback(function () {
+        onOpen(globalStepIndex);
+    }, [globalStepIndex, onOpen]);
+    useEffect(function () {
+        if (focusOnRender && hotspotRef) {
+            hotspotRef.focus();
+        }
+    }, [focusOnRender, hotspotRef]);
+    return React.createElement(AnnotationTrigger, { open: false, onClick: onClick, i18nStrings: i18nStrings, ref: setHotspotRef });
+}
+//# sourceMappingURL=closed-annotation.js.map

package/annotation-context/annotation/closed-annotation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"closed-annotation.js","sourceRoot":"","sources":["../../../../src/annotation-context/annotation/closed-annotation.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AAYrD,MAAM,UAAU,gBAAgB,CAAC,EAAwE;QAAtE,eAAe,qBAAA,EAAE,MAAM,YAAA,EAAE,WAAW,iBAAA,EAAE,aAAa,mBAAA;IAC9E,IAAA,KAA8B,QAAQ,CAA2B,IAAI,CAAC,EAArE,UAAU,QAAA,EAAE,aAAa,QAA4C,CAAC;IAC7E,IAAM,OAAO,GAAG,WAAW,CAAC;QAC1B,MAAM,CAAC,eAAe,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;IAE9B,SAAS,CAAC;QACR,IAAI,aAAa,IAAI,UAAU,EAAE;YAC/B,UAAU,CAAC,KAAK,EAAE,CAAC;SACpB;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC;IAEhC,OAAO,oBAAC,iBAAiB,IAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,EAAE,aAAa,GAAI,CAAC;AAC5G,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { AnnotationContextProps } from '../interfaces';\nimport AnnotationTrigger from './annotation-trigger';\n\nexport interface AnnotationProps {\n  globalStepIndex: number;\n\n  onOpen: (stepId: number) => void;\n\n  i18nStrings: AnnotationContextProps['i18nStrings'];\n\n  focusOnRender: boolean;\n}\n\nexport function ClosedAnnotation({ globalStepIndex, onOpen, i18nStrings, focusOnRender }: AnnotationProps) {\n  const [hotspotRef, setHotspotRef] = useState<HTMLButtonElement | null>(null);\n  const onClick = useCallback(() => {\n    onOpen(globalStepIndex);\n  }, [globalStepIndex, onOpen]);\n\n  useEffect(() => {\n    if (focusOnRender && hotspotRef) {\n      hotspotRef.focus();\n    }\n  }, [focusOnRender, hotspotRef]);\n\n  return <AnnotationTrigger open={false} onClick={onClick} i18nStrings={i18nStrings} ref={setHotspotRef} />;\n}\n"]}

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { HotspotProps } from '../../hotspot/interfaces';
+import { AnnotationContextProps } from '../interfaces';
+export interface AnnotationProps {
+    title: string;
+    content: React.ReactNode;
+    alert?: React.ReactNode;
+    direction: HotspotProps['direction'];
+    nextButtonEnabled: boolean;
+    onNextButtonClick: () => void;
+    onFinish: () => void;
+    previousButtonEnabled: boolean;
+    onPreviousButtonClick: () => void;
+    showPreviousButton: boolean;
+    showFinishButton: boolean;
+    taskLocalStepIndex: number;
+    totalLocalSteps: number;
+    onDismiss: () => void;
+    i18nStrings: AnnotationContextProps['i18nStrings'];
+}
+export declare function OpenAnnotation({ title, content, alert, direction, showPreviousButton, showFinishButton, taskLocalStepIndex, totalLocalSteps, onDismiss, nextButtonEnabled, onNextButtonClick, onFinish, previousButtonEnabled, onPreviousButtonClick, i18nStrings, }: AnnotationProps): JSX.Element;
+//# sourceMappingURL=open-annotation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"open-annotation.d.ts","sourceRoot":"","sources":["../../../../src/annotation-context/annotation/open-annotation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAIvD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,SAAS,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IAErC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAE9B,QAAQ,EAAE,MAAM,IAAI,CAAC;IAErB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAElC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,gBAAgB,EAAE,OAAO,CAAC;IAE1B,kBAAkB,EAAE,MAAM,CAAC;IAE3B,eAAe,EAAE,MAAM,CAAC;IAExB,SAAS,EAAE,MAAM,IAAI,CAAC;IAEtB,WAAW,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;CACpD;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,OAAO,EACP,KAAK,EAEL,SAAS,EAET,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAElB,eAAe,EAEf,SAAS,EAET,iBAAiB,EACjB,iBAAiB,EAEjB,QAAQ,EAER,qBAAqB,EACrB,qBAAqB,EACrB,WAAW,GACZ,EAAE,eAAe,eA2BjB"}

package/annotation-context/annotation/open-annotation.js

@@ -0,0 +1,13 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { useRef } from 'react';
+import AnnotationTrigger from './annotation-trigger';
+import { AnnotationPopover } from './annotation-popover';
+export function OpenAnnotation(_a) {
+    var title = _a.title, content = _a.content, alert = _a.alert, direction = _a.direction, showPreviousButton = _a.showPreviousButton, showFinishButton = _a.showFinishButton, taskLocalStepIndex = _a.taskLocalStepIndex, totalLocalSteps = _a.totalLocalSteps, onDismiss = _a.onDismiss, nextButtonEnabled = _a.nextButtonEnabled, onNextButtonClick = _a.onNextButtonClick, onFinish = _a.onFinish, previousButtonEnabled = _a.previousButtonEnabled, onPreviousButtonClick = _a.onPreviousButtonClick, i18nStrings = _a.i18nStrings;
+    var trackRef = useRef(null);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(AnnotationTrigger, { open: true, onClick: onDismiss, i18nStrings: i18nStrings, ref: trackRef }),
+        React.createElement(AnnotationPopover, { trackRef: trackRef, previousButtonEnabled: previousButtonEnabled, showPreviousButton: showPreviousButton, showFinishButton: showFinishButton, totalLocalSteps: totalLocalSteps, i18nStrings: i18nStrings, nextButtonEnabled: nextButtonEnabled, onDismiss: onDismiss, onFinish: onFinish, onNextButtonClick: onNextButtonClick, onPreviousButtonClick: onPreviousButtonClick, taskLocalStepIndex: taskLocalStepIndex, direction: direction, title: title, content: content, alert: alert })));
+}
+//# sourceMappingURL=open-annotation.js.map

package/annotation-context/annotation/open-annotation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"open-annotation.js","sourceRoot":"","sources":["../../../../src/annotation-context/annotation/open-annotation.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAGtC,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AA6BzD,MAAM,UAAU,cAAc,CAAC,EAuBb;QAtBhB,KAAK,WAAA,EACL,OAAO,aAAA,EACP,KAAK,WAAA,EAEL,SAAS,eAAA,EAET,kBAAkB,wBAAA,EAClB,gBAAgB,sBAAA,EAChB,kBAAkB,wBAAA,EAElB,eAAe,qBAAA,EAEf,SAAS,eAAA,EAET,iBAAiB,uBAAA,EACjB,iBAAiB,uBAAA,EAEjB,QAAQ,cAAA,EAER,qBAAqB,2BAAA,EACrB,qBAAqB,2BAAA,EACrB,WAAW,iBAAA;IAEX,IAAM,QAAQ,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAEjD,OAAO,CACL;QACE,oBAAC,iBAAiB,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,EAAE,QAAQ,GAAI;QAE9F,oBAAC,iBAAiB,IAChB,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,qBAAqB,EAC5C,kBAAkB,EAAE,kBAAkB,EACtC,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,qBAAqB,EAAE,qBAAqB,EAC5C,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,GACZ,CACD,CACJ,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport { HotspotProps } from '../../hotspot/interfaces';\nimport { AnnotationContextProps } from '../interfaces';\nimport AnnotationTrigger from './annotation-trigger';\nimport { AnnotationPopover } from './annotation-popover';\n\nexport interface AnnotationProps {\n  title: string;\n  content: React.ReactNode;\n  alert?: React.ReactNode;\n\n  direction: HotspotProps['direction'];\n\n  nextButtonEnabled: boolean;\n  onNextButtonClick: () => void;\n\n  onFinish: () => void;\n\n  previousButtonEnabled: boolean;\n  onPreviousButtonClick: () => void;\n\n  showPreviousButton: boolean;\n  showFinishButton: boolean;\n\n  taskLocalStepIndex: number;\n\n  totalLocalSteps: number;\n\n  onDismiss: () => void;\n\n  i18nStrings: AnnotationContextProps['i18nStrings'];\n}\n\nexport function OpenAnnotation({\n  title,\n  content,\n  alert,\n\n  direction,\n\n  showPreviousButton,\n  showFinishButton,\n  taskLocalStepIndex,\n\n  totalLocalSteps,\n\n  onDismiss,\n\n  nextButtonEnabled,\n  onNextButtonClick,\n\n  onFinish,\n\n  previousButtonEnabled,\n  onPreviousButtonClick,\n  i18nStrings,\n}: AnnotationProps) {\n  const trackRef = useRef<HTMLButtonElement>(null);\n\n  return (\n    <>\n      <AnnotationTrigger open={true} onClick={onDismiss} i18nStrings={i18nStrings} ref={trackRef} />\n\n      <AnnotationPopover\n        trackRef={trackRef}\n        previousButtonEnabled={previousButtonEnabled}\n        showPreviousButton={showPreviousButton}\n        showFinishButton={showFinishButton}\n        totalLocalSteps={totalLocalSteps}\n        i18nStrings={i18nStrings}\n        nextButtonEnabled={nextButtonEnabled}\n        onDismiss={onDismiss}\n        onFinish={onFinish}\n        onNextButtonClick={onNextButtonClick}\n        onPreviousButtonClick={onPreviousButtonClick}\n        taskLocalStepIndex={taskLocalStepIndex}\n        direction={direction}\n        title={title}\n        content={content}\n        alert={alert}\n      />\n    </>\n  );\n}\n"]}