@cloudscape-design/chart-components 1.0.0

package/internal/components/series-details/test-classes/styles.css.js

@@ -0,0 +1,10 @@
+
+    import './styles.scoped.css';
+    export default {
+  "key": "awsui_key_vf2b9_17459_5",
+  "value": "awsui_value_vf2b9_17459_6",
+  "list-item": "awsui_list-item_vf2b9_17459_7",
+  "inner-list-item": "awsui_inner-list-item_vf2b9_17459_8",
+  "description": "awsui_description_vf2b9_17459_9"
+};
+  

package/internal/components/series-details/test-classes/styles.scoped.css

@@ -0,0 +1,11 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_key_vf2b9_17459_5:not(#\9),
+.awsui_value_vf2b9_17459_6:not(#\9),
+.awsui_list-item_vf2b9_17459_7:not(#\9),
+.awsui_inner-list-item_vf2b9_17459_8:not(#\9),
+.awsui_description_vf2b9_17459_9:not(#\9) {
+  /* used in test-utils */
+}

package/internal/components/series-details/test-classes/styles.selectors.js

@@ -0,0 +1,11 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "key": "awsui_key_vf2b9_17459_5",
+  "value": "awsui_value_vf2b9_17459_6",
+  "list-item": "awsui_list-item_vf2b9_17459_7",
+  "inner-list-item": "awsui_inner-list-item_vf2b9_17459_8",
+  "description": "awsui_description_vf2b9_17459_9"
+};
+  

package/internal/components/series-marker/index.d.ts

@@ -0,0 +1,8 @@
+import { BaseComponentProps } from "@cloudscape-design/components/internal/base-component";
+export type ChartSeriesMarkerType = "line" | "dashed" | "square" | "large-square" | "hollow-square" | "diamond" | "triangle" | "triangle-down" | "circle";
+export interface ChartSeriesMarkerProps extends BaseComponentProps {
+    type: ChartSeriesMarkerType;
+    color: string;
+    visible?: boolean;
+}
+export declare function ChartSeriesMarker({ type, color, visible }: ChartSeriesMarkerProps): import("react/jsx-runtime").JSX.Element;

package/internal/components/series-marker/index.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { colorTextInteractiveDisabled } from "@cloudscape-design/design-tokens";
+import styles from "./styles.css.js";
+function scale(size, value) {
+    return `translate(${size * ((1 - value) / 2)}, ${size * ((1 - value) / 2)}) scale(${value})`;
+}
+export function ChartSeriesMarker({ type = "line", color, visible = true }) {
+    color = visible ? color : colorTextInteractiveDisabled;
+    return (_jsx("div", { className: styles.marker, children: _jsxs("svg", { focusable: false, "aria-hidden": true, viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", children: [type === "line" && _jsx(SVGLine, { color: color }), type === "dashed" && _jsx(SVGLineDashed, { color: color }), type === "large-square" && _jsx(SVGLargeSquare, { color: color }), type === "hollow-square" && _jsx(SVGHollowSquare, { color: color }), type === "square" && _jsx(SVGSquare, { color: color }), type === "diamond" && _jsx(SVGDiamond, { color: color }), type === "triangle" && _jsx(SVGTriangle, { color: color }), type === "triangle-down" && _jsx(SVGTriangleDown, { color: color }), type === "circle" && _jsx(SVGCircle, { color: color })] }) }));
+}
+function SVGLine({ color }) {
+    return _jsx("rect", { x: 1, y: 7, height: 4, width: 14, strokeWidth: 0, rx: 2, fill: color });
+}
+function SVGLineDashed({ color }) {
+    return (_jsxs(_Fragment, { children: [_jsx("rect", { x: 1, y: 7, height: 4, width: 6, strokeWidth: 0, rx: 2, fill: color }), _jsx("rect", { x: 9, y: 7, height: 4, width: 6, strokeWidth: 0, rx: 2, fill: color })] }));
+}
+function SVGLargeSquare({ color }) {
+    const shape = { x: 0, y: 0, width: 16, height: 16, rx: 2, transform: scale(16, 0.85) };
+    return _jsx("rect", { ...shape, strokeWidth: 0, fill: color });
+}
+function SVGHollowSquare({ color }) {
+    const size = { x: 0, y: 0, width: 16, height: 16, rx: 2, transform: scale(16, 0.75) };
+    return _jsx("rect", { ...size, strokeWidth: 2, stroke: color, fill: color, fillOpacity: "0.40" });
+}
+function SVGSquare({ color }) {
+    const size = { x: 3, y: 3, width: 10, height: 10, rx: 2 };
+    return _jsx("rect", { ...size, strokeWidth: 0, fill: color });
+}
+function SVGDiamond({ color }) {
+    const shape = { points: "8,0 16,8 8,16 0,8", transform: scale(16, 0.65) };
+    return _jsx("polygon", { ...shape, strokeWidth: 0, fill: color });
+}
+function SVGTriangle({ color }) {
+    const shape = { points: "8,0 16,16 0,16", transform: scale(16, 0.65) };
+    return _jsx("polygon", { ...shape, strokeWidth: 0, fill: color });
+}
+function SVGTriangleDown({ color }) {
+    const shape = { points: "8,16 0,0 16,0", transform: scale(16, 0.65) };
+    return _jsx("polygon", { ...shape, strokeWidth: 0, fill: color });
+}
+function SVGCircle({ color }) {
+    const shape = { cx: 8, cy: 8, r: 5 };
+    return _jsx("circle", { ...shape, strokeWidth: 0, fill: color });
+}
+//# sourceMappingURL=index.js.map

package/internal/components/series-marker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/series-marker/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\n\nimport { BaseComponentProps } from \"@cloudscape-design/components/internal/base-component\";\nimport { colorTextInteractiveDisabled } from \"@cloudscape-design/design-tokens\";\n\nimport styles from \"./styles.css.js\";\n\nexport type ChartSeriesMarkerType =\n  | \"line\"\n  | \"dashed\"\n  | \"square\"\n  | \"large-square\"\n  | \"hollow-square\"\n  | \"diamond\"\n  | \"triangle\"\n  | \"triangle-down\"\n  | \"circle\";\n\nexport interface ChartSeriesMarkerProps extends BaseComponentProps {\n  type: ChartSeriesMarkerType;\n  color: string;\n  visible?: boolean;\n}\n\nfunction scale(size: number, value: number) {\n  return `translate(${size * ((1 - value) / 2)}, ${size * ((1 - value) / 2)}) scale(${value})`;\n}\n\nexport function ChartSeriesMarker({ type = \"line\", color, visible = true }: ChartSeriesMarkerProps) {\n  color = visible ? color : colorTextInteractiveDisabled;\n  return (\n    <div className={styles.marker}>\n      <svg focusable={false} aria-hidden={true} viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\">\n        {type === \"line\" && <SVGLine color={color} />}\n\n        {type === \"dashed\" && <SVGLineDashed color={color} />}\n\n        {type === \"large-square\" && <SVGLargeSquare color={color} />}\n\n        {type === \"hollow-square\" && <SVGHollowSquare color={color} />}\n\n        {type === \"square\" && <SVGSquare color={color} />}\n\n        {type === \"diamond\" && <SVGDiamond color={color} />}\n\n        {type === \"triangle\" && <SVGTriangle color={color} />}\n\n        {type === \"triangle-down\" && <SVGTriangleDown color={color} />}\n\n        {type === \"circle\" && <SVGCircle color={color} />}\n      </svg>\n    </div>\n  );\n}\n\nfunction SVGLine({ color }: { color: string }) {\n  return <rect x={1} y={7} height={4} width={14} strokeWidth={0} rx={2} fill={color} />;\n}\n\nfunction SVGLineDashed({ color }: { color: string }) {\n  return (\n    <>\n      <rect x={1} y={7} height={4} width={6} strokeWidth={0} rx={2} fill={color} />\n      <rect x={9} y={7} height={4} width={6} strokeWidth={0} rx={2} fill={color} />\n    </>\n  );\n}\n\nfunction SVGLargeSquare({ color }: { color: string }) {\n  const shape = { x: 0, y: 0, width: 16, height: 16, rx: 2, transform: scale(16, 0.85) };\n  return <rect {...shape} strokeWidth={0} fill={color} />;\n}\n\nfunction SVGHollowSquare({ color }: { color: string }) {\n  const size = { x: 0, y: 0, width: 16, height: 16, rx: 2, transform: scale(16, 0.75) };\n  return <rect {...size} strokeWidth={2} stroke={color} fill={color} fillOpacity=\"0.40\" />;\n}\n\nfunction SVGSquare({ color }: { color: string }) {\n  const size = { x: 3, y: 3, width: 10, height: 10, rx: 2 };\n  return <rect {...size} strokeWidth={0} fill={color} />;\n}\n\nfunction SVGDiamond({ color }: { color: string }) {\n  const shape = { points: \"8,0 16,8 8,16 0,8\", transform: scale(16, 0.65) };\n  return <polygon {...shape} strokeWidth={0} fill={color} />;\n}\n\nfunction SVGTriangle({ color }: { color: string }) {\n  const shape = { points: \"8,0 16,16 0,16\", transform: scale(16, 0.65) };\n  return <polygon {...shape} strokeWidth={0} fill={color} />;\n}\n\nfunction SVGTriangleDown({ color }: { color: string }) {\n  const shape = { points: \"8,16 0,0 16,0\", transform: scale(16, 0.65) };\n  return <polygon {...shape} strokeWidth={0} fill={color} />;\n}\n\nfunction SVGCircle({ color }: { color: string }) {\n  const shape = { cx: 8, cy: 8, r: 5 };\n  return <circle {...shape} strokeWidth={0} fill={color} />;\n}\n"]}

package/internal/components/series-marker/interfaces.d.ts

@@ -0,0 +1 @@
+export type ChartSeriesMarkerType = "line" | "dashed" | "square" | "large-square" | "hollow-square" | "diamond" | "triangle" | "triangle-down" | "circle";

package/internal/components/series-marker/interfaces.js

@@ -0,0 +1,4 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+export {};
+//# sourceMappingURL=interfaces.js.map

package/internal/components/series-marker/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/internal/components/series-marker/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport type ChartSeriesMarkerType =\n  | \"line\"\n  | \"dashed\"\n  | \"square\"\n  | \"large-square\"\n  | \"hollow-square\"\n  | \"diamond\"\n  | \"triangle\"\n  | \"triangle-down\"\n  | \"circle\";\n"]}

package/internal/components/series-marker/render-marker.d.ts

@@ -0,0 +1,3 @@
+import type Highcharts from "highcharts";
+import { SVGRendererPool } from "../../utils/renderer-utils";
+export declare function renderMarker(chart: Highcharts.Chart, pool: SVGRendererPool, point: Highcharts.Point, selected: boolean, className?: string): Highcharts.SVGElement | undefined;

package/internal/components/series-marker/render-marker.js

@@ -0,0 +1,74 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { colorBackgroundContainerContent, colorTextBodyDefault } from "@cloudscape-design/design-tokens";
+export function renderMarker(chart, pool, point, selected, className) {
+    var _a, _b;
+    if (point.plotX === undefined || point.plotY === undefined) {
+        return;
+    }
+    const rr = chart.renderer;
+    const inverted = !!chart.inverted;
+    const size = selected ? 4 : 3;
+    const pointStyle = {
+        zIndex: selected ? 6 : 5,
+        "stroke-width": 2,
+        stroke: selected ? colorTextBodyDefault : point.color,
+        fill: selected ? point.color : colorBackgroundContainerContent,
+        opacity: 1,
+        style: "pointer-events: none",
+        class: className,
+    };
+    const haloStyle = {
+        zIndex: 6,
+        "stroke-width": 0,
+        stroke: point.color,
+        fill: point.color,
+        opacity: 0.4,
+        style: "pointer-events: none",
+    };
+    const x = inverted ? chart.plotLeft + chart.plotWidth - point.plotY : chart.plotLeft + ((_a = point.plotX) !== null && _a !== void 0 ? _a : 0);
+    const y = inverted ? chart.plotTop + chart.plotHeight - point.plotX : chart.plotTop + ((_b = point.plotY) !== null && _b !== void 0 ? _b : 0);
+    if (selected) {
+        pool.circle(rr, { ...haloStyle, x, y, r: 10 });
+    }
+    const type = getSeriesMarkerType(point.series);
+    switch (type) {
+        case "square":
+            return pool.rect(rr, { ...pointStyle, x: x - size, y: y - size, width: size * 2, height: size * 2 });
+        case "diamond": {
+            const path = ["M", x, y - size, "L", x + size, y, "L", x, y + size, "L", x - size, y, "Z"];
+            return pool.path(rr, { ...pointStyle, d: path });
+        }
+        case "triangle": {
+            const path = ["M", x, y - size, "L", x + size, y + size, "L", x - size, y + size, "Z"];
+            return pool.path(rr, { ...pointStyle, d: path });
+        }
+        case "triangle-down": {
+            const path = ["M", x, y + size, "L", x - size, y - size, "L", x + size, y - size, "Z"];
+            return pool.path(rr, { ...pointStyle, d: path });
+        }
+        case "circle":
+        default:
+            return pool.circle(rr, { ...pointStyle, x, y, r: size });
+    }
+}
+function getSeriesMarkerType(series) {
+    const seriesSymbol = "symbol" in series && typeof series.symbol === "string" ? series.symbol : "circle";
+    if (series.type === "scatter") {
+        switch (seriesSymbol) {
+            case "square":
+                return "square";
+            case "diamond":
+                return "diamond";
+            case "triangle":
+                return "triangle";
+            case "triangle-down":
+                return "triangle-down";
+            case "circle":
+            default:
+                return "circle";
+        }
+    }
+    return "circle";
+}
+//# sourceMappingURL=render-marker.js.map

package/internal/components/series-marker/render-marker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-marker.js","sourceRoot":"","sources":["../../../../../src/internal/components/series-marker/render-marker.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\n\nimport type Highcharts from \"highcharts\";\n\nimport { colorBackgroundContainerContent, colorTextBodyDefault } from \"@cloudscape-design/design-tokens\";\n\nimport { SVGRendererPool } from \"../../utils/renderer-utils\";\nimport { ChartSeriesMarkerType } from \"./interfaces\";\n\nexport function renderMarker(\n  chart: Highcharts.Chart,\n  pool: SVGRendererPool,\n  point: Highcharts.Point,\n  selected: boolean,\n  className?: string,\n) {\n  if (point.plotX === undefined || point.plotY === undefined) {\n    return;\n  }\n\n  const rr = chart.renderer;\n  const inverted = !!chart.inverted;\n  const size = selected ? 4 : 3;\n  const pointStyle = {\n    zIndex: selected ? 6 : 5,\n    \"stroke-width\": 2,\n    stroke: selected ? colorTextBodyDefault : point.color,\n    fill: selected ? point.color : colorBackgroundContainerContent,\n    opacity: 1,\n    style: \"pointer-events: none\",\n    class: className,\n  };\n  const haloStyle = {\n    zIndex: 6,\n    \"stroke-width\": 0,\n    stroke: point.color,\n    fill: point.color,\n    opacity: 0.4,\n    style: \"pointer-events: none\",\n  };\n\n  const x = inverted ? chart.plotLeft + chart.plotWidth - point.plotY : chart.plotLeft + (point.plotX ?? 0);\n  const y = inverted ? chart.plotTop + chart.plotHeight - point.plotX : chart.plotTop + (point.plotY ?? 0);\n\n  if (selected) {\n    pool.circle(rr, { ...haloStyle, x, y, r: 10 });\n  }\n\n  const type = getSeriesMarkerType(point.series);\n  switch (type) {\n    case \"square\":\n      return pool.rect(rr, { ...pointStyle, x: x - size, y: y - size, width: size * 2, height: size * 2 });\n\n    case \"diamond\": {\n      const path = [\"M\", x, y - size, \"L\", x + size, y, \"L\", x, y + size, \"L\", x - size, y, \"Z\"] as any;\n      return pool.path(rr, { ...pointStyle, d: path });\n    }\n\n    case \"triangle\": {\n      const path = [\"M\", x, y - size, \"L\", x + size, y + size, \"L\", x - size, y + size, \"Z\"] as any;\n      return pool.path(rr, { ...pointStyle, d: path });\n    }\n\n    case \"triangle-down\": {\n      const path = [\"M\", x, y + size, \"L\", x - size, y - size, \"L\", x + size, y - size, \"Z\"] as any;\n      return pool.path(rr, { ...pointStyle, d: path });\n    }\n\n    case \"circle\":\n    default:\n      return pool.circle(rr, { ...pointStyle, x, y, r: size });\n  }\n}\n\nfunction getSeriesMarkerType(series: Highcharts.Series): ChartSeriesMarkerType {\n  const seriesSymbol = \"symbol\" in series && typeof series.symbol === \"string\" ? series.symbol : \"circle\";\n  if (series.type === \"scatter\") {\n    switch (seriesSymbol) {\n      case \"square\":\n        return \"square\";\n      case \"diamond\":\n        return \"diamond\";\n      case \"triangle\":\n        return \"triangle\";\n      case \"triangle-down\":\n        return \"triangle-down\";\n      case \"circle\":\n      default:\n        return \"circle\";\n    }\n  }\n  return \"circle\";\n}\n"]}

package/internal/components/series-marker/styles.css.js

@@ -0,0 +1,7 @@
+
+    import './styles.scoped.css';
+    export default {
+  "focus-outline": "awsui_focus-outline_kfsgg_13s31_15",
+  "marker": "awsui_marker_kfsgg_13s31_19"
+};
+  

package/internal/components/series-marker/styles.scoped.css

@@ -0,0 +1,55 @@
+/*
+ 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 */
+body[data-awsui-focus-visible=true] .awsui_focus-outline_kfsgg_13s31_15:not(#\9) {
+  stroke: var(--color-border-item-focused-uk47pl, #006ce0);
+}
+
+.awsui_marker_kfsgg_13s31_19:not(#\9) {
+  border-collapse: separate;
+  border-spacing: 0;
+  box-sizing: border-box;
+  caption-side: top;
+  cursor: auto;
+  direction: inherit;
+  empty-cells: show;
+  font-family: serif;
+  font-size: medium;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: 400;
+  font-stretch: normal;
+  line-height: normal;
+  hyphens: none;
+  letter-spacing: normal;
+  list-style: disc outside none;
+  tab-size: 8;
+  text-align: start;
+  text-indent: 0;
+  text-shadow: none;
+  text-transform: none;
+  visibility: visible;
+  white-space: normal;
+  word-spacing: normal;
+  margin-block-start: var(--space-static-xxxs-yidks1, 2px);
+  margin-inline-end: var(--space-static-xxs-ns94dp, 4px);
+  border-start-start-radius: 2px;
+  border-start-end-radius: 2px;
+  border-end-start-radius: 2px;
+  border-end-end-radius: 2px;
+  inline-size: 16px;
+  block-size: 16px;
+  flex-shrink: 0;
+  cursor: inherit;
+}

package/internal/components/series-marker/styles.selectors.js

@@ -0,0 +1,8 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "focus-outline": "awsui_focus-outline_kfsgg_13s31_15",
+  "marker": "awsui_marker_kfsgg_13s31_19"
+};
+  

package/internal/environment.d.ts

@@ -0,0 +1,4 @@
+export const PACKAGE_SOURCE: string;
+export const PACKAGE_VERSION: string;
+export const THEME: string;
+export const ALWAYS_VISUAL_REFRESH: string;

package/internal/environment.js

@@ -0,0 +1,5 @@
+export var PACKAGE_SOURCE = "chart-components";
+export var PACKAGE_VERSION = "1.0.0 (caecbc51)";
+export var THEME = "open-source-visual-refresh";
+export var ALWAYS_VISUAL_REFRESH = true;
+export var SYSTEM = "console";

package/internal/environment.json

@@ -0,0 +1,7 @@
+{
+  "PACKAGE_SOURCE": "chart-components",
+  "PACKAGE_VERSION": "1.0.0 (caecbc51)",
+  "THEME": "open-source-visual-refresh",
+  "ALWAYS_VISUAL_REFRESH": true,
+  "SYSTEM": "console"
+}

package/internal/events/index.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+export type CancelableEventHandler<Detail = object> = (event: CustomEvent<Detail>) => void;
+export type NonCancelableEventHandler<Detail = {}> = (event: NonCancelableCustomEvent<Detail>) => void;
+export type NonCancelableCustomEvent<DetailType> = Omit<CustomEvent<DetailType>, "preventDefault">;
+export interface ClickDetail {
+    button: number;
+    ctrlKey: boolean;
+    shiftKey: boolean;
+    altKey: boolean;
+    metaKey: boolean;
+}
+export declare class CustomEventStub<T> {
+    cancelable: boolean;
+    detail: T | null;
+    defaultPrevented: boolean;
+    cancelBubble: boolean;
+    constructor(cancelable?: boolean, detail?: T | null);
+    preventDefault(): void;
+    stopPropagation(): void;
+}
+export declare function createCustomEvent<T>({ cancelable, detail }: CustomEventInit<T>): CustomEvent<T>;
+export declare function fireCancelableEvent<T>(handler: CancelableEventHandler<T> | undefined, detail: T, sourceEvent?: React.SyntheticEvent | Event): boolean;
+export declare function fireNonCancelableEvent<T = null>(handler: NonCancelableEventHandler<T> | undefined, detail?: T): void;

package/internal/events/index.js

@@ -0,0 +1,41 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+export class CustomEventStub {
+    constructor(cancelable = false, detail = null) {
+        this.cancelable = cancelable;
+        this.detail = detail;
+        this.defaultPrevented = false;
+        this.cancelBubble = false;
+    }
+    preventDefault() {
+        this.defaultPrevented = true;
+    }
+    stopPropagation() {
+        this.cancelBubble = true;
+    }
+}
+export function createCustomEvent({ cancelable, detail }) {
+    return new CustomEventStub(cancelable, detail);
+}
+export function fireCancelableEvent(handler, detail, sourceEvent) {
+    if (!handler) {
+        return false;
+    }
+    const event = createCustomEvent({ cancelable: true, detail });
+    handler(event);
+    if (event.defaultPrevented && sourceEvent) {
+        sourceEvent.preventDefault();
+    }
+    if (event.cancelBubble && sourceEvent) {
+        sourceEvent.stopPropagation();
+    }
+    return event.defaultPrevented;
+}
+export function fireNonCancelableEvent(handler, detail) {
+    if (!handler) {
+        return;
+    }
+    const event = createCustomEvent({ cancelable: false, detail });
+    handler(event);
+}
+//# sourceMappingURL=index.js.map

package/internal/events/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/internal/events/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAiBtC,MAAM,OAAO,eAAe;IAG1B,YACS,aAAsB,KAAK,EAC3B,SAAmB,IAAI;QADvB,eAAU,GAAV,UAAU,CAAiB;QAC3B,WAAM,GAAN,MAAM,CAAiB;QAJhC,qBAAgB,GAAG,KAAK,CAAC;QACzB,iBAAY,GAAG,KAAK,CAAC;IAIlB,CAAC;IAEJ,cAAc;QACZ,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;IAC/B,CAAC;IAED,eAAe;QACb,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;IAC3B,CAAC;CACF;AAED,MAAM,UAAU,iBAAiB,CAAI,EAAE,UAAU,EAAE,MAAM,EAAsB;IAC7E,OAAO,IAAI,eAAe,CAAC,UAAU,EAAE,MAAM,CAAgB,CAAC;AAChE,CAAC;AAED,MAAM,UAAU,mBAAmB,CACjC,OAA8C,EAC9C,MAAS,EACT,WAA0C;IAE1C,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,KAAK,CAAC;KACd;IACD,MAAM,KAAK,GAAG,iBAAiB,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;IAC9D,OAAO,CAAC,KAAK,CAAC,CAAC;IACf,IAAI,KAAK,CAAC,gBAAgB,IAAI,WAAW,EAAE;QACzC,WAAW,CAAC,cAAc,EAAE,CAAC;KAC9B;IACD,IAAI,KAAK,CAAC,YAAY,IAAI,WAAW,EAAE;QACrC,WAAW,CAAC,eAAe,EAAE,CAAC;KAC/B;IACD,OAAO,KAAK,CAAC,gBAAgB,CAAC;AAChC,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAW,OAAiD,EAAE,MAAU;IAC5G,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO;KACR;IACD,MAAM,KAAK,GAAG,iBAAiB,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;IAC/D,OAAO,CAAC,KAAK,CAAC,CAAC;AACjB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport type CancelableEventHandler<Detail = object> = (event: CustomEvent<Detail>) => void;\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport type NonCancelableEventHandler<Detail = {}> = (event: NonCancelableCustomEvent<Detail>) => void;\n\nexport type NonCancelableCustomEvent<DetailType> = Omit<CustomEvent<DetailType>, \"preventDefault\">;\n\nexport interface ClickDetail {\n  button: number;\n  ctrlKey: boolean;\n  shiftKey: boolean;\n  altKey: boolean;\n  metaKey: boolean;\n}\n\nexport class CustomEventStub<T> {\n  defaultPrevented = false;\n  cancelBubble = false;\n  constructor(\n    public cancelable: boolean = false,\n    public detail: T | null = null,\n  ) {}\n\n  preventDefault() {\n    this.defaultPrevented = true;\n  }\n\n  stopPropagation() {\n    this.cancelBubble = true;\n  }\n}\n\nexport function createCustomEvent<T>({ cancelable, detail }: CustomEventInit<T>): CustomEvent<T> {\n  return new CustomEventStub(cancelable, detail) as CustomEvent;\n}\n\nexport function fireCancelableEvent<T>(\n  handler: CancelableEventHandler<T> | undefined,\n  detail: T,\n  sourceEvent?: React.SyntheticEvent | Event,\n) {\n  if (!handler) {\n    return false;\n  }\n  const event = createCustomEvent({ cancelable: true, detail });\n  handler(event);\n  if (event.defaultPrevented && sourceEvent) {\n    sourceEvent.preventDefault();\n  }\n  if (event.cancelBubble && sourceEvent) {\n    sourceEvent.stopPropagation();\n  }\n  return event.defaultPrevented;\n}\n\nexport function fireNonCancelableEvent<T = null>(handler: NonCancelableEventHandler<T> | undefined, detail?: T) {\n  if (!handler) {\n    return;\n  }\n  const event = createCustomEvent({ cancelable: false, detail });\n  handler(event);\n}\n"]}