@cloudscape-design/components 3.0.0

package/internal/context/form-field-context.d.ts

@@ -0,0 +1,44 @@
+export interface FormFieldControlProps {
+    /**
+     * Specifies the ID of the native form element. You can use it to relate
+     * a label element's `for` attribute to this control.
+     *
+     * It defaults to an automatically generated ID that
+     * is provided by its parent form field component.
+     */
+    controlId?: string;
+    /**
+     * Adds `aria-labelledby` to the component. If you're using this component within a form field,
+     * don't set this property because the form field component automatically sets it.
+     *
+     * Use this property if the component isn't surrounded by a form field, or you want to override the value
+     * automatically set by the form field (for example, if you have two components within a single form field).
+     *
+     * To use it correctly, define an ID for the element you want to use as label and set the property to that ID.
+     */
+    ariaLabelledby?: string;
+    /**
+     * Adds `aria-describedby` to the component. If you're using this component within a form field,
+     * don't set this property because the form field component automatically sets it.
+     *
+     * Use this property if the component isn't surrounded by a form field, or you want to override the value
+     * automatically set by the form field (for example, if you have two components within a single form field).
+     *
+     * To use it correctly, define an ID for each element that you want to use as a description
+     * and set the property to a string of each ID separated by spaces (for example, `"id1 id2 id3"`).
+     */
+    ariaDescribedby?: string;
+}
+export interface FormFieldValidationControlProps extends FormFieldControlProps {
+    /**
+     * Overrides the invalidation state. Usually the invalid state
+     * comes from the parent `FormField`component,
+     * however sometimes you need to override its
+     * state when you have more than one input within a
+     * single form field.
+     */
+    invalid?: boolean;
+}
+export declare const FormFieldDomContext: import("../hooks/dom-context").DomContextDeclaration<FormFieldValidationControlProps>;
+export declare function useFormFieldContext(props: FormFieldValidationControlProps): FormFieldValidationControlProps;
+//# sourceMappingURL=form-field-context.d.ts.map

package/internal/context/form-field-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-context.d.ts","sourceRoot":"","sources":["../../../../src/internal/context/form-field-context.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,qBAAqB;IACpC;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;;;;OAQG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;;;;;;OASG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,+BAAgC,SAAQ,qBAAqB;IAC5E;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,mBAAmB,uFAA8E,CAAC;AAU/G,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,+BAA+B,mCAGzE"}

package/internal/context/form-field-context.js

@@ -0,0 +1,17 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useContext } from 'react';
+import { createDomContext } from '../hooks/dom-context';
+export var FormFieldDomContext = createDomContext('form-field-context', {});
+function applyDefault(fields, defaults, keys) {
+    var result = {};
+    keys.forEach(function (key) {
+        result[key] = fields[key] === undefined ? defaults[key] : fields[key];
+    });
+    return result;
+}
+export function useFormFieldContext(props) {
+    var context = useContext(FormFieldDomContext.context);
+    return applyDefault(props, context, ['invalid', 'controlId', 'ariaLabelledby', 'ariaDescribedby']);
+}
+//# sourceMappingURL=form-field-context.js.map

package/internal/context/form-field-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-context.js","sourceRoot":"","sources":["../../../../src/internal/context/form-field-context.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AA+CxD,MAAM,CAAC,IAAM,mBAAmB,GAAG,gBAAgB,CAAkC,oBAAoB,EAAE,EAAE,CAAC,CAAC;AAE/G,SAAS,YAAY,CAAI,MAAS,EAAE,QAAW,EAAE,IAAiB;IAChE,IAAM,MAAM,GAAM,EAAE,CAAC;IACrB,IAAI,CAAC,OAAO,CAAC,UAAA,GAAG;QACd,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACxE,CAAC,CAAC,CAAC;IACH,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,KAAsC;IACxE,IAAM,OAAO,GAAG,UAAU,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;IACxD,OAAO,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,gBAAgB,EAAE,iBAAiB,CAAC,CAAC,CAAC;AACrG,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useContext } from 'react';\nimport { createDomContext } from '../hooks/dom-context';\n\nexport interface FormFieldControlProps {\n  /**\n   * Specifies the ID of the native form element. You can use it to relate\n   * a label element's `for` attribute to this control.\n   *\n   * It defaults to an automatically generated ID that\n   * is provided by its parent form field component.\n   */\n  controlId?: string;\n\n  /**\n   * Adds `aria-labelledby` to the component. If you're using this component within a form field,\n   * don't set this property because the form field component automatically sets it.\n   *\n   * Use this property if the component isn't surrounded by a form field, or you want to override the value\n   * automatically set by the form field (for example, if you have two components within a single form field).\n   *\n   * To use it correctly, define an ID for the element you want to use as label and set the property to that ID.\n   */\n  ariaLabelledby?: string;\n\n  /**\n   * Adds `aria-describedby` to the component. If you're using this component within a form field,\n   * don't set this property because the form field component automatically sets it.\n   *\n   * Use this property if the component isn't surrounded by a form field, or you want to override the value\n   * automatically set by the form field (for example, if you have two components within a single form field).\n   *\n   * To use it correctly, define an ID for each element that you want to use as a description\n   * and set the property to a string of each ID separated by spaces (for example, `\"id1 id2 id3\"`).\n   */\n  ariaDescribedby?: string;\n}\n\nexport interface FormFieldValidationControlProps extends FormFieldControlProps {\n  /**\n   * Overrides the invalidation state. Usually the invalid state\n   * comes from the parent `FormField`component,\n   * however sometimes you need to override its\n   * state when you have more than one input within a\n   * single form field.\n   */\n  invalid?: boolean;\n}\n\nexport const FormFieldDomContext = createDomContext<FormFieldValidationControlProps>('form-field-context', {});\n\nfunction applyDefault<T>(fields: T, defaults: T, keys: (keyof T)[]) {\n  const result = <T>{};\n  keys.forEach(key => {\n    result[key] = fields[key] === undefined ? defaults[key] : fields[key];\n  });\n  return result;\n}\n\nexport function useFormFieldContext(props: FormFieldValidationControlProps) {\n  const context = useContext(FormFieldDomContext.context);\n  return applyDefault(props, context, ['invalid', 'controlId', 'ariaLabelledby', 'ariaDescribedby']);\n}\n"]}

package/internal/context/split-panel-context.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+export declare type SplitPanelLastInteraction = {
+    type: 'open';
+} | {
+    type: 'close';
+} | {
+    type: 'position';
+};
+export interface SplitPanelContextProps {
+    topOffset: number;
+    bottomOffset: number;
+    leftOffset: number;
+    rightOffset: number;
+    position: 'side' | 'bottom';
+    size: number;
+    getMaxWidth: () => number;
+    getMaxHeight: () => number;
+    getHeader: () => HTMLElement | null;
+    disableContentPaddings?: boolean;
+    contentWidthStyles?: React.CSSProperties;
+    contentWrapperPaddings?: {
+        closedNav: boolean;
+        closedTools: boolean;
+    };
+    isCopy?: boolean;
+    isOpen?: boolean;
+    isMobile: boolean;
+    isRefresh: boolean;
+    isForcedPosition: boolean;
+    lastInteraction?: SplitPanelLastInteraction;
+    splitPanelRef?: React.Ref<any>;
+    splitPanelHeaderRef?: React.Ref<any>;
+    onResize: (detail: {
+        size: number;
+    }) => void;
+    onToggle: () => void;
+    onPreferencesChange: (detail: {
+        position: 'side' | 'bottom';
+    }) => void;
+    reportSize: (pixels: number) => void;
+    openButtonAriaLabel?: string;
+    setOpenButtonAriaLabel?: (value: string) => void;
+}
+export declare const SplitPanelContext: React.Context<SplitPanelContextProps>;
+export declare function useSplitPanelContext(): SplitPanelContextProps;
+//# sourceMappingURL=split-panel-context.d.ts.map

package/internal/context/split-panel-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-panel-context.d.ts","sourceRoot":"","sources":["../../../../src/internal/context/split-panel-context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,oBAAY,yBAAyB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC;AAEpG,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,MAAM,CAAC;IAC1B,YAAY,EAAE,MAAM,MAAM,CAAC;IAC3B,SAAS,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IACpC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACzC,sBAAsB,CAAC,EAAE;QACvB,SAAS,EAAE,OAAO,CAAC;QACnB,WAAW,EAAE,OAAO,CAAC;KACtB,CAAC;IACF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,gBAAgB,EAAE,OAAO,CAAC;IAG1B,eAAe,CAAC,EAAE,yBAAyB,CAAC;IAC5C,aAAa,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC/B,mBAAmB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrC,QAAQ,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,EAAE,CAAC,MAAM,EAAE;QAAE,QAAQ,EAAE,MAAM,GAAG,QAAQ,CAAA;KAAE,KAAK,IAAI,CAAC;IACvE,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD;AAED,eAAO,MAAM,iBAAiB,uCAsB5B,CAAC;AAEH,wBAAgB,oBAAoB,2BAEnC"}

package/internal/context/split-panel-context.js

@@ -0,0 +1,30 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useContext, createContext } from 'react';
+export var SplitPanelContext = createContext({
+    topOffset: 0,
+    bottomOffset: 0,
+    leftOffset: 0,
+    rightOffset: 0,
+    position: 'bottom',
+    size: 0,
+    getMaxWidth: function () { return 0; },
+    getMaxHeight: function () { return 0; },
+    getHeader: function () { return null; },
+    isCopy: false,
+    isOpen: true,
+    isMobile: false,
+    isRefresh: false,
+    isForcedPosition: false,
+    lastInteraction: undefined,
+    splitPanelRef: undefined,
+    splitPanelHeaderRef: undefined,
+    onResize: function () { },
+    onToggle: function () { },
+    onPreferencesChange: function () { },
+    reportSize: function () { }
+});
+export function useSplitPanelContext() {
+    return useContext(SplitPanelContext);
+}
+//# sourceMappingURL=split-panel-context.js.map

package/internal/context/split-panel-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-panel-context.js","sourceRoot":"","sources":["../../../../src/internal/context/split-panel-context.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAsCzD,MAAM,CAAC,IAAM,iBAAiB,GAAG,aAAa,CAAyB;IACrE,SAAS,EAAE,CAAC;IACZ,YAAY,EAAE,CAAC;IACf,UAAU,EAAE,CAAC;IACb,WAAW,EAAE,CAAC;IACd,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,CAAC;IACP,WAAW,EAAE,cAAM,OAAA,CAAC,EAAD,CAAC;IACpB,YAAY,EAAE,cAAM,OAAA,CAAC,EAAD,CAAC;IACrB,SAAS,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;IACrB,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,IAAI;IACZ,QAAQ,EAAE,KAAK;IACf,SAAS,EAAE,KAAK;IAChB,gBAAgB,EAAE,KAAK;IACvB,eAAe,EAAE,SAAS;IAC1B,aAAa,EAAE,SAAS;IACxB,mBAAmB,EAAE,SAAS;IAC9B,QAAQ,EAAE,cAAO,CAAC;IAClB,QAAQ,EAAE,cAAO,CAAC;IAClB,mBAAmB,EAAE,cAAO,CAAC;IAC7B,UAAU,EAAE,cAAO,CAAC;CACrB,CAAC,CAAC;AAEH,MAAM,UAAU,oBAAoB;IAClC,OAAO,UAAU,CAAC,iBAAiB,CAAC,CAAC;AACvC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useContext, createContext } from 'react';\n\nexport type SplitPanelLastInteraction = { type: 'open' } | { type: 'close' } | { type: 'position' };\n\nexport interface SplitPanelContextProps {\n  topOffset: number;\n  bottomOffset: number;\n  leftOffset: number;\n  rightOffset: number;\n  position: 'side' | 'bottom';\n  size: number;\n  getMaxWidth: () => number;\n  getMaxHeight: () => number;\n  getHeader: () => HTMLElement | null;\n  disableContentPaddings?: boolean;\n  contentWidthStyles?: React.CSSProperties;\n  contentWrapperPaddings?: {\n    closedNav: boolean;\n    closedTools: boolean;\n  };\n  isCopy?: boolean;\n  isOpen?: boolean;\n  isMobile: boolean;\n  isRefresh: boolean;\n  isForcedPosition: boolean;\n  // The lastInteraction property indicates last meaningful state transition used to trigger split-panel effects.\n  // We can't observe properties in a regular way because split-panel is being mounted in several places at once.\n  lastInteraction?: SplitPanelLastInteraction;\n  splitPanelRef?: React.Ref<any>;\n  splitPanelHeaderRef?: React.Ref<any>;\n  onResize: (detail: { size: number }) => void;\n  onToggle: () => void;\n  onPreferencesChange: (detail: { position: 'side' | 'bottom' }) => void;\n  reportSize: (pixels: number) => void;\n  openButtonAriaLabel?: string;\n  setOpenButtonAriaLabel?: (value: string) => void;\n}\n\nexport const SplitPanelContext = createContext<SplitPanelContextProps>({\n  topOffset: 0,\n  bottomOffset: 0,\n  leftOffset: 0,\n  rightOffset: 0,\n  position: 'bottom',\n  size: 0,\n  getMaxWidth: () => 0,\n  getMaxHeight: () => 0,\n  getHeader: () => null,\n  isCopy: false,\n  isOpen: true,\n  isMobile: false,\n  isRefresh: false,\n  isForcedPosition: false,\n  lastInteraction: undefined,\n  splitPanelRef: undefined,\n  splitPanelHeaderRef: undefined,\n  onResize: () => {},\n  onToggle: () => {},\n  onPreferencesChange: () => {},\n  reportSize: () => {},\n});\n\nexport function useSplitPanelContext() {\n  return useContext(SplitPanelContext);\n}\n"]}

package/internal/debounce.d.ts

@@ -0,0 +1,3 @@
+export declare const DEBOUNCE_DEFAULT_DELAY = 200;
+export default function debounce<CallbackType extends (...args: any[]) => void>(func: CallbackType, delay?: number): CallbackType;
+//# sourceMappingURL=debounce.d.ts.map

package/internal/debounce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.d.ts","sourceRoot":"","sources":["../../../src/internal/debounce.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAG1C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,YAAY,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,EAC5E,IAAI,EAAE,YAAY,EAClB,KAAK,GAAE,MAA+B,GACrC,YAAY,CAYd"}

package/internal/debounce.js

@@ -0,0 +1,23 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+// default delay for components defined by UX
+export var DEBOUNCE_DEFAULT_DELAY = 200;
+// instead of using this function directly, consider using useDebounceCallback hook
+export default function debounce(func, delay) {
+    if (delay === void 0) { delay = DEBOUNCE_DEFAULT_DELAY; }
+    var timeout;
+    return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        if (timeout) {
+            clearTimeout(timeout);
+        }
+        timeout = setTimeout(function () {
+            timeout = null;
+            func.apply(void 0, args);
+        }, delay);
+    };
+}
+//# sourceMappingURL=debounce.js.map

package/internal/debounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.js","sourceRoot":"","sources":["../../../src/internal/debounce.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,6CAA6C;AAC7C,MAAM,CAAC,IAAM,sBAAsB,GAAG,GAAG,CAAC;AAE1C,mFAAmF;AACnF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAC9B,IAAkB,EAClB,KAAsC;IAAtC,sBAAA,EAAA,8BAAsC;IAEtC,IAAI,OAA6C,CAAC;IAElD,OAAO;QAAU,cAAc;aAAd,UAAc,EAAd,qBAAc,EAAd,IAAc;YAAd,yBAAc;;QAC7B,IAAI,OAAO,EAAE;YACX,YAAY,CAAC,OAAO,CAAC,CAAC;SACvB;QACD,OAAO,GAAG,UAAU,CAAC;YACnB,OAAO,GAAG,IAAI,CAAC;YACf,IAAI,eAAI,IAAI,EAAE;QAChB,CAAC,EAAE,KAAK,CAAC,CAAC;IACZ,CAAiB,CAAC;AACpB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\n// default delay for components defined by UX\nexport const DEBOUNCE_DEFAULT_DELAY = 200;\n\n// instead of using this function directly, consider using useDebounceCallback hook\nexport default function debounce<CallbackType extends (...args: any[]) => void>(\n  func: CallbackType,\n  delay: number = DEBOUNCE_DEFAULT_DELAY\n): CallbackType {\n  let timeout: ReturnType<typeof setTimeout> | null;\n\n  return function (...args: any[]) {\n    if (timeout) {\n      clearTimeout(timeout);\n    }\n    timeout = setTimeout(() => {\n      timeout = null;\n      func(...args);\n    }, delay);\n  } as CallbackType;\n}\n"]}

package/internal/environment.d.ts

@@ -0,0 +1,3 @@
+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_VERSION = '3.0.0 (5b34de3)';
+    export var THEME = 'open-source-visual-refresh';
+    export var ALWAYS_VISUAL_REFRESH = true;
+    

package/internal/events/index.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+export declare type NonCancelableEventHandler<Detail = {}> = (event: NonCancelableCustomEvent<Detail>) => void;
+export declare type CancelableEventHandler<Detail = {}> = (event: CustomEvent<Detail>) => void;
+export declare type NonCancelableCustomEvent<DetailType> = Omit<CustomEvent<DetailType>, 'preventDefault'>;
+export interface BaseKeyDetail {
+    keyCode: number;
+    key: string;
+    ctrlKey: boolean;
+    shiftKey: boolean;
+    altKey: boolean;
+    metaKey: boolean;
+}
+export interface ClickDetail {
+    button: number;
+    ctrlKey: boolean;
+    shiftKey: boolean;
+    altKey: boolean;
+    metaKey: boolean;
+}
+export interface BaseNavigationDetail {
+    href: string | undefined;
+    external?: boolean;
+    target?: string;
+}
+export declare function createCustomEvent<T>({ cancelable, detail }: CustomEventInit<T>): CustomEvent<T>;
+export declare function fireNonCancelableEvent<T = null>(handler: NonCancelableEventHandler<T> | undefined, detail?: T): void;
+export declare function fireCancelableEvent<T>(handler: CancelableEventHandler<T> | undefined, detail: T, sourceEvent?: React.SyntheticEvent | Event): boolean;
+export declare function fireKeyboardEvent(handler: CancelableEventHandler<BaseKeyDetail>, reactEvent: React.KeyboardEvent): boolean;
+export declare function isPlainLeftClick(event?: React.MouseEvent | React.KeyboardEvent): boolean | undefined;
+/**
+ * Returns the element the focus is going to, when a blur event is fired.
+ * IE11 does not support `realtedTarget` on blur FocusEvent's. However, it
+ * moves the focus before the blur event is fired, so we can get the needed
+ * element by accessing `document.activeElement`
+ * @param event FocusEvent - native focus event
+ * @returns Node | null - the element recieving the focus
+ */
+export declare const getBlurEventRelatedTarget: (event: FocusEvent) => Node | null;
+//# sourceMappingURL=index.d.ts.map

package/internal/events/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/internal/events/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,oBAAY,yBAAyB,CAAC,MAAM,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,wBAAwB,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;AAEvG,oBAAY,sBAAsB,CAAC,MAAM,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;AAEvF,oBAAY,wBAAwB,CAAC,UAAU,IAAI,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,EAAE,gBAAgB,CAAC,CAAC;AAgBnG,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAE/F;AAED,wBAAgB,sBAAsB,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,yBAAyB,CAAC,CAAC,CAAC,GAAG,SAAS,EAAE,MAAM,CAAC,EAAE,CAAC,QAM7G;AAED,wBAAgB,mBAAmB,CAAC,CAAC,EACnC,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,GAAG,SAAS,EAC9C,MAAM,EAAE,CAAC,EACT,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,GAAG,KAAK,WAc3C;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,sBAAsB,CAAC,aAAa,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,aAAa,WAahH;AAMD,wBAAgB,gBAAgB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,uBAS9E;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,yBAAyB,UAAW,UAAU,KAAG,IAAI,GAAG,IAEpE,CAAC"}

package/internal/events/index.js

@@ -0,0 +1,75 @@
+var CustomEventStub = /** @class */ (function () {
+    function CustomEventStub(cancelable, detail) {
+        if (cancelable === void 0) { cancelable = false; }
+        if (detail === void 0) { detail = null; }
+        this.cancelable = cancelable;
+        this.detail = detail;
+        this.defaultPrevented = false;
+        this.cancelBubble = false;
+    }
+    CustomEventStub.prototype.preventDefault = function () {
+        this.defaultPrevented = true;
+    };
+    CustomEventStub.prototype.stopPropagation = function () {
+        this.cancelBubble = true;
+    };
+    return CustomEventStub;
+}());
+export function createCustomEvent(_a) {
+    var cancelable = _a.cancelable, detail = _a.detail;
+    return new CustomEventStub(cancelable, detail);
+}
+export function fireNonCancelableEvent(handler, detail) {
+    if (!handler) {
+        return;
+    }
+    var event = createCustomEvent({ cancelable: false, detail: detail });
+    handler(event);
+}
+export function fireCancelableEvent(handler, detail, sourceEvent) {
+    if (!handler) {
+        return false;
+    }
+    var event = createCustomEvent({ cancelable: true, detail: detail });
+    handler(event);
+    if (event.defaultPrevented && sourceEvent) {
+        sourceEvent.preventDefault();
+    }
+    if (event.cancelBubble && sourceEvent) {
+        sourceEvent.stopPropagation();
+    }
+    return event.defaultPrevented;
+}
+export function fireKeyboardEvent(handler, reactEvent) {
+    return fireCancelableEvent(handler, {
+        keyCode: reactEvent.keyCode,
+        key: reactEvent.key,
+        ctrlKey: reactEvent.ctrlKey,
+        shiftKey: reactEvent.shiftKey,
+        altKey: reactEvent.altKey,
+        metaKey: reactEvent.metaKey
+    }, reactEvent);
+}
+var isMouseEvent = function (e) {
+    return e.button !== undefined;
+};
+export function isPlainLeftClick(event) {
+    return (event &&
+        (!isMouseEvent(event) || event.button === 0) &&
+        !event.ctrlKey &&
+        !event.altKey &&
+        !event.shiftKey &&
+        !event.metaKey);
+}
+/**
+ * Returns the element the focus is going to, when a blur event is fired.
+ * IE11 does not support `realtedTarget` on blur FocusEvent's. However, it
+ * moves the focus before the blur event is fired, so we can get the needed
+ * element by accessing `document.activeElement`
+ * @param event FocusEvent - native focus event
+ * @returns Node | null - the element recieving the focus
+ */
+export var getBlurEventRelatedTarget = function (event) {
+    return (event.relatedTarget || document.activeElement);
+};
+//# 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":"AAYA;IAGE,yBAAmB,UAA2B,EAAS,MAAuB;QAA3D,2BAAA,EAAA,kBAA2B;QAAS,uBAAA,EAAA,aAAuB;QAA3D,eAAU,GAAV,UAAU,CAAiB;QAAS,WAAM,GAAN,MAAM,CAAiB;QAF9E,qBAAgB,GAAG,KAAK,CAAC;QACzB,iBAAY,GAAG,KAAK,CAAC;IAC4D,CAAC;IAElF,wCAAc,GAAd;QACE,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;IAC/B,CAAC;IAED,yCAAe,GAAf;QACE,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;IAC3B,CAAC;IACH,sBAAC;AAAD,CAAC,AAZD,IAYC;AAyBD,MAAM,UAAU,iBAAiB,CAAI,EAA0C;QAAxC,UAAU,gBAAA,EAAE,MAAM,YAAA;IACvD,OAAO,IAAI,eAAe,CAAC,UAAU,EAAE,MAAM,CAAgB,CAAC;AAChE,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAW,OAAiD,EAAE,MAAU;IAC5G,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO;KACR;IACD,IAAM,KAAK,GAAG,iBAAiB,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;IAC/D,OAAO,CAAC,KAAK,CAAC,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,mBAAmB,CACjC,OAA8C,EAC9C,MAAS,EACT,WAA0C;IAE1C,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,KAAK,CAAC;KACd;IACD,IAAM,KAAK,GAAG,iBAAiB,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,QAAA,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,iBAAiB,CAAC,OAA8C,EAAE,UAA+B;IAC/G,OAAO,mBAAmB,CACxB,OAAO,EACP;QACE,OAAO,EAAE,UAAU,CAAC,OAAO;QAC3B,GAAG,EAAE,UAAU,CAAC,GAAG;QACnB,OAAO,EAAE,UAAU,CAAC,OAAO;QAC3B,QAAQ,EAAE,UAAU,CAAC,QAAQ;QAC7B,MAAM,EAAE,UAAU,CAAC,MAAM;QACzB,OAAO,EAAE,UAAU,CAAC,OAAO;KAC5B,EACD,UAAU,CACX,CAAC;AACJ,CAAC;AAED,IAAM,YAAY,GAAG,UAAC,CAAyC;IAC7D,OAAQ,CAAsB,CAAC,MAAM,KAAK,SAAS,CAAC;AACtD,CAAC,CAAC;AAEF,MAAM,UAAU,gBAAgB,CAAC,KAA8C;IAC7E,OAAO,CACL,KAAK;QACL,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC;QAC5C,CAAC,KAAK,CAAC,OAAO;QACd,CAAC,KAAK,CAAC,MAAM;QACb,CAAC,KAAK,CAAC,QAAQ;QACf,CAAC,KAAK,CAAC,OAAO,CACf,CAAC;AACJ,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,IAAM,yBAAyB,GAAG,UAAC,KAAiB;IACzD,OAAO,CAAC,KAAK,CAAC,aAAa,IAAI,QAAQ,CAAC,aAAa,CAAgB,CAAC;AACxE,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\n// This is a part of our public types API. We cannot change this in the current major version\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport type NonCancelableEventHandler<Detail = {}> = (event: NonCancelableCustomEvent<Detail>) => void;\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport type CancelableEventHandler<Detail = {}> = (event: CustomEvent<Detail>) => void;\n\nexport type NonCancelableCustomEvent<DetailType> = Omit<CustomEvent<DetailType>, 'preventDefault'>;\n\nclass CustomEventStub<T> {\n  defaultPrevented = false;\n  cancelBubble = false;\n  constructor(public cancelable: boolean = false, public detail: T | null = null) {}\n\n  preventDefault() {\n    this.defaultPrevented = true;\n  }\n\n  stopPropagation() {\n    this.cancelBubble = true;\n  }\n}\n\nexport interface BaseKeyDetail {\n  keyCode: number;\n  key: string;\n  ctrlKey: boolean;\n  shiftKey: boolean;\n  altKey: boolean;\n  metaKey: boolean;\n}\n\nexport interface ClickDetail {\n  button: number;\n  ctrlKey: boolean;\n  shiftKey: boolean;\n  altKey: boolean;\n  metaKey: boolean;\n}\n\nexport interface BaseNavigationDetail {\n  href: string | undefined;\n  external?: boolean;\n  target?: string;\n}\n\nexport function createCustomEvent<T>({ cancelable, detail }: CustomEventInit<T>): CustomEvent<T> {\n  return new CustomEventStub(cancelable, detail) as CustomEvent;\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\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 fireKeyboardEvent(handler: CancelableEventHandler<BaseKeyDetail>, reactEvent: React.KeyboardEvent) {\n  return fireCancelableEvent(\n    handler,\n    {\n      keyCode: reactEvent.keyCode,\n      key: reactEvent.key,\n      ctrlKey: reactEvent.ctrlKey,\n      shiftKey: reactEvent.shiftKey,\n      altKey: reactEvent.altKey,\n      metaKey: reactEvent.metaKey,\n    },\n    reactEvent\n  );\n}\n\nconst isMouseEvent = (e: React.MouseEvent | React.KeyboardEvent): e is React.MouseEvent => {\n  return (e as React.MouseEvent).button !== undefined;\n};\n\nexport function isPlainLeftClick(event?: React.MouseEvent | React.KeyboardEvent) {\n  return (\n    event &&\n    (!isMouseEvent(event) || event.button === 0) &&\n    !event.ctrlKey &&\n    !event.altKey &&\n    !event.shiftKey &&\n    !event.metaKey\n  );\n}\n\n/**\n * Returns the element the focus is going to, when a blur event is fired.\n * IE11 does not support `realtedTarget` on blur FocusEvent's. However, it\n * moves the focus before the blur event is fired, so we can get the needed\n * element by accessing `document.activeElement`\n * @param event FocusEvent - native focus event\n * @returns Node | null - the element recieving the focus\n */\nexport const getBlurEventRelatedTarget = (event: FocusEvent): Node | null => {\n  return (event.relatedTarget || document.activeElement) as Node | null;\n};\n"]}

package/internal/focus-tracker.d.ts

@@ -0,0 +1,20 @@
+interface FocusTrackerOptions {
+    onFocusEnter: () => void;
+    onFocusLeave: () => void;
+}
+export default class FocusTracker {
+    private node;
+    private readonly onFocusLeave;
+    private readonly onFocusEnter;
+    private readonly viewportId;
+    private currentlyFocused;
+    constructor(node: HTMLElement, { onFocusEnter, onFocusLeave }: FocusTrackerOptions, viewportId?: string);
+    initialize(): void;
+    destroy(): void;
+    private focusInListener;
+    private focusOutListener;
+    private triggerBlur;
+    private triggerFocus;
+}
+export {};
+//# sourceMappingURL=focus-tracker.d.ts.map

package/internal/focus-tracker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-tracker.d.ts","sourceRoot":"","sources":["../../../src/internal/focus-tracker.ts"],"names":[],"mappings":"AAIA,UAAU,mBAAmB;IAC3B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,OAAO,YAAY;IAOnB,OAAO,CAAC,IAAI;IANxB,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAa;IAC1C,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAa;IAC1C,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAS;IAEpC,OAAO,CAAC,gBAAgB,CAAS;gBAEb,IAAI,EAAE,WAAW,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,mBAAmB,EAAE,UAAU,SAAK;IAM3G,UAAU;IAMV,OAAO;IAKP,OAAO,CAAC,eAAe,CAKrB;IAEF,OAAO,CAAC,gBAAgB,CAWtB;IAEF,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,YAAY;CAIrB"}

package/internal/focus-tracker.js

@@ -0,0 +1,52 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { containsOrEqual } from './utils/dom';
+var FocusTracker = /** @class */ (function () {
+    function FocusTracker(node, _a, viewportId) {
+        var onFocusEnter = _a.onFocusEnter, onFocusLeave = _a.onFocusLeave;
+        if (viewportId === void 0) { viewportId = ''; }
+        var _this = this;
+        this.node = node;
+        this.currentlyFocused = false;
+        this.focusInListener = function (event) {
+            var focusIsInside = containsOrEqual(_this.node, event.target);
+            if (!_this.currentlyFocused && focusIsInside) {
+                _this.triggerFocus();
+            }
+        };
+        this.focusOutListener = function (event) {
+            var nextFocused = event.relatedTarget;
+            var isNextFocusedInParent = !containsOrEqual(_this.node, nextFocused);
+            if (_this.viewportId) {
+                var viewport = document.getElementById(_this.viewportId);
+                isNextFocusedInParent = isNextFocusedInParent && !containsOrEqual(viewport, nextFocused);
+            }
+            if (_this.currentlyFocused && (nextFocused === null || isNextFocusedInParent)) {
+                _this.triggerBlur();
+            }
+        };
+        this.onFocusEnter = onFocusEnter;
+        this.onFocusLeave = onFocusLeave;
+        this.viewportId = viewportId;
+    }
+    FocusTracker.prototype.initialize = function () {
+        this.currentlyFocused = containsOrEqual(this.node, document.activeElement);
+        document.addEventListener('focusin', this.focusInListener);
+        document.addEventListener('focusout', this.focusOutListener);
+    };
+    FocusTracker.prototype.destroy = function () {
+        document.removeEventListener('focusin', this.focusInListener);
+        document.removeEventListener('focusout', this.focusOutListener);
+    };
+    FocusTracker.prototype.triggerBlur = function () {
+        this.currentlyFocused = false;
+        this.onFocusLeave();
+    };
+    FocusTracker.prototype.triggerFocus = function () {
+        this.currentlyFocused = true;
+        this.onFocusEnter();
+    };
+    return FocusTracker;
+}());
+export default FocusTracker;
+//# sourceMappingURL=focus-tracker.js.map

package/internal/focus-tracker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-tracker.js","sourceRoot":"","sources":["../../../src/internal/focus-tracker.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAO9C;IAOE,sBAAoB,IAAiB,EAAE,EAAmD,EAAE,UAAe;YAAlE,YAAY,kBAAA,EAAE,YAAY,kBAAA;QAAyB,2BAAA,EAAA,eAAe;QAA3G,iBAIC;QAJmB,SAAI,GAAJ,IAAI,CAAa;QAF7B,qBAAgB,GAAG,KAAK,CAAC;QAmBzB,oBAAe,GAAG,UAAC,KAAiB;YAC1C,IAAM,aAAa,GAAG,eAAe,CAAC,KAAI,CAAC,IAAI,EAAE,KAAK,CAAC,MAAc,CAAC,CAAC;YACvE,IAAI,CAAC,KAAI,CAAC,gBAAgB,IAAI,aAAa,EAAE;gBAC3C,KAAI,CAAC,YAAY,EAAE,CAAC;aACrB;QACH,CAAC,CAAC;QAEM,qBAAgB,GAAG,UAAC,KAAiB;YAC3C,IAAM,WAAW,GAAG,KAAK,CAAC,aAAqB,CAAC;YAChD,IAAI,qBAAqB,GAAG,CAAC,eAAe,CAAC,KAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;YAErE,IAAI,KAAI,CAAC,UAAU,EAAE;gBACnB,IAAM,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,KAAI,CAAC,UAAU,CAAC,CAAC;gBAC1D,qBAAqB,GAAG,qBAAqB,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;aAC1F;YACD,IAAI,KAAI,CAAC,gBAAgB,IAAI,CAAC,WAAW,KAAK,IAAI,IAAI,qBAAqB,CAAC,EAAE;gBAC5E,KAAI,CAAC,WAAW,EAAE,CAAC;aACpB;QACH,CAAC,CAAC;QAlCA,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;IAC/B,CAAC;IAED,iCAAU,GAAV;QACE,IAAI,CAAC,gBAAgB,GAAG,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,aAAoB,CAAC,CAAC;QAClF,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QAC3D,QAAQ,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAC/D,CAAC;IAED,8BAAO,GAAP;QACE,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QAC9D,QAAQ,CAAC,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAClE,CAAC;IAsBO,kCAAW,GAAnB;QACE,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAEO,mCAAY,GAApB;QACE,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;QAC7B,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IACH,mBAAC;AAAD,CAAC,AArDD,IAqDC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { containsOrEqual } from './utils/dom';\n\ninterface FocusTrackerOptions {\n  onFocusEnter: () => void;\n  onFocusLeave: () => void;\n}\n\nexport default class FocusTracker {\n  private readonly onFocusLeave: () => void;\n  private readonly onFocusEnter: () => void;\n  private readonly viewportId: string;\n\n  private currentlyFocused = false;\n\n  constructor(private node: HTMLElement, { onFocusEnter, onFocusLeave }: FocusTrackerOptions, viewportId = '') {\n    this.onFocusEnter = onFocusEnter;\n    this.onFocusLeave = onFocusLeave;\n    this.viewportId = viewportId;\n  }\n\n  initialize() {\n    this.currentlyFocused = containsOrEqual(this.node, document.activeElement as any);\n    document.addEventListener('focusin', this.focusInListener);\n    document.addEventListener('focusout', this.focusOutListener);\n  }\n\n  destroy() {\n    document.removeEventListener('focusin', this.focusInListener);\n    document.removeEventListener('focusout', this.focusOutListener);\n  }\n\n  private focusInListener = (event: FocusEvent) => {\n    const focusIsInside = containsOrEqual(this.node, event.target as Node);\n    if (!this.currentlyFocused && focusIsInside) {\n      this.triggerFocus();\n    }\n  };\n\n  private focusOutListener = (event: FocusEvent) => {\n    const nextFocused = event.relatedTarget as Node;\n    let isNextFocusedInParent = !containsOrEqual(this.node, nextFocused);\n\n    if (this.viewportId) {\n      const viewport = document.getElementById(this.viewportId);\n      isNextFocusedInParent = isNextFocusedInParent && !containsOrEqual(viewport, nextFocused);\n    }\n    if (this.currentlyFocused && (nextFocused === null || isNextFocusedInParent)) {\n      this.triggerBlur();\n    }\n  };\n\n  private triggerBlur() {\n    this.currentlyFocused = false;\n    this.onFocusLeave();\n  }\n\n  private triggerFocus() {\n    this.currentlyFocused = true;\n    this.onFocusEnter();\n  }\n}\n"]}

package/internal/generated/custom-css-properties/index.d.ts

@@ -0,0 +1,3 @@
+declare const customCSSPropertiesMap: Record<string, string>;
+export default customCSSPropertiesMap;
+//# sourceMappingURL=index.d.ts.map

package/internal/generated/custom-css-properties/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAyBlD,CAAC;AACF,eAAe,sBAAsB,CAAC"}

package/internal/generated/custom-css-properties/index.js

@@ -0,0 +1,28 @@
+var customCSSPropertiesMap = {
+    offsetTop: '--awsui-offset-top-ujkcpl',
+    offsetTopWithNotifications: '--awsui-offset-top-with-notifications-ujkcpl',
+    contentGapLeft: '--awsui-content-gap-left-ujkcpl',
+    contentGapRight: '--awsui-content-gap-right-ujkcpl',
+    contentHeight: '--awsui-content-height-ujkcpl',
+    defaultMaxContentWidth: '--awsui-default-max-content-width-ujkcpl',
+    defaultMinContentWidth: '--awsui-default-min-content-width-ujkcpl',
+    footerHeight: '--awsui-footer-height-ujkcpl',
+    headerHeight: '--awsui-header-height-ujkcpl',
+    layoutWidth: '--awsui-layout-width-ujkcpl',
+    mainOffsetLeft: '--awsui-main-offset-left-ujkcpl',
+    maxContentWidth: '--awsui-max-content-width-ujkcpl',
+    minContentWidth: '--awsui-min-content-width-ujkcpl',
+    notificationsHeight: '--awsui-notifications-height-ujkcpl',
+    overlapHeight: '--awsui-overlap-height-ujkcpl',
+    navigationWidth: '--awsui-navigation-width-ujkcpl',
+    splitPanelReportedHeaderSize: '--awsui-split-panel-reported-header-size-ujkcpl',
+    splitPanelReportedSize: '--awsui-split-panel-reported-size-ujkcpl',
+    splitPanelMinWidth: '--awsui-split-panel-min-width-ujkcpl',
+    splitPanelMaxWidth: '--awsui-split-panel-max-width-ujkcpl',
+    toolsMaxWidth: '--awsui-tools-max-width-ujkcpl',
+    toolsWidth: '--awsui-tools-width-ujkcpl',
+    toolsAnimationStartingOpacity: '--awsui-tools-animation-starting-opacity-ujkcpl',
+    contentScrollMargin: '--awsui-content-scroll-margin-ujkcpl'
+};
+export default customCSSPropertiesMap;
+//# sourceMappingURL=index.js.map

package/internal/generated/custom-css-properties/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AAAA,IAAM,sBAAsB,GAA2B;IACrD,SAAS,EAAE,2BAA2B;IACtC,0BAA0B,EAAE,8CAA8C;IAC1E,cAAc,EAAE,iCAAiC;IACjD,eAAe,EAAE,kCAAkC;IACnD,aAAa,EAAE,+BAA+B;IAC9C,sBAAsB,EAAE,0CAA0C;IAClE,sBAAsB,EAAE,0CAA0C;IAClE,YAAY,EAAE,8BAA8B;IAC5C,YAAY,EAAE,8BAA8B;IAC5C,WAAW,EAAE,6BAA6B;IAC1C,cAAc,EAAE,iCAAiC;IACjD,eAAe,EAAE,kCAAkC;IACnD,eAAe,EAAE,kCAAkC;IACnD,mBAAmB,EAAE,qCAAqC;IAC1D,aAAa,EAAE,+BAA+B;IAC9C,eAAe,EAAE,iCAAiC;IAClD,4BAA4B,EAAE,iDAAiD;IAC/E,sBAAsB,EAAE,0CAA0C;IAClE,kBAAkB,EAAE,sCAAsC;IAC1D,kBAAkB,EAAE,sCAAsC;IAC1D,aAAa,EAAE,gCAAgC;IAC/C,UAAU,EAAE,4BAA4B;IACxC,6BAA6B,EAAE,iDAAiD;IAChF,mBAAmB,EAAE,sCAAsC;CAC5D,CAAC;AACF,eAAe,sBAAsB,CAAC","sourcesContent":["const customCSSPropertiesMap: Record<string, string> = {\n  offsetTop: '--awsui-offset-top-ujkcpl',\n  offsetTopWithNotifications: '--awsui-offset-top-with-notifications-ujkcpl',\n  contentGapLeft: '--awsui-content-gap-left-ujkcpl',\n  contentGapRight: '--awsui-content-gap-right-ujkcpl',\n  contentHeight: '--awsui-content-height-ujkcpl',\n  defaultMaxContentWidth: '--awsui-default-max-content-width-ujkcpl',\n  defaultMinContentWidth: '--awsui-default-min-content-width-ujkcpl',\n  footerHeight: '--awsui-footer-height-ujkcpl',\n  headerHeight: '--awsui-header-height-ujkcpl',\n  layoutWidth: '--awsui-layout-width-ujkcpl',\n  mainOffsetLeft: '--awsui-main-offset-left-ujkcpl',\n  maxContentWidth: '--awsui-max-content-width-ujkcpl',\n  minContentWidth: '--awsui-min-content-width-ujkcpl',\n  notificationsHeight: '--awsui-notifications-height-ujkcpl',\n  overlapHeight: '--awsui-overlap-height-ujkcpl',\n  navigationWidth: '--awsui-navigation-width-ujkcpl',\n  splitPanelReportedHeaderSize: '--awsui-split-panel-reported-header-size-ujkcpl',\n  splitPanelReportedSize: '--awsui-split-panel-reported-size-ujkcpl',\n  splitPanelMinWidth: '--awsui-split-panel-min-width-ujkcpl',\n  splitPanelMaxWidth: '--awsui-split-panel-max-width-ujkcpl',\n  toolsMaxWidth: '--awsui-tools-max-width-ujkcpl',\n  toolsWidth: '--awsui-tools-width-ujkcpl',\n  toolsAnimationStartingOpacity: '--awsui-tools-animation-starting-opacity-ujkcpl',\n  contentScrollMargin: '--awsui-content-scroll-margin-ujkcpl',\n};\nexport default customCSSPropertiesMap;\n"]}